body	     { background-color: #000; background-image: url(../images/fd.jpg); background-repeat: no-repeat; background-position: 0 0; margin-top: 4px    }
body { color: #cceafa; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none    }
td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: 0; }
p  { font-size: 12px; font-family: Arial, Helvetica, sans-serif;  margin-top: 0 }

.tzr-limg {padding-right:7px; margin-right:7px;margin-bottom:5px; }
.tzr-rimg {padding-left:7px; margin-left:7px;margin-bottom:5px;}
.fondimg {padding-bottom:5px;}

#container{background-color: #fff;width: 96%;margin: 0px 0px 10px 28px;}
#navbas { background-color: #fff; margin: 10px 0 10px 0; width: 96% }

a    { color: #e14339; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: transparent }
a:active    { color: #e14339; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a:hover    { color: #e14339; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; background-color: transparent; }

.titrepage       { color: #cceafa; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 20px   }

h1, .titresection   { color: #e14339; font-size: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 2px; padding-top: 10px  }
h2, .soustitre   { color: #e14339; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; background-image: url(images/small-puce.gif); background-repeat: no-repeat; padding: 0 0 3px 0px; display: block; }
h3, .chapeau, .chapo   { color: #cceafa; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 22px; adding-bottom:10px; margin: 0 0 3px  ; display: block; }

.titrerubrique    /* Chemin 02 */ { color: #545760; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 2px; margin-right: 0; margin-bottom: 2px }
.titrerubrique1    /* chemin 01 */ { color: #545760; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 2px; margin-right: 0; margin-bottom: 2px }

/*News Infos*/
.titreinfos   { color:  #888691; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; display: block; margin-bottom: 2px   }
.bandeau, .texteinfos    /* texte news */ { color: #EFEFED; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none }
.bandeau a   { color: #e14339; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none }
.bandeau a:hover { color: #e14339; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; text-decoration: underline;   }

/*FIN News Infos*/
/*Les plus*/
h4     /* a voir */ { color: #c55b14; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 2px }
h5       /* A voir */ { color: #a91328; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-right: 0; margin-bottom: 4px }
h6     /* A voir */ { color: #fff; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 2px; margin-right: 0; margin-bottom: 2px }
.textestableau   { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
a.lienstableau { color: #6c1d4a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
a:hover.lienstableau { color: #6c1d4a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }

.textesmall11 { color: #cceafa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.legende, .commentaire { color: #cceafa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: transparent; text-decoration: none; text-align: center ; display:block; }
.textesmallblanc { color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: left }
/*FIN Les plus*/
/*Bas de page*/
.bas { color: #cceafa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
a.navbas { color: #cceafa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a:hover.navbas {color: #e14339; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none}

.mentionsbas a  /* signature Xsalto */ { text-decoration:none; color: #EFEFED; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: transparent; text-align: left }
.mentionsbas a:hover  /* signature Xsalto */ { text-decoration:underline; color: e14339; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: transparent; text-align: left }

/*FIN Bas de page*/
/*images*/
.floatdroite{float: right;margin: 0 0 5px 10px;border: 0px solid #666;padding: 0px;}
.floatgauche{float: left;margin: 0 10px 5px 0px;border: 0px solid #666;padding: 0px;}
.plusfloatdroite{float: right;margin: 0 0 10px 10px;clear: right;}
/*FIN images*/
#navcontainer    /* colonne info nav */ { display: inline; margin: 0; padding: 0; width: 214px; float: left; border: solid 1 #003a90 }
#navcontainer ul   /* colonne info nav */ { list-style-type: square; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; list-style-type: none; margin: 0; padding: 0 }
#navcontainer li  /* colonne info nav */ { list-style-type: circle; display:inline;}
#navcontainer ul li a, #navcontainer ul li a:link, #navcontainer ul li a:visited  /* colonne info nav */ { color: #FFFFFF; text-decoration: none; margin-left: 20px; font-size: 12px; text-decoration: none; background: transparent; display: block; padding: 3px; }
#navcontainer ul li a:hover  /* colonne info nav */ { color: #E14339; background: transparent; margin-left: 20px; }
#navcontainer ul ul  /* colonne info nav */ { list-style-type: square; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; list-style-type: none; margin: 0; padding: 0 }
#navcontainer ul ul li a, #navcontainer ul ul li a:link, #navcontainer ul ul li a:visited   /* colonne info nav */ { color: #DDDDDD; text-decoration: none; margin-left: 35px;  font-size: 11px; text-decoration: none; background: transparent; display: block; padding: 3px; }
#navcontainer ul ul li a:hover  /* colonne info nav */ { color: #E14339; background: transparent; margin-left: 35px; }

.view a:link, .view a:visited      /* bouton */ { color: #001; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; background-color: #bbb; text-align: center; display: block; padding: 1px; width: 55px; height: 15px; border: solid 1px #000;  font-size: 11px           }
.view a:hover, .view a:active    /* bouton */ { color: #fff; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #646565; border-color: #222 }


INPUT { 
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, verdana;
border:none;
background-color: #505364;
}

INPUT.radio {
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, verdana;
border:none;
background-color: #505364;
}

INPUT.submit {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 22px;
font-family: Arial, Helvetica, verdana;
border: 1px solid #e14339;
background-color: #000000;
}

TEXTAREA {
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, verdana;
border:none;
background-color: #505463;
}

.leftside {border:0px solid red; background-image:url('images/fd-bandeau.jpg'); background-repeat:no-repeat;}