芝麻web文件管理V1.00

编辑当前文件:/home/p/r/i/prismawe/www/resuamer/site/styles/style.css

@font-face {
  font-family: "Komika Axis";
  src: url('./font/KOMIKAX_.ttf') format("truetype");
}
/*************************************************/
/****************** RESET CSS *****************/
/*************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************************/
/**************FIN RESET CSS *****************/
/*************************************************/

body{background:-webkit-gradient(linear,left top, right top,from(#abd4ff),to(#abd4ff),color-stop(0.5, #bddeff));background:-webkit-linear-gradient(left,#abd4ff,#bddeff 50%,#abd4ff);background:-moz-linear-gradient(left,#abd4ff,#bddeff 50%,#abd4ff);background:-o-linear-gradient(left,#abd4ff,#bddeff 50%,#abd4ff);background:linear-gradient(left,#abd4ff,#bddeff 50%,#abd4ff);background-color:#bddeff;font-family:Verdana, Geneva, sans-serif;}
.center{width:1000px;margin:auto;}
strong{font-weight:bold;}

#hd1{float:left;width:100%;margin-bottom:16px;}
#menuTop{float:right;width:100%;text-align:right;margin-top:45px;font-size:0.7em;color:#182983;margin-bottom:6px;}
#menuTop a{text-decoration:none;text-transform:uppercase;color:#182983;padding:5px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#menuTop a:hover{background-color:#182983;color:white;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

#logo{height:150px;float:left;width:100%;background-color:white;}
#logo img{width:420px;float:left;margin-top:-55px;margin-left:15px;}

#menu{background-color:#182983;float:left;width:100%;padding-top:7px;padding-bottom:10px;margin-top:-55px;}
#menu ul{float:left;width:100%;}
#menu li{float:left;}
#menu li a{text-transform:uppercase;font-size:0.7em;text-decoration:none;color:white;padding:10px 22px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#menu li a:hover,#menu li .selectionne{background-color:#d80100;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

#social{float:right;margin-right:15px;margin-top:-45px;}
#social a{margin-left:13px;float:left;}

#content{width:100%;float:left;}

#colGauche{float:left;width:680px;margin-right:20px;}
/* Style du jeux */
/* premier ecran */
#goodiesQuestioncandidat{height:265px;float:left;width:680px;background-color:#2576ae;}
#goodiesQuestioncandidat button{cursor:pointer;}
#goodiesQuestioncandidatSATGESTART{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/background1New.png');}
#goodiesQuestioncandidatSATGESTART h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
#goodiesQuestioncandidatSATGESTART .spacer{line-height: 0.4em;}
#goodiesQuestioncandidatSATGESTART #goodiesQuestioncandidatSTART{

border: medium none;
    height: 69px;
    margin-left: 239px;
    margin-top: 41px;
    width: 197px;}
#goodiesQuestioncandidatSATGESTART  .en{
        background: url("../images/jeux/questionCandidat/play2.png") no-repeat top;
}
#goodiesQuestioncandidatSATGESTART  .fr{
        background: url("../images/jeux/questionCandidat/jouer.png") no-repeat top;
}
#goodiesQuestioncandidatSATGESTART #goodiesQuestioncandidatSTART:hover{
 /*background: url("../images/jeux/questionCandidat/play-pushed.png") no-repeat scroll 0 0 transparent;*/
 opacity: 0.8;
}

#goodiesQuestioncandidatSATGESTART .en:active{
 background: url("../images/jeux/questionCandidat/play2.png") no-repeat bottom;
/* opacity: 0.8;*/
}
#goodiesQuestioncandidatSATGESTART .fr:active{
 background: url("../images/jeux/questionCandidat/jouer.png") no-repeat bottom;
/* opacity: 0.8;*/
}

/* Deuxieme �cran */
#goodiesQuestioncandidat3BTN{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/background2New.png');}
#goodiesQuestioncandidat3BTN h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
#goodiesQuestioncandidat3BTN .spacer{line-height: 0.4em;}
#goodiesQuestioncandidat3BTN button{
    float:left;
}
#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN5{
  
    border: medium none;
    height: 52px;
    /*margin-left: 239px;
    margin-top: 41px;*/
    width: 194px;}
