body{color:#0F0F0F; background-color:#49A690; background-image:url(/images/template_v2/back.gif); background-position:top; background-repeat:repeat-x; margin:0em; padding:0em;} img{border:none;} a, a:active, a:visited{color:#0F0F0F; text-decoration:underline;} a:hover{color:#0F0F0F; text-decoration:none;} #banniere_fr, #banniere_en{background-position:50% 0%; background-repeat:no-repeat; width:976px; height:351px; margin:0 auto; position:absolute; z-index:-1;} html>body #banniere_fr{width:100%;} #banniere_fr{background-image:url(/images/template_v2/back-fr.gif);} #banniere_en{background-image:url(/images/template_v2/back-en.gif);} #frame{border-collapse:collapse; width:976px;} #zoneHaut{height:351px; vertical-align:top;} #menuHaut{text-align:right; float:right; padding-top:5px; padding-right:5px; margin-bottom:20px; width:450px; height:40px; clear:both; color:#ffffff;} #menuHaut a, #menuHaut a:active, #menuHaut a:visited{color:#FFFFFF; margin:4px; text-decoration:none;} #menuHaut a:hover{color:#FFFFFF; text-decoration:underline;} #pubHaut{text-align:right; clear:both; float:right;} #reseauxSociaux{text-align:right; margin-top:10px; clear:both;;} #zoneContenuTd{vertical-align:top; width:100%; font-size:12px;} #zoneContenuDiv{position: relative; background:#ffffff; width:100%; color:#0F0F0F;} .coinRond{position:absolute; width:10px; height:10px; background:url(/images/template_v2/coin.gif) no-repeat; font-size:0%; } .coinRondBoxInner{padding: 10px;} .TL{top:0; left:0; background-position:0 0;} .TR{top:0; right:0; background-position:-10px 0;} .BL{bottom:0; left:0; background-position:0 -10px;} .BR{bottom:0; right:0; background-position:-10px -10px;} #menuGuide{clear:both; padding-bottom:1em; float:right;} #titreContenu{clear:both; margin-bottom:1em;} #zoneContenu a, #zoneContenu a:active, #zoneContenu a:visited{color:#0F0F0F;} #zoneContenu a:hover{color:#0F0F0F;} #zoneDroite{padding-left:10px; width:290px !important; vertical-align:top;} .titreZoneDroite{color:#0F0F0F; font-size:18px; border-bottom:1px solid #2a7767; font-weight:bold; margin-bottom:0.5em; margin-top:1.5em;} .pubDroite{padding:0.2em; text-align:center;} #zoneLogin{border-collapse:collapse;} #zoneLogin th, #zoneLogin td{padding-right:1em; text-align:left; vertical-align:top;} #zoneLogin th{font-weight:normal; color:#EFDF95; font-weight:bold;} #zoneDroite .petitTexte{font-size:12px;} #zoneBas{} #partenaireBas{text-align:center; margin-top:1.5em;} #copyBas{text-align:center; margin-top:1em; margin-bottom:1em;} h1{font-size:24px; margin:0em; padding:0em; color:#0F0F0F;} h2, .sousTitre{font-size:18px; color:#96001F; font-weight:bold; margin-bottom:0.5em; padding-left:0.2em;} h3{color:#EFDF95;} h4{} .bloc_information{padding:0.5em; border:1px solid #6FA591; background-color:#E4EEE9;} .note{color:#7a95aa;} .note a, .note a:visited, .note a:active{color:#7a95aa; text-decoration:underline;} .note a:hover{text-decoration:none;} .centre{text-align:center;} .milieu{vertical-align:middle;} .droite{text-align:right;} .libelle{color:#4C7667; font-variant:small-caps; font-weight:bold; margin-bottom:0.5em;} .libelle2{color:#4C7667; font-variant:small-caps; font-weight:bold; margin-bottom:0.5em;} .erreur{font-size:0.8em; font-weight:bold; color:#FFFFFF; background-color:#FF3300; text-align:center; padding:0.2em; margin:1em;} .annonce{padding:0.2em;} .textePub{color:#f0c96c; font-variant:small-caps; font-size:0.8em; font-weight:bold; margin-bottom:0.5em; text-align:center;} /*.petitTexte{font-size:0.6em;}*/ .pubHaut{position:absolute; top:0em; text-align:center; width:100%; height:85px; padding:0.5em; background-color:black; border-bottom:1px solid #292727;} div.petiteImage{width:50px;} #tableActualite{border-collapse:collapse;} #tableActualite .titre{text-align:left; vertical-align:middle; border:1px solid #CCCCCC; padding:0.5em; font-weight:bold;} #tableActualite .contenu{padding:0.5em; padding-bottom:2em;} #tableActualite .date{float:right; font-size:12px; font-weight:normal;} #tableActualite .commentaire{text-align:right;} /*Formulaire*/ input, textarea{background-color:#ffffff; color:#414040; border:1px solid #ABD0C0; padding-left:0.5em; padding-right:0.5em;} select{background-color:#ffffff; color:#414040; border:1px solid #ABD0C0; padding-left:0.5em;} input:focus, select:focus, textarea:focus{background-color:#eef4f1; border:1px solid #ABD0C0; color:#414040;} /*Tableau*/ table.tabForm{border-collapse:collapse; margin-bottom:1em;} td.btnSubmit{text-align:right; padding-top:0.5em;} /*Page sceenshots*/ .screenshot{width:130px; opacity:0.5; filter : alpha(opacity=50); -moz-opacity : 0.5; border:1px solid #E2B64E;} .screenshot:hover{opacity:1; filter : alpha(opacity=100); -moz-opacity : 1;} /*Guide*/ #listAncre{text-align:center; margin-bottom:1em; border-top:1px solid #E1ECE6; border-bottom:1px solid #E1ECE6;} #listAncre a, #listAncre a:visited{margin-right:1em; text-decoration:none; color:#4C7667; font-variant:small-caps; font-weight:bold;} #listAncre a:hover{color:#4C7667; text-decoration:underline;} #tableAff{border-collapse:collapse; width:100%; margin-bottom:1em;} #tableAff th{ padding-left:0.5em; padding-right:0.5em; text-align:left; vertical-align:top; background-color:#2A7767; border:1px solid #2A7767; color:#FFFFFF; font-variant:small-caps; } #tableAff tr.ligneSelection{} #tableAff td{ padding-left:0.5em; padding-right:0.5em; vertical-align:top; border:1px solid #2A7767;} #tableAff td.texteNormal, #tableAff th.texteNormal{font-size:1em;} #tableItem{border-collapse:collapse; width:98%; margin-bottom:1em;} #tableItem td{padding-left:0.5em; padding-right:0.5em; vertical-align:top;} h4 a, h4 a:active, h4 a:visited, h4 a:hover{color:#f0c96c !important; font-variant:small-caps; font-weight:bold; margin-bottom:0.5em;} /*Taverne*/ #taverne_sujet{border-collapse:collapse; margin-bottom:1em; width:100%;} #taverne_sujet th, #taverne_sujet td{padding-left:0.5em; padding-right:0.5em;} #taverne_sujet th{text-align:left; background-color:#2A7767; color:#FFFFFF;} #taverne_sujet td{border-bottom:1px dotted #2A7767; padding-top:0.5em; padding-bottom:0.5em;} #taverne_sujet td .titreSujet{font-weight:bold; font-size:16px;} #taverne_sujet td a, #taverne_sujet td a:active, #taverne_sujet td a:visited{text-decoration:none !important;} #taverne_sujet td a:hover{text-decoration:underline !important;} #taverne_message{border-collapse:collapse; margin-bottom:1em; width:100%;} #taverne_message td{vertical-align:top; padding-top:2em; padding-bottom:2em;} #taverne_message .alternatif{background-color:#EAF2ED;} #taverne_message .auteur{width:100px; text-align:center;} #taverne_message .date_message{text-align:right;} #taverne_message .message{padding-right:1em;} #taverne_profil{border-collapse:collapse;} #taverne_profil td{vertical-align:top;} /*Bouton*/ /* Start custom button CSS here http://stopdesign.com/archive/2009/02/04/recreating-the-button.html ---------------------------------------- */ a.btn:visited,a.btn:active, a.btn:hover, a.btn:link{color:#000000 !important;text-decoration:none; white-space:nowrap;} .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; font-size:10px; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(/images/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#2A7767 !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for