body {font-family : sans-serif; color : black; }
table {border-collapse : collapse; border-spacing : 0px ; border : 0px; padding : 0px; margin:0px} 
td {padding : 0px; empty-cells : show; font-size:11px; font-weight : 500; color : #333333; text-decoration:none;}
fieldset{border : 0;}


.txt_cache {font-size:1px;color:white;text-decoration:none;}

a img {border: none; }


.tdleft_menu{
        
         font-family : sans-serif;
         font-size: 10px;
         font-weight : bold;
         background: url(picture/menu_g.gif);
         text-decoration: none;
         text-align: left;
         padding-left: 5px;
         color: white;
         background-repeat : repeat;
         border : none;
         }
         
.tdtopsmall_menu{
        
         font-family : sans-serif;
         font-size: 10px;
         font-weight : bold;
         /*background: url(picture/menu_g.gif);*/
         text-decoration: none;
         text-align: right;
         padding-left: 5px;
         padding-right: 10px;
         valign : middle;
         color: white;
         background-repeat : repeat;
         border : none;
         }
         
.tdtopsmall_menu2{
        
         font-family : sans-serif;
         font-size: 9px;
         font-weight : bold;
         text-decoration: none;
         text-align: right;
         padding-left: 5px;
         padding-right: 10px;
         valign : middle;
         border : none;
         }
         
.tdleft_logo{
        
         font-family : sans-serif;
         font-size: 18px;
         font-weight : 900;
         background: url(picture/menu_g_gris.gif);
         text-decoration: none;
         color: #ffcc33;
         background-repeat : repeat;
         border : none;         
         }
         



.tdsponsors {background : #669966; padding : 10px;}
.tdnews {background : #ffffcc; padding : 10px;}
.tdprincipal {background : white; padding : 15px; padding-left : 35px}
.tdlogin {padding : 5px;}


.news {font-family : sans-serif; font-size : 10px; color : #333333; }

.userlog{font-size : 11px; color : white; font-weight:700;}

.titreprincipal  {font-family : sans-serif; font-size : 40px; color : #ffcc33; font-weight:800; text-align: left;margin:0px}
.colorprincipal {background:#ffcc33}
.titresecondaire {font-family : sans-serif; font-size : 6mm; color : navy; font-weight:800 }

.titrecentre{font-size : 18px; font-weight : 900; text-decoration : underline;}
.exception{text-align : left; color : red; font-weight : bold; font-size : 14px}
.comment {font-size : 12px}
.commentrouge {font-size : 12px; font-weight :900; color : red}
.minicomment {font-size : 9px}

.txtlogin {font-family : sans-serif;font-size: 11px;font-weight : bold;text-decoration: none;text-align: left;color: #ffcc33;}
         

.minuscule {font-size : 10px;}


.lienclair {text-decoration : none; color : #ffffcc; }
.lienclair:visited {text-decoration : none; color : #ffffcc;}
.lienclair:hover {text-decoration : none; color : yellow; font-weight : 900;}

.lienfonce {font-size : 12px; text-decoration : none;  color : black;}
.lienfonce:visited {text-decoration : none; color : black;}
.lienfonce:hover {text-decoration : none; color : red; font-weight : 700;}


.lienlangue {font-size : 11px; font-weight : 900; text-decoration : none;  color : #333333;}
.lienlangue:visited {text-decoration : none; color : #333333;}
.lienlangue:hover {text-decoration : none; color : #ffcc33; font-weight : 700;}
.lienlangue_selected {font-size : 11px; font-weight : 900; text-decoration : underline;  color : #333333;}


.lienaction {font-size : 11px; text-decoration : none;  color : #575757; font-weight : 700}   /* ajout / suppresion / modif dans les tableaux */
.lienaction:visited {text-decoration : none; color : #575757;}
.lienaction:hover {text-decoration : underline; color : #575757;}


.menuinput {background-color : #006699; color : #ffcc33; font-size:9px; font-weight : bold; border : 1px solid black; height:15px; width:75px}


.tdred {color : red; font-weight : 900}

.tdtitle {background : #ffcc33; font-size:15px; font-weight : bold; color : black;}
.tdlight {background : #F2E3CA; font-size : 13px}
.tddark {background : #FFF8A5; font-size : 13px}
.tdover {background : #cc9900; font-size : 13px}


.tdForecast {border : 1px solid #cccccc; margin : 10px; padding : 15px}
.tdForecastRed {border : 1px solid #cccccc; margin : 10px; padding : 15px; background:#F09988}
.tdForecastGreen {border : 1px solid #cccccc; margin : 10px; padding : 15px;background:#A3F290}

.tdForecastLeft {vertical-align : top; text-decoration:underline}
.ForecastWind {font-family : sans-serif; font-size:16px; font-weight : bold;}
.ForecastOtherValues {font-family : sans-serif; font-size:13px; font-weight : bold;}
.ForecastDescription {font-family : sans-serif; font-size:12px; font-weight : 700;}


.meteo_table {background : white; font-size : 13px; font-weight : bold; valign : middle; border-style:solid; border-color:#333333;border-width:0px}
.meteo_rows {border-bottom-width:3px border-bottom-color:black}


.tdbig {font-size : 20px; font-weight : 900;} /*pour afficher un résultat en grand dans une cellule */


.tdsmall {font-size : 11px; font-weight : 400;}

/* pour les formulaires du centre */
.centretext {font-family : sans-serif; background-color : white; color : #1E1E1E; border : 1px solid #cccccc;}
.centretextalert {font-family : sans-serif; background-color : #ff6600; color : #1E1E1E; font-weight : bold; border : 1px solid #cccccc;}
.centretext100 {font-family : sans-serif; background-color : white; color : #1E1E1E; border : 1px solid #cccccc; width : 100%;} /* centretext avec le 100 % est utilisé dans les tableau pour avoir toute la largeur de la cellule */
.centretext100alert {font-family : sans-serif; background-color : #ff6600; font-weight : bold; color : #1E1E1E; border : 1px solid black; width : 100%;} /* centretext avec le 100 % est utilisé dans les tableau pour avoir toute la largeur de la cellule */


.centretextsmall{font-family : sans-serif; font-family : sans-serif; background-color : white; color : #1E1E1E; border : 1px solid #cccccc; font-size : 10px; }
.centretextsmall100{font-family : sans-serif; font-family : sans-serif; background-color : white; color : #1E1E1E; border : 1px solid #cccccc; font-size : 10px; width : 100%;}

.centresubmit {font-family : sans-serif; color : black; font-weight : bold; background-color : #999999}



/*tableau de vérification (validation) de formulaire, non modifiable */
.inputresult {font-family : sans-serif; background-color : #ffcc66; color : #1E1E1E; border : 1px solid #cccccc; width : 100%; font-style : italic;} /* centretext avec le 100 % est utilisé dans les tableau pour avoir toute la largeur de la cellule */
.tdresult {font-style : italic; font-weight : 700;}

.tditalic {font-style : italic;}
.tditalicsmall {font-size : 11px; font-style : italic;}


.button{
        
         font-size: 11px;
         font-weight : bold;
         background: url(picture/button.gif);
         width: 80px;
         height: 20px;
         text-decoration: none;
         padding-top: 0px;
         text-align: center;
         color: #5E6E88;
         background-repeat : no-repeat;
         border : none;
       }     
.button:hover {background : url(picture/buttonhv.gif); width : 80px; height : 20px; text-decoration : none; background-repeat : no-repeat;  }

.buttonlarge{
        
         font-size: 10px;
         font-weight : bold;
         background: url(picture/button_large.gif);
         width: 150px;
         height: 20px;
         text-decoration: none;
         text-align: center;
         color: #5E6E88;
         background-repeat : no-repeat;
         border : none;
       }     
.buttonlarge:hover {background : url(picture/buttonhv_large.gif); width : 150px; height : 20px; text-decoration : none; background-repeat : no-repeat;  }

.buttonxl{
        
         font-size: 10px;
         font-weight : bold;
         background: url(picture/button_xl.gif);
         width: 200px;
         height: 20px;
         text-decoration: none;
         text-align: center;
         color: #5E6E88;
         background-repeat : no-repeat;
         border : none;
       }     
.buttonxl:hover {background : url(picture/button_xl.gif); width : 200px; height : 20px; text-decoration : none; background-repeat : no-repeat;  }



.tdmenu{

        width: 120px;
        height: 25px;
        margin: 0px;
        padding:0px;
        }
         



.b_menu{
        
         
        
         font-size: 11px;
         font-weight : bold;
         background: transparent url(picture/b_menu.gif);
         width: 120px;
         height: 25px;
         padding: 4px;
         text-decoration: none;
         text-align: center;
         color: white;
         background-repeat : no-repeat fixed;
         border : none;
       }     
       
.b_menuhover {
         font-size: 11px;
         font-weight : bold;
         background: transparent url(picture/b_menuhv.gif);
         width: 120px;
         height: 25px;
         padding: 4px;
         text-decoration: none;
         text-align: center;
         color: black;
         background-repeat : no-repeat fixed;
         border : none;
         
         
         
         }


.menulog_rubr{
        
         font-size: 12px;
         font-weight : bold;
         text-decoration: none;
         text-align: left;
         line-height : 160%;
         color: white;
         border : none;
         text-transform : capitalize;
         
       }  
         
.menulog,.menusponsors{
        
         font-size: 11px;
         font-weight : bold;
         text-decoration: none;
         
         line-height : 130%;
         color: #ffcc33;
         border : none;
         text-transform : Lowercase ;
       }
.menulog {
	text-align: left;
}
.menusponsors {
	text-align: center;
}
       
       
.menulog:hover {
         font-size: 11px;
         font-weight : bold;
         text-decoration: underline;
         line-height : 130%;
         color: #ffcc33;
         border : none;
         text-transform :Lowercase;
 }


/* styles pour la page du centre */

.ct_titre {font-size:15px; font-weight : 500; color : #333333; text-decoration:underline; }
.ct_txt {font-size:11px; font-weight : 500; color : #333333; text-decoration:none; }
.ct_txt:visited {font-size:11px; font-weight : 500; color : #333333; }

.ct_txtRED {font-size:11px; font-weight : 500; color : red; text-decoration:none; }
.ct_txtRED:visited {font-size:11px; font-weight : 500; color : red; }
.ct_txtRED:hover {font-size:11px; font-weight : 500; color : red; text-decoration:underline }
.ct_txtsmall {font-size:10px; font-weight : 500; color : #333333; text-decoration:none }
.ct_txtminismall {font-size:9px; font-weight : 500; color : #222222; text-decoration:none }
.ct_txtminiminismall {font-size:9px; font-weight : 500; color : white; text-decoration:none }

.ct_hr {color: #333333; height: 1px; border:0; }


.tdalertRed {background : #f69679; font-size : 13px; font-weight : 700; }
.tdalertGreen {background : #82ca9c; font-size : 13px; font-weight : 700;}
.ct_txtalert {font-size:15px; font-weight : 700; color : black; text-decoration:none; }
.ct_txtalert:hover {color: yellow; font-weight : 900}


.tableAlert {background:#ffcc33; border : black 3px solid; padding : 20px; margin:10px;text-align:left; font-size:13px;line-height :18px;}

/* NOUVEAU TABLEAU METEO */

.MeteoTable{
        border:1px solid #565656;
        border-collapse:collapse;
        }
        

.MeteoTitle{
        vertical-align : middle;
        font-family : sans-serif;
        color:black;
        font-size:15px;
        font-weight : 900;
        text-transform : Uppercase;
        background: #ffcc33;
        padding: 15px;
        
        }
        
.MeteoRow1{
        background:#E8E8E8;
        font-family : sans-serif;
        color:black;
        line-height :20px;
        }

.MeteoRow2{
        background:#C6C6C6;
        font-family : sans-serif;
        color:black;
        line-height :23px;
        }
        
.MeteoGif{
        background:white;
        vertical-align : middle;
        text-align:center;
        }
        
.MeteoRubrik{
        font-family : sans-serif;
        color:black;
        font-size:13px;
        font-weight:900;
        text-transform : Uppercase;
        }
        
.MeteoValue{
        font-family : sans-serif;
        color:black;
        font-size:11px;
        
        }
        
.MeteoValueSmall{
        font-family : sans-serif;
        color:black;
        font-size:9px;
        }
        


        

        
        


.tdForecastLeft {vertical-align : top; text-decoration:underline}
.ForecastWind {font-family : sans-serif; font-size:13px; font-weight : bold;}
.ForecastOtherValues {font-family : sans-serif; font-size:11px; font-weight : 500;}
.ForecastDescription {font-family : sans-serif; font-size:11px; font-weight : 500;}