#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN5{
  background: url("../images/jeux/questionCandidat/5questions2.png") no-repeat top;
}
#goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN5{
  background: url("../images/jeux/questionCandidat/rapide.png") no-repeat top;
}
#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN5:hover{
 /* background: url("../images/jeux/questionCandidat/5questionspushed.png") no-repeat scroll 0 0 transparent; */ 
  opacity: 0.8;

}

#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN5:active{
background: url("../images/jeux/questionCandidat/5questions2.png") no-repeat  bottom;
padding-bottom: 4px;
 }
 #goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN5:active{
background: url("../images/jeux/questionCandidat/rapide.png") no-repeat  bottom;
padding-bottom: 4px;
 }

#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN10{

border: medium none;
    height: 52px;
    /*margin-left: 239px;
    margin-top: 41px;*/
    width: 194px;}
#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN10{
    background: url("../images/jeux/questionCandidat/10questions2.png") no-repeat top;
}
#goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN10{
    background: url("../images/jeux/questionCandidat/moyen.png") no-repeat top;
}

#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN10:hover{
  /*background: url("../images/jeux/questionCandidat/10questionspushed.png") no-repeat scroll 0 0 transparent;  */
  opacity: 0.8;
}

#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN10:active{
  background: url("../images/jeux/questionCandidat/10questions2.png") no-repeat bottom; 
  padding-bottom: 4px;
}
#goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN10:active{
  background: url("../images/jeux/questionCandidat/moyen.png") no-repeat bottom; 
  padding-bottom: 4px;
}

#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN20{
    border: medium none;
    height: 52px;
    /*margin-left: 239px;
    margin-top: 41px;*/
    width: 194px;}
#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN20{
    background: url("../images/jeux/questionCandidat/20questions2.png") no-repeat top;
 }
 #goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN20{
    background: url("../images/jeux/questionCandidat/precis.png") no-repeat top;
 }
#goodiesQuestioncandidat3BTN #goodiesQuestioncandidatBTN20:hover{
  /*background: url("../images/jeux/questionCandidat/20questionspushed.png") no-repeat scroll 0 0 transparent;  */
  opacity: 0.8;
}

#goodiesQuestioncandidat3BTN .en #goodiesQuestioncandidatBTN20:active{
  background: url("../images/jeux/questionCandidat/20questions2.png")no-repeat bottom;
  padding-bottom: 4px;
}
#goodiesQuestioncandidat3BTN .fr #goodiesQuestioncandidatBTN20:active{
  background: url("../images/jeux/questionCandidat/precis.png")no-repeat bottom;
  padding-bottom: 4px;
}

#conteneurBouton{
margin-left: 68px;
    margin-top: 70px;
    width: 600px;
}

