html{
font-size: 100%; /* taille de font selon la taille par défaut du navigateur */
text-align : center;
background-color: white; /* #6699FF; font de l'arrière plan  quand nous limitons la largeur de notre site*/
	}
	
body {
	font-size: .8em; /* taille du texte relatif */
	padding:0px;
	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 : auto;*/
text-align:center;
}

/* haut de page */

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

.titre{

margin-top:3px;
font: bold 1.3em Arial;
color: white;
Text-align:left;
margin-left : 80px;
padding :5px;
width:290px;

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


/* menu horizontale */
#barre {
	
	width : 100%;
	text-align: center;
	height : 22px;
	background-color:black;  /* ****************#000088 couleur style facebook  *********/
	border-bottom: 1px solid #dadada;
	margin:auto;
		
}
/* ******************************** MENU HAUT *******************************************/
#menu_h
{
position : relative;
margin-left : auto;
margin-right : auto;
}


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

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

/* ***************************************************tous les liens **************************************/
a{color: white; text-decoration:none ; font-size:1.2em;}
a:visited {  color:#BB0000; text-decoration:none; }
a:hover { color: white; font-size:1.25em;text-decoration:underline ;}
a:active { color:red; text-decoration:none; }
a:focus {  color:red; text-decoration:none; }
/*******************************************************************************************************/


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


/* fin menu h */

/* lien menu pied de page s *************/

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

/* ********************* fin liens pied de page **************************/


/*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:3px;
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;
}
		

/* affichage ip - nombre de visiteurs */

#table_ip
{
margin-top : 20px;
border : solid 1px red;

}


.dd1
{
background-color :#6699FF ;
font: bold 1em Arial;
color: white;
text-align : center;
padding : 4px;

}

.dd2
{
background-color: white ;
font: bold 1em Arial;
color: #6699FF;
text-align : center;
padding : 2px;

}

/* fin affichage ip visiteurs */



		/* fin menu gauche */


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

}

.header_d1{
/* ************************* mettre position relative et fixé   les margins pour fixer la dives où les annonces défilent pour internet explorer  *************************************/
position : relative; 
/******************************************** **********************************************************************************************************************/
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;
}


/****************** Table nombre visiteurs - connectés - adresse ip **************************/

#table_visiteur
{ 
background-color : #BBDDFF;
}

#td_visiteurs
{
border : solid 1px white;
padding : 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color : #0057a7;
}





/* **************************** fin ***************************************************/



/* ************************ a général *************************

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:3px 5px 5px 5px;
background-color:#6699FF;
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;
padding-bottom : 0px;
color: white;
border: 2px solid white;
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%;
margin-bottom : 1px;
}

					/************ 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%; /* pour pouvoir supprimer les margin et padding */
height : 130px;
background-color:white;
border-top : solid 1px #dadada;

margin-top : 5px;
}

#menu_bas
{
background-color : black;
}




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

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


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

}