/* COMMUNS / RESET */ /******************************************************************************/ * {margin:0; padding:0} a { outline:0; text-decoration:none } :focus { outline: 0} img, a img { border:0} input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif;} fieldset { padding: 10px; border: 1px solid #009EFF} legend { padding: 0 15px; color: #009EFF; font-size: 80%} li, ul { list-style: none} ol li { list-style-type: decimal; list-style-position: inside;} label { font-size: 80%} /**/ .clearboth { clear:both;overflow:hidden;height:0 !important;height /**/:1px} .centreur { text-align:center} .fl_gauche, .fl_g { float:left} .fl_droite, .fl_d { float:right} .SPACER { clear:both;overflow:hidden;height:20px !important;height /**/:20px} .ignore_moi { display: none } select.selecteur_petit {background:#fff ;border:1px solid #ccc; font-size:12px;padding:5px;width:50%} select.selecteur_petit option { padding:5px 5px 2px 15px; margin: 0 5px 2px 5px; border-bottom: 1px solid #5FC6F2;} .aide{ cursor: help} /******************************************************************************/ /******************************************************************************/ /**/ body{background: #0A0B0D; font-size: 100%;font-family: "Lucida Grande","Segoe UI",Arial,Helvetica,sans-serif; text-align:center;} /**/ /**/ #GLOBAL{;border-top: 1px solid #4681BB; margin:0 auto 0 auto;width:1000px; text-align: left; background:#0A0B0D url(../img/FD_0.jpg) no-repeat center top; overflow:hidden} /**/ #ENTETE{ height :156px; display:block; text-align: right;} #ENTETE span{ display: none;} /**/ a#BTN_00, a#BTN_1, a#BTN_2{ display: block; width: 408px; height: 101px;} a#BTN_00{ background: url(../img/BTN_0.jpg) no-repeat left top;} a#BTN_1{ background: url(../img/BTN_1.jpg) no-repeat left top; margin-top: 15px;} a#BTN_2{ background: url(../img/BTN_2.jpg) no-repeat left top; margin-top: 21px} /**/ a#TITRE_00, a#TITRE_1, a#TITRE_2{ display: block; width: 250px; height: 110px;margin-bottom: 10px;} /**/ .DROITE{ float: left; width: 750px; -moz-border-radius: 5px;-webkit-border-radius: 5px;background: #27425D url(../img/FD_2.jpg) no-repeat -250px -78px } .DROITE .WPR{ padding: 20px } .DROITE h1{ font-size: 1em; margin: 0 0 15px 0; color: #efefef;} .DROITE dl h2{ color: #fbec00; background: url(../img/FD_6.png) repeat-y 0 0; padding: 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px; } .DROITE dl{ -moz-border-radius: 5px;-webkit-border-radius: 5px; background: url(../img/FD_6.png) repeat-y 0 0; margin: 0 0 25px 0; padding: 0 0 10px 0;} .DROITE dd{ color: #fff;padding: 15px 30px;line-height: 1.5em;} .DROITE dd p { font-size: .9em; } .DROITE dd a{ color: #FC7509; font-weight: bold;} .DROITE dd a.source{ font-weight: normal; font-size: .8em;} .DROITE dd a:hover{ color:white; } .DROITE dd ul { padding: 20px} .DROITE dd li { margin: 0 15px 15px 15px; list-style-type: square } .DROITE dd li p { padding: 5px 30px;} .DROITE dd li h3 { display: inline; } /**/ .DROITE #PROPOSEZ{ float: right;} .DROITE #PROPOSEZ h3 a span{ font-weight: normal;display: block;color: #000; padding: 5px 5px 5px 30px; background: #FBEC00 url(../img/PICTO_0.gif) no-repeat 3px center; font-size: .7em;} .DROITE #PROPOSEZ h3 a:hover span{ color: #fff; background: green url(../img/PICTO_0.gif) no-repeat 5px center;} .DROITE .CF_box p{ color: #FBEC00; padding: 5px; font-weight: bold; border: 1px solid #FBEC00;} .DROITE #proposer-afficher { background: #FBEC00; margin: 10px 50px;} .DROITE #proposer-afficher form{padding: 10px 25px; border: 0px;} .DROITE #proposer-afficher td{padding: 3px 0} .DROITE #proposer-afficher input.champ_txt{display: block; background: #fff; border: 1px solid #ccc; color: #000; font-family: inherit; font-size: 1em;padding: 5px 2px; width: 90%; } .DROITE #proposer-afficher textarea{display: block; background: #fff; border: 1px solid #ccc; color: #000; font-family: inherit; font-size: 1em; padding: 2px; width: 90%;} .DROITE #proposer-afficher label{font-size: 80% } .DROITE #proposer-afficher label.error{ color: red;} .DROITE #proposer-afficher input.BOUTON{ border: 1px solid #ccc; color:#003c74; padding:3px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold;font-size:14px;} /**/ .GAUCHE{ float: left; width: 250px; } .GAUCHE ul a span{ display: block; padding: 25px 10px 0 90px; color: #fff; font-size: 1.1em; font-weight: bold;} .GAUCHE ul a:hover span{ color: #000;} .GAUCHE ul a p{ padding: 0 40px 0 90px;color: #fff; font-size: .85em; font-weight: normal;} /**/ #CENTRE{ height : 509px;display:block;background:url(../img/FD_1.jpg) no-repeat left top; overflow:hidden} #CENTRE .WRAPPER{ padding: 150px 271px 0} #CENTRE ul a span{ display: block; padding: 5px 10px 0 150px; color: #fff; font-size: 2.2em; font-weight: bold;} #CENTRE ul a:hover span{ color: #000;} #CENTRE ul a p{ padding: 0 0 0 150px;color: #fff; font-size: 1.1em; font-weight: normal;} /**/ #CENTRE_0{ /* height : 498px;*/display:block;background: url(../img/FD_2.jpg) no-repeat left top} #CENTRE_0 .WRAPPER{ padding: 77px 0 0 } /**/ #CENTRE_1{ /* height : 498px;*/display:block;background:url(../img/FD_4.jpg) no-repeat left top} #CENTRE_1 .WRAPPER{ padding: 77px 0 0 } /**/ #CENTRE_2{ /*height : 498px;*/display:block;background:url(../img/FD_5.jpg) no-repeat left top} #CENTRE_2 .WRAPPER{ padding: 77px 0 0 } /**/ a#acces_menu{ color: #FF3B09; font-size: 1.1em; height: 28px; display: block; text-align: center; } a:hover#acces_menu{ color: #fff;background: #FF3B09;} /**/ a.haut_page{ text-align: right; display: block; color: #888; margin: 0 0px 0 0 ; font-size: .85em;} a:hover.haut_page{ color: #fff} /**/ #TITRE_0{ background: url(../img/TITRE_0.gif) no-repeat left top; width: 200px; height: 25px; display: block;} #TITRE_0 span{display: none;} /**/ #PIED { text-align: left;background: url(../img/FD_3.jpg) no-repeat left bottom;width: 1000px; margin: 0 auto 0; height: 450px; padding: 25px 0 0 ;} /**/ #SUPER_PIED { width: 1000px; margin: 0 auto; padding: 20px 0} #SUPER_PIED li{ padding: 10px 0;} #SUPER_PIED li a{ color:blueviolet ; padding: 2px; font-size: .8em;}