/*Troisi�me �cran */
.goodiesQuestioncandidatSTAGE{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/background1New.png');}
.goodiesQuestioncandidatSTAGE h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
.goodiesQuestioncandidatSTAGE .spacer{line-height: 0.4em;}
.goodiesQuestioncandidatSTAGE button{
    float:left;
}
.goodiesQuestioncandidatSTAGE .oui{
    border: medium none;
    height: 35px;
    margin-left: 63px;
    width: 119px;}
.en .goodiesQuestioncandidatSTAGE .oui{
    background: url("../images/jeux/questionCandidat/oui2.png") no-repeat top;
}
.fr .goodiesQuestioncandidatSTAGE .oui{
    background: url("../images/jeux/questionCandidat/ouifr.png") no-repeat top;
}
.goodiesQuestioncandidatSTAGE .oui:hover{
 opacity: 0.8;
}
.en .goodiesQuestioncandidatSTAGE .oui:active{
  background: url("../images/jeux/questionCandidat/oui2.png") no-repeat bottom;
}
.fr .goodiesQuestioncandidatSTAGE .oui:active{
  background: url("../images/jeux/questionCandidat/ouifr.png") no-repeat bottom;
}

.goodiesQuestioncandidatSTAGE .non{
    border: medium none;
    height: 35px;
    /*margin-left: 239px;
    margin-top: 41px;*/
    width: 194px;}
.en .goodiesQuestioncandidatSTAGE .non{
    background: url("../images/jeux/questionCandidat/non2.png") no-repeat top;
  }
  .fr .goodiesQuestioncandidatSTAGE .non{
    background: url("../images/jeux/questionCandidat/nonfr.png") no-repeat top;
  }
.goodiesQuestioncandidatSTAGE .non:hover{
 opacity:0.8;
}
.en .goodiesQuestioncandidatSTAGE .non:active{
  background: url("../images/jeux/questionCandidat/non2.png") no-repeat bottom;
}
.fr .goodiesQuestioncandidatSTAGE .non:active{
  background: url("../images/jeux/questionCandidat/nonfr.png") no-repeat bottom;
}

.conteneurQuestion{margin-left: 138px;
    margin-top: 115px;
    width: 600px;}
.goodiesQuestioncandidatSTAGE .questions {
 color: white;
    font-family: Myriad Pro;
    font-size: 1.2em;
    font-weight: bold;
    margin: 70px auto auto;
    position: absolute;
    text-align: center;
    width: 655px;
  
    
    
}
#goodiesQuestioncandidatEND1{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/backgroundObamaWin2.png');}
#goodiesQuestioncandidatEND1 h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
#goodiesQuestioncandidatEND1 .spacer{line-height: 0.4em;}
#goodiesQuestioncandidatEND1 .resultLeft{float:left;margin-left: 98px;    margin-top: 10px;}
#goodiesQuestioncandidatEND1 .resultRight{float:right;margin-right: 74px}
#goodiesQuestioncandidatEND2{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/backgroundRomneyWin2.png');}
#goodiesQuestioncandidatEND2 h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
#goodiesQuestioncandidatEND2 .spacer{line-height: 0.4em;}
#goodiesQuestioncandidatEND2 .resultLeft{float:left;margin-left: 98px;    margin-top: 10px;}
#goodiesQuestioncandidatEND2 .resultRight{float:right;margin-right: 74px}
.finJeux{font-family: 'Komika Axis';color:white;position:absolute;text-align:center;width:200px;margin-top:41px;margin-left:51px;}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.finJeux {
margin-left:253px;	}
}
#goodiesQuestioncandidatEND3{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/backgroundRomneyWin2.png');}
#goodiesQuestioncandidatEND3 h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;}
#goodiesQuestioncandidatEND3 .spacer{line-height: 0.4em;}
#goodiesQuestioncandidatEND3 .resultLeft{float:left;margin-left: 98px;    margin-top: 10px;}
#goodiesQuestioncandidatEND3 .resultRight{float:right;margin-right: 74px}
.startAgain{font-family: 'Komika Axis';color:white;position:absolute;  margin-left: 21px;
    margin-top: 232px;cursor:pointer;}

/*Chargement */
#goodiesQuestioncandidatSATGELOAD{height:265px;float:left;width:680px;background-color:#2576ae;text-align:center;}
#goodiesQuestioncandidatSATGELOAD{height:265px;float:left;width:680px;background:url('../images/jeux/questionCandidat/background2New.png');}
#goodiesQuestioncandidatSATGELOAD h2{text-transform: uppercase;color:white;   margin-left: 89px; margin-top: 31px;text-align: left;}
#goodiesQuestioncandidatSATGELOAD .spacer{line-height: 0.4em;}

#element1Text{
    font-family: 'Komika Axis';color:white;
}
#element1{
   
    margin-top:79px;

}
.ordreQuestion{
    font-family: 'Komika Axis';color:white; margin-left:325px;
}
.goodiesQuestioncandidatSTAGE br{
    line-height: 47px;
}

#banner{height:265px;float:left;width:680px;background-color:#2576ae;}

