*{
border:0px;
padding:0px;
margin:0px;
}
body{
border:0px;
padding:0px;
margin:0px;
background-color:#ec2417;
color:#000000;
text-align:justify;
min-width: 1150px;

} 

#bandeauHt , #bandeauHGauche , #bandeauHDroit{
height:155px;
}
#bandeauHt{
background-image:url(img2009/interface-hermillon3_haut.jpg);   
background-position:left bottom;
background-repeat:no-repeat;


}
#bandeauHGauche{
/*    background-image:url(img/bandeauHautGauche.jpg);    */ 
background-position:left bottom;
background-repeat:no-repeat;
}
#bandeauHDroit{
/*  background-image:url(img/bandeauHautDroit.jpg);   */
background-position:right bottom;
background-repeat:no-repeat;
}

.piedZone{
background-color:#FF66FF;
}

.piedZoneDroite{
text-align:right;
clear:both;
}

.cb, .clear {
clear:both;
}

.pied{
clear:both;
width:100%; 
background-color:#fff;

}

.fl{
float:left;
}

.fr{
float:right;

}

img.fr{
margin:10px;
border-color:#003366;
border-width:1px;
border-style:solid;
}
.gras{
font-weight:800;

}
img.fl{
margin:10px;
border-color:#003366;
border-width:1px;
border-style:solid;
}


h1,p{
margin:10px;
}

h2 {
margin-left:10px;
font-size:17px;
border-bottom: 3px #e9ae24 solid;
/*display:inline;*/

}

.principale{
font-family:Arial;
font-size:12px;
}

/* ----------------------------------- zone news -----------------------*/

#contenu3 p{
margin:5px;
margin-left:50px;
padding:5px;
border-style:solid;
border-color:#FF0000;
border-width:thin;

/* background-color:#ec2417;*/
}

#retour{
/* margin-top:-80px;*/ 
}

/* --------------------------------------------- */
.colCd h3{
text-align:center;
margin-top:15px;
margin-bottom:18px;
}


.logor {
float:right;
border-color:#99cfe9;
border-color:#fff;
border-style:solid;
border-width:3px;
margin:5px;
background-color:#FFFFFF;
}
.logorTd{
text-align:center;
}
.logorText{
border-color:#99cfe9;
border-style:solid;
border-width:3px;
margin:5px;
background-color:#FFFFFF;

}


/* ***************   gestion des menus    **************************** */
#menuLigne{
position:absolute;
margin-top:170px;
margin-top:40px;
margin-right:197px;
margin-left:197px;
top:0px;
right:0px;
width:94%;
text-align:right;
z-index:10;
}



.lienMenu{
margin-left:2%;
text-decoration:none;
color:#457488;
/*font-family:verdana;*/
font-family:Arial;
font-size:16px;
height:40px;
font-weight:600;
vertical-align:bottom;
}
.lienMenu :hover{color:#457488; font-weight: 600}
.lienMenu :link {color:#457488; font-weight: 600}
.lienMenu :visited {color:#457488; font-weight: 600}
.lienMenu :active{color:#457488; font-weight: 600}

#tableauMenuHorizontal_09{
background-color:#ff9c00;
}

.lienMenu09{
margin-left:2%;
text-decoration:none;
color:#ffffff;
/*font-family:verdana;*/
font-family:Arial;
font-size:16px;
height:40px;
font-weight:600;
vertical-align:bottom;
}
.traitVertical{
background-color:#FFFFFF;
width:2px;
}

/*		sous-menus 	24702d	*/

.smenuDiv{
position:absolute;
background-color: #b2e1f1;
top:188px;
margin-left:-115px;
display:none;
visibility:hidden;
text-align:left;
z-index:15;
/*
border-color:#000099;
border-width:1px;
border-style:solid; */
}

.lienSmenu{
text-decoration:none;
color:#457488;
/* font:Arial, Helvetica, sans-serif; */
font-family:Arial;
font-size:12px;
font-weight:600;
margin-bottom:2px;
margin-top:2px;
}
#menuColGauche .lienSmenu{
color:#ffffff;
}
#menuColGauche .lienSmenu:hover{
color:#005500;
}
.lienSmenu:hover{
text-decoration:none;
color:#000066;
color:#457488;

/* font:Arial, Helvetica, sans-serif;  */ 
font-size:12px;
font-weight:600;
}
#ConteneurGalerie{
text-align:center;
}
.galerie{
float:left;
/*display:inline;*/

width:210px;
height:245px;
}
.galerieAffiche{
float:left;
width:150px;
height:245px;
}

/*   pour les listes */
.huit{
margin-left:20px;
margin-right:10px;
}
/*  positionnement en haut dans les cellules de tableau */ 
td{
vertical-align:top;
}

.cadre300px , .cadre200px {
border: 1px solid ;
background-color:#fff0a0;
background-color: #b2e1f1;
font:11px Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
text-align:center;
text-indent:0px;
width:300px;
margin:10px;
}

.cadre200px {
width:200px;
}


