@charset "utf-8";

/* CSS Document */



/* Initialise les marges des elements bloc */

body, div, 

dl, dt, dd, ul, ol, li, 

h1, h2, h3, h4, h5, h6, 

pre, form, fieldset, input, 

p, blockquote, th, td, img { margin: 0; padding: 0; }



/* Initialise la taille des titres */

h1,h2,h3,h4,h5,h6 { font-size: 100%; }



/* Enleve les puces aux listes */

ol, ul { list-style: none; }



/* Initalise le style du texte */

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}



/* Enleve les bordures aux images et aux fieldset */

fieldset, img { border: 0; }



body {

	background-image: url(../images/fond.jpg);

	color: #FFF;

	font-family: Agency FB, Franklin Gothic Medium Cond, Arial ;
	font-size: 17px;

}



h2 {

	display: none;

}

#contenuBanniere {
	width: 761px;

	margin: 0 auto;
}

#contenant {

	width: 825px;

	margin: 0 auto;

	margin-top: -5px;

	background-image: url(../images/contour.png);

}

#piedPage {

	width: 825px;

	margin: -5px auto;

	background-image: url(../images/contour.png);

	text-align: center;

	height: 50px;
	
	padding: 10px 0 20px 0;

}



.imgP2 {

	margin: 0 auto;

	width: 825px;

}

.imgP3 {

	margin: 0 auto;

	width: 825px;

margin-top: -5px;

}


#contenu2 {

	float: left;

	width: 260px;

	padding: 10px  0 0 40px;
	
	position: relative;

}



#contenu1 {

	float: left;

	width: 350px;

	text-align: justify;

	padding: 10px 0 0 80px;

}





#c1 {

	float:left;

}



#c2 {

	float:right;

}



a{ color: #36F}

a:hover{color: #FFF;}



.clear{

	clear: both;

}



.menu{

	display: inline;

}



#mailForm {	

	margin: 0;

	padding: 0;

}



#mailForm p {

	padding: .2em 0;

	margin: 0 0 .2em 0;

	

}

#mailForm p label {

	width: 15%;

	text-align: right;	

	margin: 0;

	padding: 0 .5em 0 0;

	/* line-height: 28px; */

	vertical-align: text-bottom;

}



#mailForm .error{

	display: none;

	position: relative;

	left: 39%;

	text-align: left;

	clear: both;

	font-size: 12px;

}



#contenu {

	padding: 10px 0 0 80px;

}



#contact1 {
	float: left;
	position: relative;
	width: 400px;
}



#contact2 {
	float: left;
	position: relative;
	width: 200px;
}



.star, #erreur{

	color: #ff3333;

}



#lettre {

	padding: 140px 0 0 0;

}



.texteP {

	padding-top: 5px;

}



.menuSite {

	text-align: center;

	width: 770px;

	padding: 20px 0 20px 0;

	margin-left: -75px;

}





.menu2 {

	display:inline;

	margin-left: 50px;

}





#tooltip {

   position:absolute;

   visibility:hidden;

   z-index:100;

   background-color: #36C;

   border:1px solid black;

   padding:0.2em;

   font-size:0.8em;

   font-family: Agency FB, Franklin Gothic Medium Cond, Arial ;

   font-size: 15px;

}

.texteA {
	width: 480px;
	text-align: justify;
	padding-top: 10px;
}

.texteB {
	float: right;
	padding-right: 85px;
	color: #36C;
	padding-top: 10px;
}

.texteC {
	padding-top: 15px;
	font-size: 17px;
	float: left;
}

.imgA {
	padding-top: 10px;
	padding-bottom: 10px;
}

.contenuUne {
	padding-top: 10px;
}

.contenuUneDeux {
	padding-top: 10px;
	font-family: "Times New Roman", Times, serif;
}