/* CSS Document page d'accueil et éléments communs */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5c5c62;
	background-color: #cfd0d4;
	background-image: url(images/body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0;
	padding:0;
}

a
{
color:#5c5c62; 
text-decoration:underline;
font-weight:bold;
}
#principal
{
margin:15px auto 0 auto;
width:907px;

}

#tetiere
{
background-image:url(images/header.jpg);
background-repeat: no-repeat;
width:907px;
height:26px;
}





#conteneur
{	
filter: none;
background-image:url(images/main_bg.gif);
background-repeat:repeat-y;
width:907px;
background-color:#fffff;

}

#menu
{
width:218px;
margin-left:8px;
float:left;
}

#contenu
{
	width:660px;
	padding-right:9px;
	float:right;
}

#contenu-2
{
	width:660px;
	margin-right:0px;
	float:right;
	padding-right: 9px;
}


#droite
{
width:201px;
float:right;
}

a img
{
border:none;
}

#centre
{
width:459px;
float:left;
}

#actu h1 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#157fa4;
font-weight:bold;
text-decoration:underline;
font-size:13px;
font-style:italic;
padding:0 0 0 20px;
margin:0;
}

#actu h1 a:hover
{

text-decoration:none;

}

#actu h2 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4dc2f0;
font-size:10px;
padding:0 0 0 20px;
margin:0;
}

#actu h3 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5c5c62;
font-weight:bold;
font-size:10px;
padding:0 0 0 20px;
margin:0;
}

#actu h4 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5c5c62;
font-weight:normal;
font-size:9px;
padding:0 0 0 20px;
margin:0;
}


#actu h5 a 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5c5c62;
font-weight:bold;
font-size:9px;
padding:0 0 0 32px;
margin:0;
background-image:url(images/fl-actu.jpg);
background-repeat:no-repeat;
background-position:left;
}

#actu h5 a:hover 
{
text-decoration:none;
}

#actu h5 img
{
float:right;
padding-right:4px;
}

#scroll-bas
{
text-align:center;
}

#footer
{
width:907px;
height:23px;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
background-position:top;

}

#footer-bas p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5c5c62;
font-weight:bold;
font-size:10px;
text-align:center;
width:907px;
height:15px;
}

#footer-bas p a
{
color:#5c5c62;
text-decoration:none;
}

#footer-bas p a:hover
{
color:#5c5c62;
text-decoration:underline;
}

#end p
{
color:#307993;
font-size:9px;
text-align:center;
width:907px;

}

#end p a
{
color:#307993;
text-decoration:none;
}

#end p a:hover
{
color:#307993;
text-decoration:underline;
}

/* CSS Document page qui sommes nous ? */

#ill-tetiere
{
	width:630px;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	padding-left: 15px;
}




#text 
{
	width:590px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0;
	float:right;
	padding-left: 25px;
	padding-right: 40px;
}

#textcontactus 
{
	width:590px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0;
	float:right;
	padding-left: 25px;
	padding-right: 40px;
}

#text h1 
{
margin-top:10px;
margin-bottom:10px;
margin-left:50px;
padding:0;

}

#text h1 a
{
font-style:italic;
font-size:16px;
color:#157fa4;
font-weight:bolder;
text-decoration:underline;

}

#textcontactus h1 a
{
font-style:italic;
font-size:16px;
color:#157fa4;
font-weight:bolder;
text-decoration:underline;

}

.titli
{
font-size:12px;
color:#157fa4;
font-weight:bolder;


}

#text h2
{
font-style:normal;
font-size:10px;
color:#5c5c62;
font-weight:normal;

}

#text h3
{
font-style:normal;
font-size:12px;
color:#5c5c62;
font-weight:bold;

}

#text h4
{
font-style:normal;
font-size:11px;
color:#4dc2f0;
font-weight:bold;

}


#textcontactus h2 
{
font-style:normal;
font-size:12px;
color:#157fa4;
font-weight:bold;
}

#textcontactus #con-a h2 
{
font-style:normal;
font-size:14px;
color:#157fa4;
font-weight:bold;
}

#textcontactus p
{
	text-align:justify;
}

#textcontactus  #con-a p
{
	text-align:justify;
	font-size:12px;
}

#text p
{
	text-align:justify;
}


ul
{
margin:0;
padding:0 0 0 30px;
}

li

{
margin:0;
list-style-image: url(images/puce-footer.jpg);

}

li li

{
margin:0;
list-style-image: url(images/puce-footer-2.jpg);

}

fieldset
{
font-style:normal;
font-size:12px;
color:#157fa4;
font-weight:bold;
border:#5c5c62 solid 1px;
padding:20px;
background-position:top right;
background-image:url(images/bg-fieldset.jpg);
background-repeat:no-repeat;

}
label
{
width:150px;
color:#5c5c62;
font-size:11px;
font-weight:bold;
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: left;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 30px;
line-height: 1.8;

}





input
{
border:#5c5c62 solid 1px;
background-color:#ffffff;
font-style:normal;
font-size:10px;
color:#157fa4;

}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #666666;
color: #ffffff;
border:#5c5c62 solid 1px;
}

.normal {	/*** Retour à l'état normal après l'utilisation ***/
border:#5c5c62 solid 1px;
background-color:#ffffff;
color:#157fa4;
}


.formul
{
border:#5c5c62 solid 1px;
background-color:#ffffff;
font-style:normal;
font-size:10px;
color:#157fa4;
width:350px;
height:150px;
font-family:Arial, Helvetica, sans-serif;

}

.formul-on
{
font-style:normal;
font-size:10px;
width:350px;
height:150px;
background: #666666;
color: #ffffff;
border:#5c5c62 solid 1px;
font-family:Arial, Helvetica, sans-serif;
}

#validation
{
}