/*
selection couleur

#F3F1F1 = gris pale fond écran
#808080 = gris foncé menu vertical
#D50000 = rouge titre, barre sur et sous image titre
#404040 = gris charcoal image titre
#C0C0C0 = gris lien entete
#DBDBDB = gris fond menu lien gauche

*/

/* Déclaration général ============================================ */

body{
/*background:#F3F1F1;*/
margin-top:1%;
font-family:Time New Roman;
}

p 
{
text-indent:5%;
text-align:justify; 
}
  
ul{list-style-type:none;}
a{text-decoration:none;}


.margegauche
{
border:1px solid #000000;
position:absolute;
width:10%;
height:950px;
background:#D50000;
margin-left: 10%;
z-index:1;
}



.conteneur 
{ /*le conteneur global du site, qui sera centré */
position: absolute;
top:35px;/* + */
left:50px; /* + */
width: 770px;
margin-left: 10%;


border:1px solid #000000;
background:#F3F1F1;
z-index:2; 
}

.contenue 
{
/*border:1px solid #D50000;*/
margin:3% 3% 3% 23%; /* top , right , bottom , left */
}

 

.contenue blockquote
{
font-style:italic;
text-align:justify;
}

.contenue a
{
color:#D50000;
}

.listecontenue{
padding-left:15%;

}
.listecontenue li{list-style-type:disc;}

/* Entete de la page =============================================== */

.entete
{ /* Titre de la page*/
width:100%;
background:black;
color:#D50000;
padding-bottom:0px;
}  

.enteteimage
{ /* Barre d'image du titre */
background:#404040;
text-align:center;
padding-top:8px;
padding-bottom:8px;
border-top:3px solid #D50000;
border-bottom:3px solid #D50000;
}
	
.entetelien
{ /* Zon de lien sous les images du  titre */ 
padding:3px 10px 6px 3px;/* top , right , bottom , left */
background:#C0C0C0;
text-align:right;
border-bottom:1px solid #000000;
}		

.entetelien a 
{
color:#404040;
font-weight:bold;

}
.entetelien a:link {color:#404040;}
.entetelien a:visited {color:#404040;}
.entetelien a:hover{color:#D50000;}
.entetelien a:active {color:#404040;}








/* Corps de la page ==================================================== */

.exposant
{
font-size:larger;
color:#D50000;
border-bottom:2px solid #A9A9A9;
}
.nouvelletitre
{
font-size:larger;
border-bottom:2px solid #A9A9A9;
padding-bottom:0;
}

			   
.nouvelledate
{
margin-top:-13px;
text-align:right;
color:#D50000;
}	

.gauche
{
float:left;
margin-right:20px;
font-size:small;
text-align:center;
border:2px solid #A9A9A9;
} 

.droite
{
float:right;
margin-left:20px;
font-size:small;
text-align:center;
border:2px solid #A9A9A9;
}


.commanditaire
{
float:none;
text-align:center;
padding-bottom:30px;


}

.commanditaire img
{
padding:10px;
}

.commanditaire hr
{
width:80%;
color:#A9A9A9;
}

.commanditaire a:link {color:#F3F1F1;}
.commanditaire a:visited {color:#F3F1F1;}
.commanditaire a:hover{color:#F3F1F1;}
.commanditaire a:active {color:#F3F1F1;}


#textephoto
{
padding-top:5px;
text-align:center;
font-size:smaller;
}

/* menu =========================================================== */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu 
{
width: 10em;
top: 0;
left: 0;
float:left;

}


#menu dt 
{
cursor: pointer;
margin: 2px 0 2px 2px;;
height: 23px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #404040;
background:#C0C0C0;

}

#menu dd 
{
position: absolute;
z-index: 100;
left: 10em;
margin-top: -1.4em;
width: 10em;

border: 1px solid #000;
}

#menu li {
text-align: center;
background: #DBDBDB;

}
#menu li a, #menu dt a {
color:#404040;;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #DBDBDB;
color:#D50000;
}
#menu li a:hover
{background: #F3F1F1;
color:#D50000;}


.plansitemenu li a:hover
{
background: #DBDBDB;
color:#D50000;
}

/* photo =========================================================== */

#photo
{
border: 1px solid #404040;

}