body {

	margin:0;
	padding:0;
	color:#5b5b5b;
	font-size:12px;
	background: #03121c url(../images/top.jpg) top center no-repeat;	
	font-family:Georgia;

	}
	
/* HEADER */	

div#header{
	width:100%;
	height:100px;
	margin:40px 0 0 0;
	padding:0px;
}

div#header_content{
	width:960px;
	height:100px;
	margin: 0 auto;
}

/* TOP MENU */	

div#menu{
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
}

div#menu_content{
	width:960px;
	background:url(../images/menu_bg.jpg);
	height:50px;
	margin: 0 auto;
}

#menu_content li {
	display:inline;
	float:left;
	font:14px  Arial;
}

#menu_content ul {
	margin-left:-30px;
}

#menu_content li a {
	display:block;
	float:left;
	font-weight:bold;
	line-height:50px;
	color:#fff;
	text-decoration:none;
	background:transparent url(../images/menu_separateur.jpg) no-repeat right;
}

#menu_content a {
	padding:0 30px 0 30px;
}

#menu_content a:hover{
	color:#169bdc;
}

/* CONTENU */

div#container{
	width:100%;
	margin:0px;
	padding:0px;
}

div#container_content{
	width:960px;
	margin: 0 auto;
	background:#fff;
}

/* CONTACT PAGE */

#contact_content{
	padding:30px 0 0 0;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
}

#contact_left{
	width:510px;
	height:auto;
	padding:0 20px 0 30px;
	float:left;
}

#contact_right{
	width:350px;
	height:480px;
	padding:120px 0 0 50px;
	background: url(../images/contact_bg.jpg) no-repeat;
	float:right;
}
	
.contact{
	background: url(../images/pictos/contact.jpg) no-repeat;
	height:50px;
	padding:16px 0 0 66px;
	margin:0 0 20px 0;
}

/* FORM */

.form{
	width:510px;
	height:25px;
	margin-bottom:10px;
}

.form_txt{
	width:140px;
	padding:2px 20px 0 0;
	text-align:right;
	height:23px;
	float:left;
}

.form_btn{
	width:346px;
	height:25px;
	float:left;
}

input{
	width:346px;
	height:21px;
	float:left;
	background: url(../images/form.jpg) top;	
	border:none;
	padding:4px 0 0 4px;
	font-family:georgia;	
}

input:hover{
	width:346px;
	height:21px;
	float:left;
	background: url(../images/form.jpg) bottom;
}




.message{
	width:510px;
	height:95px;
	margin-bottom:10px;
}

.message_txt{
	width:140px;
	padding:2px 20px 0 0;
	text-align:right;
	height:93px;
	float:left;
}

#message_field{
	width:346px;
	height:91px;
	float:left;
	background: url(../images/message.jpg) no-repeat top;	
}

#message_field:hover{
	width:346px;
	height:91px;
	float:left;
	background: url(../images/message.jpg) no-repeat bottom;	
}

input{

}

.btn input{
	border:none;
	padding:0;
	font-family:georgia;
	width:114px;
	height:20px;	
}

.btn{
	padding:0;
	width:114px;
	height:20px;
}

.btn:hover{
	padding:0;
	width:114px;
	height:20px;
}

/* INFORMATIONS */

.informations{
	width:310px;
	overflow:hidden;
	margin-bottom:30px;
}

.informations_title{
	width:100px;
	padding:0 0 0 10px;
	float:left;
	font-weight:bold;
}

.informations_txt{
	width:190px;
	float:left;
}

.information_title{
	padding:0 0 0 8px;
}

.information_title h2{
	padding:20px 0 20px 0;
	color:#5b5b5b;
}

/* SITUATION */

#situation_content{
	width:900px;
	padding:30px 30px 30px 30px;
	font-size:12px;
	line-height:20px;
	background: url(../images/content_bg.jpg) no-repeat bottom;		
}

.situation{
	background: url(../images/pictos/situation.jpg) no-repeat;
	height:50px;
	padding:16px 0 0 80px;
	margin:0 0 20px 0;
}

#map{
	width:878px;
	height:454px;
	padding:10px;
	border:1px solid #84b2d3;
}


/* FOOTER */

div#footer{
	width:100%;
	margin:0px;
	padding:0px;
}

div#footer_content{
	width:960px;
	height:100px;
	margin: 0 auto;
	padding:100px 0 0 0;
	font-family:arial;
	color:#576170;
	font-size:10px;
	background: url(../images/footer.jpg) no-repeat;
}

div#footer2{
	width:100%;
	margin:0px;
	padding:0px;
}

div#footer2_content{
	width:960px;
	height:220px;
	margin: 0 auto;
	padding:30px 0 60px 0;
	font-family:arial;
	color:#576170;
	font-size:10px;
	text-align:justify;
	background: url(../images/footer2.jpg) no-repeat;
}

div#footer_content a{
	font-weight:bold;
	font-size:11px;
	color:#169bdc;
	text-decoration:none;
}

div#footer_content a:hover{
	text-decoration:underline;
}

/* FOOTER CONTENT */

.footer_box{
	width:280px;
	height:150px;
	float:left;
	padding:0 0 0 30px;	
	background:url(../images/separateur.png) right no-repeat;
}

.footer_box_right{
	width:310px;
	height:150px;
	float:left;
	margin:0 0 40px 30px;	
}

.picto{
	width:80px;
	height:130px;
	float:left;
}

.txt_footer{
	width:180px;
	height:130px;
	float:left;
	font-size:11px;
	padding:0 20px 0 0;
	line-height:18px;
}

