html{
font-size: 100%; /* taille de font selon la taille par défaut du navigateur */
text-align : center;
background-color: #B3D9FF; /* font de l'arrière plan  quand nous limitons la largeur de notre site*/
	}
	
body {
	font-size: .8em; /* taille du texte relatif */
	margin:1px;
	max-width:1000px; /*** maximum pour les résolutions >1000 px * pour internet explorer script javascript dans le fichier index.php */
	min-width : 865px;
	margin:auto; /* centrer le contenu pour firefox et les autres */
	text-align : center; /* centrer le contenu pour internet explorer */
	}

div {
	text-align:center;
	
}

/* page  du site */
#page10 {
width : 100%;
background-color:white;
border: 1px solid #dadada;
padding-left : auto;
padding-right : auto;
text-align:center;
}

/* haut de page */

#bandeau {
	position : relative;
    margin:0px;
	text-align:left;
	
	padding:0px;
	height : 110px;
    width:100%;
	background-image:url(../images/en_tete.jpg); 
	background-repeat : no-repeat;
}

.titre{
display:bloc;
margin-top:3px;
font: bold 1.4em Arial;
color: white;
Text-align:left;
margin-left : 80px;
padding :5px;
width:280px;

}
/* image du haut */
.gif{
float:right;
margin-right : 10px;
margin-top:3px;
}


/* menu horizontale */
#barre {
	width : 100%;
	text-align: center;
	height : 20px;
	background-color:white;
	border-bottom: 1px solid #dadada;
	margin:auto;
		
}


.tiret {
color:gray;
font-style : bold;
}

.tiret1 a{
font-size:1.2em;
color:gray ;
text-decoration:underligne;
}

a{color:#0080FF; text-decoration:none ; font-size:1.2em;}
a:visited {  color:#BB0000; text-decoration:none; }
a:hover { color:#0080FF; text-decoration:underline ;}
a:active { color:red; text-decoration:none; }
a:focus {  color:red; text-decoration:none; }

/* fin menu h */



/*page meun_gauche + menu_droit + contenu central */
#centre{
text-align : center;
margin : auto;

}
 /* .............................................. Les menus gauche et droit en float left et right.............................................. */

					/* menu gauche */
#gauche{
float: left;
padding-top:10px;
width: 180px; 
margin-left: 5px ;
height:100%;
background: white;

}

.menu .header{
font: bold 1em Arial;
color: white;
text-align:left;
background: #6699FF;
margin-top:0px;
margin-bottom: 2px;
/*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
border: 1px solid #dadada;
}
					/* fin menu gauche */


					/* menu droit */
#droite{
float: right;
padding-top:10px;
width: 180px; /*Width of right column*/
margin-right:5px;
height:100%;
background: white;

}

.header_d1{
font: bold 1.1em Arial;
color: white;
text-align:left;
background: #6699FF;
margin-top:0px;
margin-bottom: 2px;
margin-left :auto;
margin-right : auto;
/*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
border: 1px solid #dadada;
}

					/* *****************news************* */
					
.news11{
font : bold 1em arial;
color : red;
}

.news12{
font : bold 1em arial;
color : white;
}

.news13{
font : 1em arial;
color : white;
}

.news14{
font : 1em arial;
color : #FFFFFF;
}


					/* lien news */
.tiret_ad a{
margin-left : 30px;
color:white ;
text-decoration:none;
}
.tiret_ad a:visited {  color:white; text-decoration:none; }
.tiret_ad a:hover { color:white; text-decoration:none ;}
.tiret_ad a:active { color:white; text-decoration:none; }
.tiret_ad a:focus {  color:white; text-decoration:none; }


					/* *****************fin news**************** */



.header_d2{
font: bold 1.1em Arial;
color: white;
text-align:left;
background: #6699FF;
margin-top:0px;
margin-bottom: 2px;
/*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
border: 1px solid #dadada;
}

					/* fin menu droit*/


.g1 { 			/* cadre pour chaque menu*/

border-bottom:0px;
margin:auto;

}

.menu ul{
list-style-type: none;
text-align:left;
margin: 0px;
padding: 0px;
				/*bottom spacing between each UL and rest of content*/

}

.menu ul li{

padding-bottom: 0px; /*bottom spacing between menu items*/
height : 100%;

}

.menu ul li a{
color:#0057a7 ;
height : 100%;
/*background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 1px;
padding-left: 10px; /*link text is indented 10px*/
/*text-decoration: none;*/

border-bottom: 1px solid #dadada;
font-size: 1.2em;
}


.menu ul li a:hover{ 
color: white;
background-color: #6699FF;

}

.menu ul li a:visited{ 
color: #990000;
}

body a{
color:#0057a7 ;
}

body a:hover{ 
color: green;
}
body a:visited{ 
color: #990000;

}

/* .............................................. fin des  menus gauche et droit.............................................. */



/* ...............................................contenu de la page sans les menus (gauche et droit) .................................. */

#contenu{
text-align:left;
margin:auto;
margin: 0 185px 0 185px; 
padding:10px 5px 5px 5px;
background-color:white;
height:100%;
min-width:480px; 
}

					/*****************************************/
					/**********fond de page à inclure***********/
					/****************************************/
#divacceuil{
background-image:url(../images/fond_page.png) ;
background-repeat : repeat-x;
padding:15px;
padding-top: 10px;
color: #0057a7;
border: 1px solid #CCCCCC;
text-align:left;
margin-left : auto;
margin-right : auto;
}

					/************ affichage de l'ip du visiteur *************/

.ip{
color : white;
font-family : arial ;
font-size:1em;
font-weight : bold;
text-align:center;
background-color: #909090;
width : 100%;
}

					/************ fin affichage de l'ip du visiteur *************/
					
					/************ annulation des float des menus gauche et droit (left, right)  *************/
#clear{
clear : both;
}
					/************ fin de l'annulation des float *************/
					

					
					/* *****************pied de page**************** */



#piedpage {
clear:both;
width : 100 %;
height : 90px;
background-color:white;
border-top : 1px solid #dadada;
padding : 5px;
margin-top : 5px;
}


#copy {
text-align:center;
font-size:1.1em;
color:#0057a7;
}

					/* *****************pied de page**************** */


/*************** a charcher ***********/
#text{
text-align:left;
margin:1em;

}