/* CSS Document */


.clearer{
clear:both;
}


body{
background:url(../images/bandeau.jpg) #e0e8ea no-repeat top center;
}


#header{
	width:1000px;
	height:150px;
}


/******************************Page accueil******************************************/
#body_accueil{
	background-image:none;
}


#anim_accueil{
	float:left;
	background:url(../images/exmple.jpg) no-repeat;
	width:520px;
	height:301px;
	margin-top: 40px;
}


#sites_du_mois{
	float:right;
	background:url(../images/siteMois.gif) no-repeat;
	width:329px;
	height:301px;
	color:#666666;
	padding: 0px 20px 0 60px;
	font-size:0.8em;
	margin-top: 40px;
	overflow:auto;
}


#sites_du_mois h2{
	margin-top:20px;
	background:none;
	font-weight:bold;
	color:#333333;
}


.bt_savoir{
display:block;
text-decoration:none;
color:#fff;
background:url(../images/savoir.gif) no-repeat right;
text-align:right;
padding-right:20px;
font-size:12px;
}


#sites_du_mois img{
	border:none;
}


#actu_accueil{
border-top: 10px solid black;
margin-top: 60px;
float: left;
background:url(../images/fond.png) repeat;
width:1000px;
}


#actu_accueil h2{
margin: 40px 0 10px 0px;
background:none;
font-weight:bold;
color:#000000;
}


#actu1_accueil,
#actu2_accueil,
#actu3_accueil,
#adresse_accueil{
float: left;
width: 180px;
padding-left: 20px;
padding-right: 20px;
}


#adresse_accueil{
margin-left: 120px;
text-align:right;
margin-top: 40px;
background:url(../images/point.gif) repeat;
padding: 10px;
}


#titre_ad{
font-size:1em;
}


#capital_ad{
font-size:0.6em;
font-style:italic;
}


#adresse_ad{
font-size:0.7em;
}


#rcs_ad{
font-size:0.6em;
margin-top:15px;
}






/*****************************Fin page_accueil**************************************/


#wrapper{
	width:1000px;
	margin:0 auto 0 auto;
	padding:0;
}


a#logo{
background:url(../images/menu2/accueil.gif) no-repeat;
	display:block;
	width:284px;
	height:93px;
	float:left;	
}


a#logo:hover,
a#logo.active{
background:url(../images/menu2/accueil_hover.gif) no-repeat;
}






/******************************menu principal**************************************/
#menu{
float:right;
width:530px;
margin:47px 0 0 0;
}


#menu ul{
	margin:0;
	padding:0;
}


#menu li{
	list-style-type:none;
	padding:0;
	margin:0;
	width:106px;
	float:left;
}


#menu a{
	display:block;
	width:106px;
	height:46px;
}


a#lien_actu {
background:url(../images/menu2/actu.gif) no-repeat;


}


a#lien_actu:hover,
a#lien_actu.active{
background:url(../images/menu2/actu_hover.gif) no-repeat;
}


a#lien_services{
background:url(../images/menu2/services.gif) no-repeat;
}


a#lien_services:hover,
a#lien_services.active{
background:url(../images/menu2/services_hover.gif) no-repeat;
}


a#lien_contact{
background:url(../images/menu2/contact.gif) no-repeat;
}


a#lien_contact:hover,
a#lien_contact.active{
background:url(../images/menu2/contact_hover.gif) no-repeat;
}


a#lien_newsletter{
background:url(../images/menu2/newsletter.gif) no-repeat;
}


a#lien_newsletter:hover,
a#lien_newsletter.active{
background:url(../images/menu2/newsletter_hover.gif) no-repeat;
}


a#lien_plan{
background:url(../images/menu2/plan.gif) no-repeat;
}


a#lien_plan:hover,
a#lien_plan.active{
background:url(../images/menu2/plan_hover.gif) no-repeat;
}


/*********************************fin menu principale**********************************/


/*********************************moteur de recherche**********************************/


#search{
	font-size:0.9em;
	width:1000px;
	border-top: 1px solid black;
	background:url(../images/search.gif) no-repeat;
	height:27px;
}


#search form{
	display:inline;
}


#fieldset_search{
	border:none;
	padding;0;
	margin:0;
	color:#FFFFFF;
}


input#search{
	width:150px;
	background-color:#FFF;
	height:15px;
	background:url(../images/fond_search.gif) no-repeat top;
}