.title{
	font-size:14px;
	color:#fff;
	padding:0 0 10px 0;
	text-transform:uppercase;
}

.footer_btn{
	width:114px;
	height:20px;
	margin-left:80px !important;
	margin-left:40px;
	float:left;
}

.btn_footer{
	padding-left:80px;
}

/* BTN FOOTER */

a.footer_btn:link{
width: 114px;
height:17px;
display: block;
padding:3px 0 0 0;
color: #fff;
font-weight:bold;
text-align:center;
text-decoration: none;
background:url(../images/btn.jpg) top;
}

a.footer_btn:visited{
width: 114px;
height:17px;
display: block;
padding:3px 0 0 0;
color: #fff;
font-weight:bold;
text-align:center;
text-decoration: none;
background:url(../images/btn.jpg) top;
} 

a.footer_btn:hover{
width: 114px;
height:17px;
display: block;
padding:3px 0 0 0;
color: #fff;
text-align:center;
font-weight:bold;
text-decoration: none;
background:url(../images/btn.jpg) bottom;
}


/* TXT */

h1{
	font-size:24px;
	font-family:arial;
	text-transform:uppercase;
}


h2{
	color:#a3a4a4;
	font-size:16px;
	font-family:arial;
	padding:20px 0 20px 0;
	text-transform:uppercase;
}

#content h2{
	color:#5f5f5f;
	font-size:16px;
	font-family:arial;
	padding:0;
	margin:0;
	text-transform:none;
}

#content_right h2{
	color:#5f5f5f;
	font-size:16px;
	font-family:arial;
	padding:0;
	margin:0;
	text-transform:uppercase;
	padding-left:4px;
}

#activite_content h2{
	color:#5f5f5f;
	font-size:16px;
	font-family:arial;
	padding:0;
	margin:0;
	text-transform:uppercase;
}

#savoir h2{
	color:#5f5f5f;
	font-size:16px;
	font-family:arial;
	padding:0;
	margin:0;
	text-transform:uppercase;
}

h3{
	font-size:32px;
	font-family:arial;
	text-transform:uppercase;
	padding:0;
	margin:0;
	color:#19202b;
}

h4{
	font-size:11px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

a{
	font-weight:bold;
	font-size:11px;
	color:#169bdc;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/* SLIDESHOW */

#slideshow{
	width:960px;
	height:240px;
	background: url(../images/slideshow2.jpg) no-repeat;	
}

/* CONTENT */

#content{
	width:960px;
	background: url(../images/barre.jpg) no-repeat top;
	overflow:hidden;
	text-align:justify;
	margin-bottom:15px;
}

#content_left{
	width:570px;
	padding:75px 0 0 30px;
	float:left;
	line-height:24px;
}

#content_right{
	width:312px;
	padding:30px 0 0 48px;
	float:right;
	height:auto;
	background: url(../images/shadow.jpg) no-repeat top;
}

/* SAVOIR */

#savoir{
	width:930px;
	background: url(../images/savoir_bg.jpg) repeat-x top;
	height:290px;
	padding:30px 0 0 30px;
	overflow:hidden;
	text-align:justify;
}



.titre{
	height:25px;
	float:left;
	margin-right:20px;
}

.titre_right{
	height:25px;
	margin-right:20px;
	margin-bottom:10px;
}	

.lien{
	height:20px;
	float:left;
	padding:5px 0 0 0;
}

.lien_gallery{
	height:20px;
	float:left;
	padding:15px 0 0 0;
}


/* ILLUSTRATION */

#illustration{
	width:900px;
	overflow:hidden;
	padding:10px 0 0 0;
	clear:left;
}

.illustration{
	width:288px;
	float:left;
	padding:10px 0 0 0;
}

.illustration2{
	width:288px;
	float:left;
	margin:0 0 0 17px;
	padding:10px 0 0 0;
}

.illustration3{
	width:288px;
	float:right;
	padding:10px 0 0 0;
}

.illustration_img{
	width:288px;
	height:158px;
}

.illustration_txt{
	width:280px;
	height:45px;
	font-family:Arial;
	padding:5px 4px 0 4px;
	font-size:11px;
}

.illustration_txt a{
	color:#5b5b5b;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.illustration_txt a:hover{
	color:#5b5b5b;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}


/* ACTIVITE PAGE */

#activite_content{
	padding:30px;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
}

.activite{
	background: url(../images/pictos/activite.jpg) no-repeat;
	height:50px;
	padding:20px 0 0 75px;
	margin:0 0 20px 0;
}

.box_activite{
	width:870px;
	height:150px;
	background:#f5f5f5;
	padding:15px;
	font-size:11px;
	margin-top:20px;
	line-height:14px;
}

.activite_img{
	width:250px;
	height:150px;
	float:left;
	background:#ccc;
}

.activite_txt{
	width:605px;
	height:150px;
	float:left;
	margin-left:15px;
}

.oblique{
	font-size:10px;
	font-style:oblique;
	color:#169bdc;
}

.shadow{
	background:url(../images/ombre.jpg) no-repeat;
	width:900;
	height:8px;
}

/* REALISATION PAGE */

.realisation{
	background: url(../images/pictos/apn.jpg) no-repeat;
	height:50px;
	padding:26px 0 0 85px;
	margin:0 0 20px 0;
}

#box1{
	margin-top:30px;
}

img{
	border:none;
}

#confirmation{
	font-size:11px;
	color:red;
	margin-top:20px;
	font-weight:bold;
}

.xiti{
	display:none;
}

.design a{
	color:#576170;
	font-size:10px;
}

.design a:hover{
	color:#576170;
	font-size:10px;
	text-decoration:underline;
}