html, body
	{
	height:100%;
	background:#999999;
	background-image:url(../images/fond.jpg); background-repeat:repeat-x;
	margin: 0 0 0 0;
	overflow:auto;
	}

body
	{
	border: 0;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif; text-align :justify; color:#333333;
	}
		

/* BANNER */

div#banner 
	{
	width: 913px; height: 300px; margin-top: 10px; margin-left: 14px; padding: 0px;
	background-image:url(../images/banner-enfantsgates.jpg); background-repeat:no-repeat;
	float:left;
	}

/* FIN - BANNER */

	
div#content 
	{
	position:absolute;
	width: 1000px;
	left: 50%;  
	margin-left: -500px; /* moitié de la largeur */ 
	float:left; 
	}
	
div#contenu 
	{
	position:relative;
	width: 700px;
	background:#FFFFFF; border:#FF00CC solid 1px;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	margin-left: 115px;;
	line-height:15px;
	float:left;
	display: inline;
	}
	
div#navigation 
	{
	width: 700px; height: 10px;
	color: #555;
	font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align:center; font-weight:bold; letter-spacing:2px;
	margin-top: -37px; margin-bottom: 50px;
	margin-left: 125px;	
	float: left;
	}


div#hr1
	{
	width:350px; height:1px;
	color:#999; background:#999; border:#999 solid 0px; 
	margin-top:25px;
	margin-bottom:40px; margin-left:130px; 
	float:left;
	}

div#hr
	{
	width:550px; height:1px;
	color: #FF00CC; background:#FF00CC; border:#FF00CC solid 0px;
	margin-top:0px;
	margin-bottom:-10px; margin-left:0px; 
	float:left;
	}
	
	
div#content-bas
	{
	width: 700px;
	margin-top:10px; margin-bottom: 5px; margin-left: 125px;
	font-size: 10px; font-family: Verdana, Arial, sans-serif; text-align: center; line-height:15px;
	color:#333;
	float:left;
	}

div#ligne-bas
	{
	width: 750px;
	margin-top:-5px; margin-right:-113px;
	border-bottom:#333; 
	border-bottom-style:solid; 
	border-bottom-width:thin;
	float:right;
	}
	
/* // fin lignes menu // */

/* div photos */
div#photos
	{
	width: 700px; height: 113px;
	margin-left: 0px; margin-bottom:35px;
	float: left; display:inline;
	
	}
/* FIN photos */


.img			{ padding:5px; border:thin; border-style:solid; border-color:#FF6600; margin:10px; }
.BordImage 		{ border: 1px solid #999; margin-bottom:25px; }

h1				{color: #FF0099; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-decoration:none; font-weight:bold; }	
h2				{color: #333; font-family: Verdana, Arial, sans-serif; font-style:italic; font-size: 14px; font-weight:bold; }
h3				{color: #009900; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:11px; }
h4				{color: #FF0099; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:14px; }
h5				{color: #333; font-family: Verdana, Arial, sans-serif; font-weight:normal; font-size:12px; text-align:justify; }
h6				{color: #333; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:16px; }
.li-rose		{color: #FF0099; font-family: Verdana, Arial, sans-serif; text-decoration:none; font-weight:bold; font-size:11px; }
.txt-condition	{color: #333; font-family: Verdana, Arial, sans-serif; font-weight:lighter; text-align:justify; font-size:9px; }



/* links et texte gris */

.titrePrincipal_gris	{color: #333; font-family: Verdana, Arial, sans-serif; font-weight: bold; }	
.txt_gris	{color: #CCC; font-family: Verdana, Arial, sans-serif; }
.txt_secondaire	{color: #999; font-family: Verdana, Arial, sans-serif; text-align:justify; }

a.linkTxtgris	{color: #333; text-decoration: none; }

a.linkTxtgris:hover {color: #666; text-decoration: line-through; }

a.linkMenuTopgris {color: #333; text-decoration: none; }

a.linkMenuTopgris:hover {color: #CCC; text-decoration: none; }

/* links et texte rose */

.titrePrincipal_rose	{color: #FF0099; font-family: Verdana, Arial, sans-serif; font-weight: bold; }	
.txt_rose	{color: #FF0099; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:12px; }

a.linkTxtRose 	{color: #FF0099; text-decoration: none; }

a.linkTxtRose:hover {color: #999; text-decoration: line-through; }

a.linkMenuTopRose {color: #FFFFFF; text-decoration: none; }

a.linkMenuTopRose:hover {color: #FF0099; text-decoration: none; }

/* // links rose // */

/* FORMULAIRE et CONTACT */

div#corpForm {	 /*** Mise en fome du corp du formulaire ***/
	color: #FF0099; font-weight:bold; font-size:11px;
	margin: 0px;
}
div#entete { /*** Mise en fome de l'entete ***/
	font-weight: bold; color:#333; font-size:11px;
	}
.txtarea1 { /*** Mise en fome des cellules ***/
	border-style: dotted; border-width:1px; border-color: #FF0099;
	background-color: #CCC;
	font-family: Verdana, Arial, sans-serif; font-style: italic;
	font-weight: normal; color: #333; font-size:11px;
}