/*********************************************************************************BODY****************************************************************************/

body {
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Verdana, Arial, sans-serif;
	color:white;
}

h1{font-size:16px;}
h2{font-size:14px; margin-top:-5px;}
h4 {font-size:11px; }
p,ul,h3{font-size:12px; font-weight:normal; width:590px;margin:15px 0 0 0;}
span, em {font-size:14px; font-weight:normal; font-style:normal; }
/********************************************************************************NAV*************************************************************************/

div#nav {
	width:38px;
	height:450px;
	margin:10px 0 0 0;
	float:left;
}

div#nav ul li a {
	width:47px;
	height:86px;
	display:block;
	color: rgba(0, 0, 0, 0.0);
}
div#nav ul li {width:50px; height:85px;margin:0 0 3px 0;list-style:none;display:block;}

li#acceuil {background-image:url(../images/acceuil-button.png);} 

li#methode {background-image:url(../images/methode-button.png);}

li#services {background-image:url(../images/services-button.png);}

li#faq {background-image:url(../images/faq-button.png);}

li#contact {background-image:url(../images/contact-button.png);}
/*********************************************************************************WRAPPER*************************************************************************/
div#wrapper {
	width:780px;
	margin:20px auto;	
}

div#container {
	position:relative;
	width:700px;
	min-height:1020px;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
	background:url(../images/container-bg2.jpg) no-repeat 0 177px, url(../images/container-bg-after.jpg) repeat-y ;
	border:2px solid #33619f; 
	display:inline-block;
}

/********************************************************************************HEADER*************************************************************************/
div#header img#logo {position:absolute; z-index:10;}

div#header {
	width:708px; 
	height:478px;
	margin-left:-5px;
	background-image:url(../images/pic-header-acceuil.png);
	}


/********************************************************************************CONTENT*************************************************************************/

div#content {
	width:600px;
	margin-top:-180px;
	padding:0 50px 55px 50px;
}

.style1 {padding-top:12px;}

.facebook-box{
	background-color:#FFF;
	margin-top:10px;
}

/********************************************************************************FORM*************************************************************************/
form ul {
	margin:20px 0 0 -24px;
	font-weight:500;
	}
form ul li {margin-bottom:3px; list-style:none; }

form ul li input {	
	width:220px; 
	height:25px; 
	padding-left:3px;
	display:inline-block; 
	background-color:white;
	border:none;
	color:#00367e;
	font-weight:900;
	font-size:12px; 
	font-family:Helvetica, sans-serif; 
}

form ul li textarea {
	width:400px;
	height:100px;
	padding:3px 0 0 3px;
	background-color:white; 
	border:none;
	color:#00367e;
	font-weight:900;
	font-size:12px; 
	font-family:Helvetica, sans-serif;
}

form ul li button {
	margin:8px 0 0 2px; 
	width:65px; 
	color:#00367e;
}

div#confirmation_text {
	width:390px;
	margin:150px 0 0 -152px;
	position:absolute;
	top:52%;
	left:29.3%;
	color:#00367e;
	font-weight:500;
	}
/********************************************************************************FOOTER*************************************************************************/
div#footer {
	width:700px;
	height:50px;
	position:relative;
	top:-70px;
	margin:50px auto 0;
	text-align:center;
}

div#footer h5#tag {padding:-20px; margin-bottom:10px; opacity:0.5;}

div#footer h5{
	margin-bottom:3px;
	font-weight:normal;
	font-size:0.7em;
}

div#footer h5 strong {color:#499aff; font-size:0.9em;}

div#footer h5 a {color:white; font-size:1em;}