input#ok{
	width:30px;
	border:none;
	background-color:white;
	color:black;
}


/*******************************fin moteur de recherche********************************/
/*********************************content*********************************************/


.actif{
	color:black;
}


.sitebar a{
	color:#4C4448;
	text-decoration:none;
	font-size:0.77em;
	margin-left:5px;
}


.sitebar a:hover{
	color:#000;
}


.sitebar li.s_rubrique{
	padding:0 0 5px 15px;
	font-weight:bold;
	margin-top:5px;
	border-top:2px solid #BDBCBD;
	border-bottom:1px dotted #BDBCBD;
	background:url(../images/flecheRub.png) no-repeat 0% 40%;
	}

.sitebar ul.pages{
	padding:0 0 0 5px;
	margin:0 0 0 0px;	
}


/****.sitebar ul.pages li{
	border-bottom:1px dotted #F4F4F4;	
}******/


.sitebar ul.pages a{
	color:#4C4448;
	font-weight:normal;
	margin:0 0 0 5px;
	font-size:0.7em;
	letter-spacing:1px;
	padding:0;
}


.sitebar ul.pages a:hover{
	color:#000;
}
/*******sitebar_page***********/
#sitebar_page{
	margin-top: 60px;
	background:url(../images/01.jpg) no-repeat;
	width:259px;
	height:184px;
	text-align:left;
	float:left;
}


#sitebar_page ul{
margin:0px;
padding:0px;
}


#sitebar_page li{
	list-style-type:none;
	}
	
#sitebar_page a{
	text-decoration:none;
	color:#333333;
	}
	
#sitebar_page a:hover{
	color:black;
	}
	
/**********fin sitebar_page**********/


/**********sitebar services**********/


#sitebar_services{
	margin-top: 60px;
	background:url(../images/02.jpg) no-repeat;
	width:259px;
	height:184px;
	text-align:right;
	float:left;
}


#sitebar_services ul{
margin:0px;
padding:0px;
}


#sitebar_services li{
	list-style-type:none;
	}
	
#sitebar_services a{
	text-decoration:none;
	color:#333333;
	}
	
#sitebar_services a:hover{
	color:black;
	}
/*******fin sitebar services********/
/*******sitebar_contact***********/
#sitebar_contact{
	margin-top: 60px;
	background:url(../images/03.jpg) no-repeat;
	width:259px;
	height:184px;
	text-align:right;
	float:left;
}


#sitebar_contact ul{
margin:0px;
padding:0px;
}


#sitebar_contact li{
	list-style-type:none;
	}
	
#sitebar_contact a{
	text-decoration:none;
	color:#666;
	}
	
#sitebar_contact a:hover{
	color:#9933CC;
	}


/**********fin sitebar_contact**********/


/*******sitebar__newsletter***********/
#sitebar_newsletter{
	margin-top: 60px;
	background:url(../images/04.jpg) no-repeat;
	width:259px;
	height:184px;
	text-align:right;
	float:left;
}


#sitebar_newsletter ul{
margin:0px;
padding:0px;
}


#sitebar_newsletter li{
	list-style-type:none;
	}
	
#sitebar_newsletter a{
	text-decoration:none;
	color:#666;
	}
	
#sitebar_newsletter a:hover{
	color:#9933CC;
	}


/**********fin sitebar_newsletter**********/


/*******sitebar_plan***********/
#sitebar_plan{
	margin-top: 60px;
	background:url(../images/05.jpg) no-repeat;
	width:259px;
	height:184px;
	text-align:right;
	float:left;
}


#sitebar_plan ul{
margin:0px;
padding:0px;
}


#sitebar_plan li{
	list-style-type:none;
	}
	
#sitebar_plan a{
	text-decoration:none;
	color:#666;
	}
	
#sitebar_plan a:hover{
	color:#9933CC;
	}


/**********fin sitebar_newsletter**********/


#page{
margin-top:60px;

float:right;
width: 715px;
}


/**********plan_site*************/
.plan{
text-align:right;
margin-top:30px;
}


.plan ul{
margin: 0;
padding: 0;
}


.plan h2{
background:url(../images/trait.gif) repeat;
font-size: 1em;
display: block;
clear:both;
margin:20px 0 15px 0;
padding:0;
color:#333333;
font-weight:normal;
}


