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

/* BALISES
--------------------------------------------- */
img{ border:none;}
body{ 
font-family:verdana, arial, Helvetica, sans-serif, Tahoma;
margin:0;
background:#1e98ec url(../img/fond-site.jpg) no-repeat top center;
color:#242424;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:11px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}

a{
text-decoration:none;
}

h1{
color:#1E98EC;
background:transparent url(../img/border_h1.gif) no-repeat bottom left;
padding-bottom:10px;
margin-right:10px;
font-weight:normal;
font-size:18px;
width:717px;
float:right;
text-align:right;
}

h2{
color:#006fc5;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
}

h3{
width:213px;
font-weight:bold;
font-size:14px;
color:#242424;
margin:0;
padding:3px 3px 10px 10px;
_padding:3px 3px 50px 10px;
background:transparent url(../img/stitre.gif) no-repeat bottom left; 
}

p{
padding:0px;
margin:0px;
}

input{
background:none;
}

fieldset, input, textarea, hr{
border:none;
padding:0;
}

fieldset{
float:left;
}

form{
margin:0;
padding:0;
}

.clear{
clear:both;
}

.center{
text-align:center;
}

.fl{
margin-right:5px;
float:left;
}

.fr{
margin-left:5px;
float:right;
}

.mt{
margin-top:10px;
}

.mb{
margin-bottom:10px;
}

.txt_bleu{
color:#1e98ec;
}

.ligne_bleu{
width:725px;
height:2px;
margin-bottom:5px;
float:left;
clear:both;
background:transparent url(../img/tiret.jpg) no-repeat top left
}

.title_bleu{
font-size:14px;
color:#1e98ec;
margin:0 0 10px 0;
display:block;
float:left;
width:710px;
}

#conteneur{
margin:10px auto 0 auto;
width:987px;
height:auto;
padding:5px 5px 0 5px;
position:relative;
background:#FFFFFF url(../img/fond_conteneur.jpg) repeat-y top left;
}

#header{
z-index:100;
position:relative;
width:987px;
height:279px;
background-color:#e8e8e8;
}

#center{
width:987px;
height:auto;
z-index:1;
_margin-top:10px;
.margin-top:10px;
right:0;
float:right;
height:auto;
position:relative;
background:#FFFFFF url(../img/fond.gif) top left;
}

#header_menu {
height: 120px;
height:139px !important!;
position: relative;
background-color:#E8E8E8;
width:231px;
z-index:1;
margin-bottom:10px;
}


/* MENU */
#header_menu .menu {
margin-top:22px;
}

#header_menu .menu li {
height: 23px;
width: 206px;	
}

#header_menu .menu li a{
height: 17px;
width: 206px;
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
padding:5px 0 0 25px;
overflow: hidden;	
display: block;
color:#1e98ec;
background-image: url(../img/fond_menu.gif);
background-repeat: no-repeat;
background-position: -231px 0;
}

#header_menu .menu li a:hover{
	color:#FFFFFF;
}

#header_menu .menu li a.current{
	background-position: 0 0;	
	color:#FFFFFF;
}

/*
#header .menu li a:hover{
	background-position: 0 0;	
}
*/

#header_menu .menu li a span{	
}



/* Sous menu
--------------------------------------------- */
#header_menu .submenu {
	top:21px;
	position: absolute;
	left: 150px;	
}

#header_menu .submenu li a{
	height: 22px;
	width: 126px;
	overflow: hidden;	
	display: block;
	background-image: url(../i/btn/bckMenuBtn.png);
	background-repeat: no-repeat;
	background-position: -126px 0;
}

#header_menu .submenu li a.current{
	background-position: 0 0;	
}



#gauche{
width:230px;
height:auto;
float:left;
z-index:1;
top:-17px;
position:relative;
_position:absolute;
_position:relative;
}

#actu{
width:230px;
float:left;
margin-top:10px;
}

#actu p{
color:#242424;
margin-top:2px;
width:230px;
padding:5px 10px 0 0;
text-align:justify;
}

#actu p a{
color:#242424;
text-decoration:underline;
}

#actu p img{
float:left;
padding:0 10px 10px 10px;
}

#actu p span{
display:block;
float:right;
padding:3px 3px 3px 0;
}

#droite{
width:725px;
height:auto;
float:right;
position:relative;
_position:absolute;
_position:relative;
}

.news{
width:707px;
margin:0 10px 10px 10px;
float:left;
}

.ul_presentation{
float:left;
width:400px;
margin-top:20px;
}

.ul_presentation li{
background:transparent url(../img/puce.png) no-repeat top left;
padding-left:20px;
margin-top:3px;
}

.news p{
float:left;
text-align:justify;
margin-top:10px;
width:450px;
_width:420px;
}

.news dl{
float:left;
clear:both;
margin-right:30px;
}

.news dt{
font-size:12px;
margin-bottom:10px;
font-weight:bold;
color:#006FC5;
}

.news dd{
background:transparent url(../img/ico_maison.png) no-repeat scroll left center;
padding-left:20px;
margin:3px 5px 0 10px;
}

#listdl{
float:left;
width:510px;

}

#img_prestation{
float:left;
width:150px;
}


/* GALERIE PHOTOS
--------------------------------------------- */
#galerie_realisations{
}

#galerie_realisations li{
border:1px solid #e8e8e8;
padding:5px;
margin:0 30px 10px 0;
float:left;

}

/* PAGE CONTACT
--------------------------------------------- */
#formulaire{
width:650px;
height:auto;
margin:10px 0;
float:left;
}

.inputtext, #textarea{
margin-bottom:10px;
overflow:hidden;
margin-bottom:6px;
}

.inputtext{
height:20px;
width:300px;
background-color:#ECECEC;
border:1px solid #D3D3D3;
}

.inputtext label, .textarea label{
width:84px;
display:block;
float:left;
color:#1E98EC;
overflow:hidden;
padding:7px 0 0 5px;
border-right:1px solid #D3D3D3;
}

.inputtext input{
width:202px;
height:15px;
padding:0 0 0 5px;
font-family: Arial, verdana, Helvetica, sans-serif;
color:#7e7e7e;
float:left;
}

.textarea{
border:1px solid #ECECEC;
background-color:#ECECEC;
width:650px;
}

.textarea textarea{
width:650px;
background:none;
height:151px;
padding:2px 0 0 5px;
color:#7e7e7e;
}

.inputfile{
width:229px;
float:left;
height:22px;
margin:10px 0 0 84px;
}

.btenvoie{
clear:both;
display:block;
float:left;
margin:10px 0 0 0;
}

#img_contact {
height:196px;
left:350px;
position:absolute;
top:65px;
_top:40px;
width:300px;
z-index:100;
}



#footer{
margin:0 auto;
width:997px;
height:auto;
padding:50px 0 5px 0;
position:relative;
min-height:30px;
border-bottom:5px solid #FFFFFF;
background:transparent url(../img/fond_footer.gif) no-repeat top left
}

#footer p{
color:#242424;
}

#footer p a{
color:#242424;
}

#footer p a:hover{
color:#1e98ec;
}

.fl-footer{
float:left;
width:300px;
}

.fr-footer{
float:right;
margin-right:10px;
}

.fl-footer p{
text-align:left;
padding-left:10px;
}

#fond{
background:transparent url(../img/fond.gif) repeat-y top left;
float:left;
width:960px
}