/* CSS Document */

body{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #a2c0e3;
}


.left{
	float: left;
}

.right{
	float: right;
}

.both{
	clear: both;
}

p, h1, h2, h3, h4, ul{
	margin: 0;
	padding: 0; 
	font-size: 0.8em;
}

img{
	border: none;
}

/* ---------- BANDEAU ---------------- */
#bandeau{
	width: 100%;
	height: 230px;
	border-bottom: 2px solid #e73020;
}

#logo{
	margin: 95px 0 0 18px;
	padding: 0;
	float: left;
}

#bandeau_01{
	width: 955px;
	height: 205px;
	margin: 0 auto;
	background-image:url(images/bandeau_01.jpg);
	background-repeat:no-repeat;
}

#bandeau_02{
	width: 955px;
	height: 205px;
	margin: 0 auto;
	background-image:url(images/bandeau_02.jpg);
	background-repeat:no-repeat;
}

#bandeau_03{
	width: 955px;
	height: 205px;
	margin: 0 auto;
	background-image:url(images/bandeau_03.jpg);
	background-repeat:no-repeat;
}

#bandeau_04{
	width: 955px;
	height: 205px;
	margin: 0 auto;
	background-image:url(images/bandeau_04.jpg);
	background-repeat:no-repeat;
}

/* ---------CONTAINER----------------*/

#container{
	width: 955px;
	height: auto;
	margin: 0 auto;
}

/* ---------MENU----------------*/


#menu{
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 0px;
	width: 100%;

}

#menu li{
	display: inline;
	margin: 0;
	padding: 0 32px 0 16px;
	background: url(images/carre.gif) no-repeat left center;
}

#menu li a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
font-family:"Trebuchet MS", Verdana;
}


/* ---------FOOTER----------------*/

#footer{
	width: 955px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #1768a6;
	font-size: 0.8em;
	clear:both;
}


#footer ul{
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
}

#footer ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a{
	color: #f00;
	text-decoration: none;
	
}	

/* ---------ACCUEIL----------------*/

#actu{
	width: 230px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

#actu h3{
color: #fff;
font-size: 1.2em;
}

#content{
	width: 529px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	float: left;
	color: #013c6a;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-x;
}

#content h2{
	color: #f00;
	font-size: 1.2em;
margin: 10px 0;
	font-family:"Trebuchet MS", Verdana;
}

#content p{
margin: 0 0 5px 0;
text-align: justify;
	
}

#video{
	width: 175px;
	height: 450px;
	margin: 0;
	float: left;
	color: #fff;
	background-image:url(images/bg_video.jpg);
	background-repeat:no-repeat;
	background-color: #fff;
}

#video h3{
text-align: center;
color: #fff;
margin: 5px 0;
font-size: 0.9em;
}

.vid{
width: 126px;
margin: 0 auto;
padding: 10px 0;
}

.vid a{
color: #013c6a;
font-weight: bold;
text-align: right;
text-decoration: none;
}

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

.newActu{
	width: 230px;	
	color: #fff;
	margin: 10px 0;
}

.newActu img{
	border: 1px solid #ff0000;
	float: left;
	margin: 0 5px 10px 0;
	
}

.newActu a{
	color: #013c6a;
	font-weight: bold;
	text-decoration: none;
}

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

.services{
	width: 255px;
float: left;
margin: 0 5px 0 0;

}

.img_index{
	float: left;
	margin: 0 5px 0 0;
border: 1px solid #0c4e82;
}

.listeServ{
	float: left;
	width: 130px;
}

.listeServ ul{
padding: 10px 0 0 14px;
list-style-type: square;
font-size: 0.7em;
}

/* ----- ACTU ----------- */
#encarAdress{
	width: 165px;
	height: 440px;
	margin: 0;
padding: 15px 0 0 10px;
	float: left;
	color: #fff;
font-size: 0.9em;
	background-image:url(images/bg_video.jpg);
	background-repeat:no-repeat;
	background-color: #fff;
}

/* ---------SERVICES ------------- */

.ul_services{
	margin: 0;
	padding: 0 0 0 15px;
	color: #f00;
	list-style-type:square;
}

.ul_services li{
color: #fff;
}

.serv_01{
width: 525px;
height: auto;
margin: 20px 0;
}

.serv_01 img{
border: 1px solid #f00;
}

.texte_serv{
width: 345px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

.texte_serv ul{
margin: 0;
padding: 0 0 0 15px;
}

/* ------- CANTACT ------- */

#content_02{
	width: 700px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	float: left;
	color: #013c6a;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-x;
}

#content_02 h2{
	color: #f00;
	font-size: 1.2em;
margin: 10px 0;
	font-family:"Trebuchet MS", Verdana;
}

#content_02 p{
margin: 0 0 5px 0;
text-align: justify;
	
}

.adress{
	width: 195px;
margin: 0 0 20px 0;
	float: left;
}

form{
clear: both;
}

form label{
float: left;
display: block;
width: 80px;
}

form .input{
width: 290px;
border: 1px solid #aaa;
}

form textarea{
width: 290px;
height: 80px;
border: 1px solid #aaa;
}

form #submit{
width: 150px;
margin: 0 0 0 80px;
border: 1px solid #aaa;
}

.right img{
border: 1px solid #fff;
margin: 0 0 15px 0;
} 

p#tt img{
border: none;
}

p#tt a{
text-decoration: none;
color: #1868a7;
font-size: 0.9em;
}
#menu li a:hover {
	color: #E73020;
}