.lien_plan_page{
	font-size:0.75em;
	}


li.lien_plan_page a{
color:#333333;
}


.lien_plan_page a:hover{
	text-decoration:underline;
}


.lien_plan_s_rub{
	font-size:0.8em;
	list-style-type:none;
	margin:7px 0 0 0;
	letter-spacing:1px;	
}


.lien_plan_s_rub a{
	color:#FF0099;
	text-decoration:none;
	font-weight:bold;
}


#plan_actu{
width:158px;
float:left;
margin-left:5px;
border-right:solid 2px #23c0ca;
padding-right: 10px;
}


#plan_actu p{
color:#23c0ca;
}


#plan_services{
width:158px;
float:left;
margin-left:5px;
border-right:solid 2px #a3d617;
padding-right: 10px;
}


#plan_services p{
color:#a3d617;
}


#plan_contact{
width:158px;
float:left;
margin-left:5px;
border-right:solid 2px #cf10cf;
padding-right: 10px;
}


#plan_contact p{
color:#cf10cf;
}


#plan_newsletter{
width:158px;
float:left;
margin-left:5px;
border-right:solid 2px #fc376a;
padding-right: 10px;

}


#plan_newsletter p{
color:#fc376a;
}




/**********fin plan_site************/


/*************************************** Texte ***************************************************/


#texte{
	margin-top:27px;
	float:right;
	width:700px;
}


#texte li{
	list-style-type:none;
}


#texte a{
	text-decoration:none;
}


/*********************************** Fin Texte ***************************************************/
/*********************************************Formulaire***************************/


form{diplay:inline;}


.formulaire{
	width: 100%;
	margin:20px 0 0 0;
	
}


#form_contact{
	background:url(../images/contact.gif) no-repeat 95% 60%;
	
	}


.formulaire p#infos_champs{
	margin-left:10px;
	color:grey;	
}


.formulaire p{
	margin:2px 0 2px 0;
	clear:both;
	background-color:transparent;
}


.formulaire fieldset{
	margin-bottom: 10px;
	margin-top:0;
	padding:25px 0 10px 0px;
	border:1px solid white;
	width:700px;
	background:url(../images/fond_contact.gif) no-repeat top right;	
	}


#form_contact fieldset{
	background:url(../images/fond_contact.gif) no-repeat top right;
	
	}


#form_newsletter{
	padding:5px 0 5px 0;
	background:url(../images/newsletter.gif) no-repeat top right;
}




.formulaire fieldset legend{
	padding: 0 10px;
	font-size: 1.1em;
	color:#5B8028;
}


/* Label */


.formulaire label{
	color:#434444;
	display: block;
	width:20%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
	float: left;
	padding-right: 5px;
	text-align: right;
	font-weight:bold;
	font-size:0.8em;
}


.formulaire input, .formulaire select,
.formulaire textarea{
	margin-left: 1%;
	width:50%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	border: #8B889A 1px solid;
	font-size: 1.2em;
}


.formulaire input[type="radio"]{
	border:none;
	width:20px;
}


.formulaire input[type="submit"]{
	width:auto; 
	height:auto; 
	border:none;
	background-color: black;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	padding:3px 0 3px 0;
}


.formulaire input[type="submit"]:hover{
	background-color: grey;
	cursor:pointer;
}






/***************************************Fin formulaire********************************/






/******************************fin content********************************************/


/******************************footer************************************************/


#footer{
width:1000px;
color:#666;
font-size:0.6em;	
text-align:center;
margin: 60px auto 0px auto;

}


#footer ul{
	margin:0 0 0 200px;
	padding:0;
}


#footer li{
	list-style-type:none;
	padding:0;
	margin:0;
	width:106px;
	float:left;
}


.pipe{
	border-right:1px solid #333333;
}


#footer a{
	width:106px;
	height:20px;
	text-decoration:none;
	color:#666;
	}
	
#footer a:hover{
	color:#FF0099;
	}


/*******************************fin footer*******************************************/

#content_fiche2{
	width:750px;
	padding:0px;
	height:800px;
	background-color:#FFF;
	margin:0 auto 0 auto;
	}

#texte_fiche2{
	float:left;
	width:750px;
	margin:0;
	margin:0px;
	background-color:#FFF;
	height:auto;
	padding:20px 10px 10px 10px;
	}