@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
}

body {
	text-align: center; /* Corrige le pb de centrage sur IE */
	background: #cc9966 url(./images/Planches.jpg) top center no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px
	
	
}

.hidden {display: none;}

a {
	text-decoration: none;
	color: #360;
}

a:hover {
	text-decoration: underline;
}

p{margin-bottom: 7px;}


#content_background{
	width: 986px;
	height: 895px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(./images/content_background.png);
	
	text-align: justify;/* Tous les textes du site seront en justifi� par d�faut */
}



#header{

	width: 299px;
	height: 182px;
	float: left;
	cursor: pointer;
	
}

#nav{
	width:265px;
	height: 251px;
	clear: both;
	float: left;
	margin-left: 40px;
	margin-top: 30px;
}


#nav ul{
	list-style-type: none;
}

#nav li{display: block;}

#nav a {
	display: block;
	margin-left: 35px;
	width: 185px;
	height: 42px;

}


/********Boutons du Menu***********/

#P{background-image:url(./images/Presentation.gif);margin-top: 27px;}

#F{background-image:url(./images/Fonctionnement.gif);}

#Ps{background-image:url(./images/Prestations.gif);}

#L{background-image:url(./images/Liens.gif);}

#C{background-image:url(./images/Contact.gif);}


#P:hover{background-image:url(./images/Presentation_s.gif);margin-top: 27px;}

#F:hover{background-image:url(./images/Fonctionnement_s.gif);}

#Ps:hover{background-image:url(./images/Prestations_s.gif);}

#L:hover{background-image:url(./images/Liens_s.gif);}

#C:hover{background-image:url(./images/Contact_s.gif);}

/*****************************************/

h2 {width: 531px;height: 45px;float:left;text-align:center;font-size: 18px;text-decoration: underline;font-weight: bold;}

#content{
	width: 511px;
	height: 560px;
	float: left;
	overflow:auto;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5;

}

/*** Mise en forme du texte***/

h3{font-size: 16px; font-weight: bold; margin-bottom: 20px; text-align:center;}
h4{font-size: 13px; font-weight: bold; margin-bottom: 10px; text-align:center;}
h5{width: 378px; height: 24px;background-image:url(./images/Title.png);margin:auto; margin-bottom: 20px;}

.red{color: red;}
.green{color: #360;}

strong{font-weight:bold;}

.align_center{text-align:center;}

.underline{text-decoration: underline;}

#content ul{
	margin-bottom: 10px;
	margin-left: 20px;

}

.small{font-size: 10px;}

/*****************************************/

#footer{
	clear: both;
	width: 595px;
	height: 100px;
	margin-left: 320px;
		
}

#footer li{display: inline-block; margin-left: 50px;}

#footer a{display: block;}

/**********Placements des �l�ments sur le crayon***********/

.A{
	width: 70px; 
	height: 26px;
}
a.A{margin-top: 50px; margin-left: 45px;}

.ML{
	width: 136px; 
	height: 36px;
}

a.ML{margin-top: 40px;}

.RP{
	width: 209px; 
	height: 48px;
}

a.RP{margin-top: 30px; margin-left: -30px;}

/**********************Mise en forme du tableau de tarifs*********************/

table{
	width:100%;
	border-collapse:collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1;
}

th, td{
	border:1px solid #360;
	padding:3px 7px 2px 7px;
}

th{text-align: center; font-weight: bold;}

.green_bg{background-color: #9c6; text-align:center; font-weight:bold;}
.gray_bg{background-color: #ccc;}




/**********************Mise en forme du formulaire de contact*********************/

form{margin-bottom: 20px;}

fieldset{
	clear: both;
	padding-left: 10px;
	
}

label{

	display: block;
	float: left;
	width: 110px;
	text-align: left;
	
}

label.label_radio{width: 180px;}
input.radio{display: inline-block;width: 60px;text-align: left; margin-bottom: 20px;}

input.champ{
	display: block;
	width: 180px;
	border: 1px inset #360;

}

input.champ:focus{
	border: 1px solid #360;

}

select{
	display: block;
	width: 110px;
	border: 1px inset #360;

}


textarea{
	border: 1px inset #360;

}

textarea:focus{
	border: 1px solid #360;

}

#bt_envoyer {
	display: block;
	width: 84px;
	height: 29px;
	margin-left: 170px;
	margin-top: 20px;
	margin-bottom: 50px;
	cursor: pointer;
	border: none;	
}