#whoIs{float:left;width:630px;background-color:white;margin-top:26px;padding:25px;}
.WhoIsCol{width:275px;float:left;margin-right:40px;}
.WhoIsCol h2{margin-top:12px;font-size:1.1em;text-transform:uppercase;font-weight:normal;line-height:23px;float:left;width:auto;}
.red{color:#d80100;}
.blue{color:#182983;}
.WhoIsCol img{float:left;width:70px;height:70px;margin-right:10px;margin-bottom:20px;}
.WhoIsCol p{width:240px;float:left;font-size:0.7em;line-height:17px;text-align:justify;padding-left:35px;margin-right:10px;margin-bottom:15px;}
.WhoIsCol ul{width:240px;float:left;font-size:0.7em;line-height:17px;text-align:left;padding-left:35px;margin-right:10px;margin-bottom:15px;}
.WhoIsCol a.more{color:#182983;text-decoration:none;}
.WhoIsCol a.more:hover{text-decoration:underline;}

#colDroite{width:300px;float:left;}

#colDroite .pub{margin-bottom:15px;width:299px;height:248px;}
#colDroite #twitter{margin-bottom:15px;width:299px;height:286px;}

#ft1{width:100%;float:left;background:url(../images/bgfooter.png);height:254px;background-position:bottom center;background-repeat:no-repeat;margin-top:15px;}
#footer{width:890px;height:200px;float:left;padding:40px 55px 0px 55px;line-height:15px;}
#footer h3{margin-top:15px;text-transform:uppercase;}
.colFooter{width:240px;float:left;font-size:0.8em;margin-right:80px;}
#otherLinks{margin-top:30px;}
#otherLinks a{color:black;text-decoration:none;font-size:0.9em;}
#otherLinks a:hover{text-decoration:underline;}

#nuages{overflow:hidden;}
#nuage1{position:absolute;background:url(../images/nuage.png);background-position:top center;background-repeat:no-repeat;width:330px;height:169px;z-index:-9;left:50px;top:550px;overflow:hidden;}
#nuage2{position:absolute;background:url(../images/nuage.png);background-position:top center;background-repeat:no-repeat;width:330px;height:169px;z-index:-9;right:0px;top:800px;overflow:hidden;}
#nuage3{position:absolute;background:url(../images/nuage.png);background-position:top center;background-repeat:no-repeat;width:330px;height:169px;z-index:-9;left:-150px;top:1000px;overflow:hidden;}

#commentCaMarche{float:left;width:630px;background-color:white;padding:25px;}
#commentCaMarche h2{text-transform:uppercase;font-weight:bold;color:#182983;font-size:1.2em;margin-bottom:5px;}
#commentCaMarche h3{text-transform:uppercase;color:#182983;font-size:1.2em;margin-bottom:10px;}
#commentCaMarche img{float:left;}
#commentCaMarche p{font-size:0.7em;line-height:16px;text-align:justify;}
#commentCaMarche #convention{float:left;margin:15px 0 50px 0;}
#commentCaMarche #convention p{width:400px;float:left;margin-left:50px;margin-top:25px;}
#commentCaMarche #scrutin img{margin-top:20px;margin-bottom:20px;}

img.percentImage1 {
 background: white url(../images/jeux/questionCandidat/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
#cand{float:left;width:630px;background-color:white;padding:25px;margin-top:15px;}
#cand h2{text-transform:uppercase;font-weight:bold;color:#182983;font-size:1.2em;margin-bottom:5px;}
#cand p{font-size:0.7em;line-height:16px;text-align:justify;margin:10px 0;}

#timeline{float:left;width:630px;background-color:white;margin-top:15px;}
.itemTimeline{width:630px;float:left;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.itemTimeline:hover{background-color:#b0d7ff;color:white;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.dateTimeline{width:135px;float:left;padding:10px;}
#cand .dateTimeline p{font-size:0.9em;background-color:#b0d7ff;text-align:center;padding:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color:white;margin:20px 0px;}
.textTimeline{width:454px;float:left;padding:35px 10px;border-left:1px solid #b0d7ff;}
#cand .textTimeline p{margin:0px;}
#cand .textTimeline img{float:left;margin-right:10px;width:130px;height:auto;}
.WhoIsCol h3{float:left;padding-left:35px;margin-bottom:5px;text-transform:uppercase;}
.WhoIsCol .video{float:left;margin-left:25px;padding:10px;background-color:#b1d7fe;color:white;}
.WhoIsCol .video h3{padding-left:0px;margin-bottom:10px;}