@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(../img/bg.png) repeat-x;
}
/*-- HEADER_______________________________________________________________________________________________________________ */
#header{
	background: url(../img/bg2.jpg) repeat-x;
	height: 99px;
}

h2{
	font-size: 15px;
	font-weight: 200;
	letter-spacing: 1px;
	color:black;
	margin-top: 0.8em;
	margin-left: 3.8em;
}
.logolink{
	font-size: 14px;
	font-weight: 300;
	padding-left: 3.6em;
	text-decoration:none;
	color:black;
	text-align: left;

}
.logolink span{
	margin-left: 3.6em;
}

#lg{
	float:right;
	margin-right: 210px;
	margin-top: 7px;
	font-size: 11px;
	
}
#lg li{
	margin: 5px;
	display:inline;
	
}
#lg li a{
	color: black;
	text-transform: uppercase; 
	text-decoration: none;
	
}
#lg li a:hover{
	color:#e2e2e2;
	text-decoration:none;
}

#logo{
	width: 280px;
	height: 60px;
	position: absolute;
	background: url(../img/logo.jpg)no-repeat;
	margin: 30px 0px 0px 210px;

}

#logo a{
	color: black;
	text-decoration:none;
}
#menu{
	width: 350px;
	height: 30px;
	position: absolute;
	margin: 56px 200px 0px 745px ;
	font-size: 14px;
	text-transform: uppercase; 
	letter-spacing:-0.5px;
	
}
#menu li{
		display:inline;
	    margin: 8px;
}
#active{
	background-color:#e2e2e2;
}
#menu li a:link, #menu li a:visited{
	color:black;
	text-decoration:none;
	padding-bottom: 16px;
}
#menu li a:hover, #menu li a:active{
	color:#825959;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu li:hover{
	background-color:#e2e2e2;
	padding-bottom: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}

#menu li{
	padding-bottom: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border: 0.1em solid #e2e2e2;
	border-bottom: none;
}

/*-- ARIANE_______________________________________________________________________________________________________________ */


#ariane{
	width: 100%;
	height: 20px;
	padding-left: 0px;
	border-bottom: 0.1em solid #CCC;
	background-color:white;
}
#ariane li{
	list-style-type:none;
	background:url(../img/ar.png) left  no-repeat;
    margin-left: 210px;
	display:inline;

}

#ariane li a{
	padding-left: 15px;
	color: #999;
	padding-right: 10px;

}
#ariane li a:hover{
	text-decoration:none;
}


/*-- CONTENU_______________________________________________________________________________________________________________ */



#content{
	width: 850px;
	height: 450px;
	margin: 20px auto;
	background-color:white;
}

h3{
	font-size: 16px;
	padding: 20px;
	color:#825959;
	padding-bottom: 10px;
}

p{
	padding: 20px;
	font-size: 13px;
}

.gauche{
	width: 200px;
	height: 200px;
	float:left;
	margin-left: 60px;
	text-align: left;
	margin-top: 2em;
}

h4{
	font-size: 15px;
	color: #999;
	margin-bottom: 5px;
}

.services{
	color:#825959;
	clear:both;
	float:right;
	margin-right: 40px;
	font-style: italic;

}
.services:hover{
	text-decoration:none;
	color:black;
}



.services{
	float:right;
	color:#825959;
	text-decoration:underline;
	font-style:italic;
	margin-top: -0.5em;
	margin-right: 7em;
	font-size:12px;
}
.services:hover{
	text-decoration:none;
	color:black;
}



#services{
	padding: 10px;
	padding-top: 2em;
}
#services li{
	margin: 10px;
}
#services li a:link, #services li a:visited {
	color:#825959;
}
#services li a:hover, #services li a:active {
	text-decoration:none;
	color:black;
}



#accueil{
	width: 500px;
	height: 250px;
	margin-left: 24em;
	position:absolute;
	margin-top: -12em;
	padding:14px;
	padding-top: 0.8em;
	
}




#acc{
	width: 500px;
	height: 250px;
	margin-left: 24em;
	position:absolute;
	margin-top: -12em;
	padding:14px;
	padding-top: 0.8em;
	
}

#cont{
	width: 500px;
	height: 250px;
	margin-left: 24em;
	position:absolute;
	margin-top: -12em;
	padding:14px;
	padding-top: 0.8em;
}
#phi{
	width: 500px;
	height: 250px;
	margin-left: 24em;
	position:absolute;
	margin-top: -12em;
	padding:14px;
	padding-top: 0.8em;
}
#admin{
	width: 500px;
	height: 250px;
	margin-left: 24em;
	position:absolute;
	margin-top: -12em;
	padding:14px;
	padding-top: 0.8em;
}
#formulaire{
	padding: 10px;
	float:left;
}

#formulaire p{
	margin: 0px;
	padding: 3px;
}
#infos{
	float:left;
	margin-left: 80px;
	margin-top: 20px;
	border-left: 1px solid #825959;
}
#infos p{
	margin-left: 10px;
	padding: 3px;
}

img{
	margin-left: 80px;
	margin-top: 40px;
}

.contact{
	color:#825959;
	font-style:italic;
	
}
.contact:hover{
	color:black;
	text-decoration: none;
}

#footer{
	width: 100%;
	height: 1.2em;
	text-align:center;
}
#footer p{
	font-size: 10px;
}