/* ****************     tableau positionnement  3 cellules ************************** */
#tabmp {
width:100%;
}
tr{
border-bottom-width:0px;
padding:0px;
margin:0px;
}
td{
border-bottom-width:0px;
padding:0px;
margin:0px;
}
#head1{
height:198px;
width:197px;
background-image:url(img/Hermillon_site-3_bandeauGauche.jpg);
}
#head2{
height:198px;
background-position:top;
background-image:url(img/Hermillon_site-3_bandeauCentral.jpg);
background-image:url(img/degrade.jpg);
background-repeat:repeat-x;
}
#head3{
height:198px;
width:185px;
background-image:url(img/Hermillon_site-3_bandeauDroitl.jpg);
}
#contenu{
text-align:left;
}


#contenu2{
background-color:#dff0f8;
z-index:4;

}
#piedBleu{
background-color:#95cee9;
background-color:#ffbc00;
height:11px;
}
#contenu3{
/*background-image:url(img/Hermillon_site-3_principalDroitMilieu.jpg);
background-repeat:repeat-y; */
}
#actualite{
/* background-image:url(img/Hermillon_site-3_principalDroitActualite.jpg);*/ 
/* background-color:#ec2417;   */ 
background-color:#fff0f0;

height:112px;
}
#lgnBas{
height:49px;
}
#piedNews{
/* background-image:url(img/Hermillon_site-3_principalDroitpied.jpg);
/*height:49px;*/
background-position:bottom;
background-repeat:no-repeat;
}
#piedContenu{
background-color:#dff0f8;
background-color:#ff9c00;
/* background-image:url(img/Hermillon_site-3_principalPiedCentre.jpg);*/ 

/*height:49px;*/
background-position:bottom;
background-repeat:repeat-x;
}
.tabmpBas{
height:47px;
}

.tabmpgauche{
width:198px;
background-image:url(img2009/interface-hermillon3_gauche.jpg);   
background-position:right top;
background-repeat:no-repeat;

}

.tabmpcentre , #colActu {
background-color:#fff0f0;

z-index:6;
}
.tabmpdroite{
/*background-image:url(hautDroit.jpg);
background-repeat:repeat-x;
background-position:top;*/
background-color:#ec2417;
/* background-image:url(img/Hermillon_site-3_principalDroitMilieu.jpg);
background-repeat:repeat-y;  */ 
width:45px;
}
.tabmpcentre h1, .tabmpdroite h1 {
text-align : center;
font-size:18px;
}
.tabmpdroite h1 {
margin-bottom:18px;
} 
.tabmpdroite h3{
text-align:center;
margin-bottom:18px;
}
/* *********************************************************************************
// ************                  formulaires             ***************************
// **********************************************************************************
*/
fieldset {
border:1px solid #000;
/*
width:450px;
margin-left:25px;
background-color:#00CC66;
padding:10px;*/
}
legend {
font:  11px Georgia, "Times New Roman", Times, serif;
margin-bottom:15px;
margin:5px;
color:#000;
}
label {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
display: inline;
float: left;
width: 150px;
font-weight: bold;
margin-left: 25px;
color: #000;
text-align:right;
}
.bouton {
border: 1px solid #CC0000;
background-color:#FF9900;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
color : #FFFFFF;
width:150px;
}


textarea ,  input{
width:350px;
border-color:#000000;
border-width:1px;
border-style:solid;


}
.l350{
width:545px;
font-size:80%;
text-align:justify;
}

.etoile{
width:45px;
float:left;
text-align:center;
}
.annul{
width:150px;
float:left;
}

/* ************              fin    formulaires             *************************** */

 
/*  ****                     elements graphiques      ******************************* */
#secours{
position:absolute;
margin:0px;
top:0px;
left:197px;
width:477px;
height:155px;
background-image:url(img/secours.jpg);
z-index:5;
}
#img1819{
position:absolute;
margin:0px;
top:0px;
right:220px;
width:106px;
height:148px;
background-image:url(img/18_19.jpg);
z-index:6;
}
#coin{
position:absolute;
margin:0px;
top:168px;
right:185px;
width:30px;
height:30px;
background-image:url(img/coin.jpg);
z-index:6;
}
#livres{
position:absolute;
margin:0px;
top:0px;
right:0px;
z-index:1;
}
#imgColporteur{
border:#000000;
border-style:solid;
border-width:1px;
margin:30px;
margin-top:40px;
}
#imgColporteur2{
margin:0px;
margin-right:20px;
margin-top:16px;
float:right;
}
#imgDate{
margin:0px;
margin-right:180px;
margin-top:20px;
float:right;
}
.centre{
text-align:center;
}

#grimpeur{
position:fixed;
bottom:0px;
z-index:1;
margin:0px;
margin-bottom:-5px;
padding:0px;
border:0px;
}
#menuColGauche{
z-index:22;
background-color:#ec2417;
text-align:right;
background-color:#ff9c00;
float:right;
color:#FFFFFF;
border-radius : 5px;
}
#hautColGauche{
height:120px;
}

/*  liste non num    */
ul{
margin-left:40px;

}
#slogan{
font-family:Arial;
font-size:18px;
text-align:center;
font-weight:bold;
}
#sloganG{
font-size:34px;
}
#sloganD{
font-size:20px;
}