/* CSS Document */

* { margin:0 0 0 0; padding:0;}
html{font:11px/15px tahoma, arial, Helvetica, sans-serif; color:#696969;}
body{
	background: url(images/fill.gif) left top repeat-x #ffffff;	
}

input, textarea, select{ 
	font:12px/14px tahoma, arial, helvetica, sans-serif;
	color:#696969; 
	border:1px solid #A09B96;
	vertical-align:top;
}
input{ width:177px; height:19px;}
textarea{ width:199px; height:105px; overflow:auto;}
.inp_h{ height:25px; margin:0 0 3px 0;}
/*****************************************************************/
.indent{ margin:0; padding:0;}
.block{ width:auto; margin:0; padding:0;}
.block_1{ width:auto; margin:0; padding:0;}
.block_2{ width:auto; margin:0; padding:0;}
/*****************************************************************/
ul {list-style-image : url("images/puce.gif"); }
li { text-align : left; color:#337488; margin-left :20px;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}
.en-tete { margin: 0 0 13px 0; }

/*---links---*/
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.link{background:url(images/bull.gif) 0 4px no-repeat; padding:0 0 0 10px;color:#D52D00; text-transform:uppercase; font-weight:bold; font-size:12px;}
.link_1{ color:#D52D00; text-decoration:underline;}
.link_1:hover{text-decoration:none;}
/*---//	links---*/
/*---txt---*/
.txt{ color:#424242; font-weight:bold; text-transform:uppercase;}
.txt_1{ color:#424242;}
.txt_2{color:#D52D00; text-transform:uppercase; font-weight:bold; font-size:12px;}
.txt_3{color:#696969; font-size:12px;}
/*---//	txt---*/

/*****************T************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.side_left{ background:url(images/side.gif) left top repeat-y #FFFFFF;}
.side_right{ background:url(images/side.gif) right top repeat-y;}
.side_top{ background:url(images/side.gif) left top repeat-x;}
.side_bot{ background:url(images/side.gif) left bottom repeat-x;}
/*****************end T************************/
.main {margin:0 auto;}
.main_1 {margin:0 auto;}

#header .indent{margin:0 0 0 0;}
#header .pos{ position:absolute;}
#header .indent .link_h { margin:0 286px 0 0;}
#header .menu { margin:87px 0 0 0;}
#wrapper{ background: url(images/bg_wrapp.gif) left bottom no-repeat #F2F2F2; width:100%;}

/*---index---*/
#page #wrapper { text-align:justify;}
#page #wrapper .column .txt{ color:#424242; font-weight:bold; text-transform:uppercase; font-size:15px;}

#page #wrapper .column .h{margin:15px 40px 0 40px; background:url(images/bgr_h.gif) left bottom repeat-x; }
#page #wrapper .column .indent{padding:0 0 15px 0;}
#page #wrapper .column .block{padding:17px 40px 7px 40px;}
#page #wrapper .column .block_1{padding:12px 50px 7px 40px;}
#page #wrapper .column .block_1 ul{ margin:10px 0 11px 0;}

#page #wrapper .column_1 .indent{padding:0 0 37px 0;}
#page #wrapper .column_1 .h{margin:29px 0 0 0; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page #wrapper .column_1 .apend{ height:27px; padding:40px 0 0 77px; }
#page #wrapper .column_1 .apend div{ position:absolute; }

#page #wrapper .column_1 .side_left{margin:0 0 0 0;}
#page #wrapper .column_1 .side_left .indent{padding:0 0 14px 0;}
#page #wrapper .column_1 .side_left .block{padding:71px 28px 0 28px;}
#page #wrapper .column_1 .side_left .block .img{float:left; margin:0 15px 0 0;}
#page #wrapper .column_1 .side_left .block_1{padding:12px 28px 0 28px;}
#page #wrapper .column_1 .side_left .block_1 .img{float:left; margin:0 15px 0 0;}
#page #wrapper .column_1 .side_left .block_1 .img_1{float:left; margin:0 15px 40px 0;}
#page #wrapper .column_1 .side_left .sep{margin:15px 30px 0 80px; background:url(images/bgr_h.gif) left bottom repeat-x;}

#page #wrapper .column_1 .block_2 { margin:12px 20px 0 30px;}
/*---// index---*/

/*---realisation---*/
#page_1 #wrapper { text-align:justify;}

#page_1 #wrapper .column .h{margin:15px 40px 0 40px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_1 #wrapper .column .indent{padding:0 0 15px 0;}
#page_1 #wrapper .column .block{padding:14px 40px 11px 40px;}
#page_1 #wrapper .column .block .row{width:232px; margin:14px 0 0 0;}
#page_1 #wrapper .column .block .row_1{width:170px; margin:14px 0 0 0;}
#page_1 #wrapper .column .block_1{padding:15px 50px 7px 41px;}
#page_1 #wrapper .column .block_1 .float{float:left; margin:0 20px 0 0;}
#page_1 #wrapper .column .block_1 .txt_1{padding:0 0 0 0;}
#page_1 #wrapper .column img {border:0px; margin-bottom:5px;}
#page_1 #wrapper .column a { color:#696969; }
#page_1 #wrapper .column a:hover { color:#000000; text-decoration:none;}

/*---// realisation---*/

/*---offre---*/
#page_2 #wrapper { text-align:justify;}
#page_2 #wrapper .h{margin:0 40px 0 45px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_2 #wrapper .column .indent{padding:0 0 15px 0;}
#page_2 #wrapper .column .block{padding:25px 40px 11px 45px;}
#page_2 #wrapper .column .block ul{ margin:14px 0 14px 0;}

#page_2 #wrapper .column_1 .indent{padding:0 0 22px 0;}
#page_2 #wrapper .column_1 .h{margin:15px 0 0 0; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_2 #wrapper .column_1 .h_1{margin:39px 0 0 0; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_2 #wrapper .column_1 .h_2{margin:25px 0 0 0; width:575px; padding-bottom:0px;}


#page_2 #wrapper .column_1 .titre { height:40px; width:570px; text-align:left; vertical-align:middle;}
#page_2 #wrapper .column_1 .liste { width:545px; padding:4px 10px 4px 10px;}
#page_2 #wrapper .column_1 .inclu { width:30px; height:22px; padding:4px 10px 4px 10px;}
#page_2 #wrapper .column_1 .liste_titre { width:420px; color:#337488; padding-left:10px; font-size:18px;}
/*---// offre---*/

/*---contact---*/
#page_3 #wrapper { text-align:justify;}
#page_3 #wrapper .h{margin:0 40px 0 40px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_3 #wrapper .indent{padding:0 0 15px 0;}
#page_3 #wrapper .h_1{margin:20px 20px 0 10px; background:url(images/bgr_h.gif) left bottom repeat-x;}

#page_3 #wrapper .title{ margin: 0 0 15px 19px;}
#page_3 #wrapper .col_1 .indent_box{ margin:0 0 0 40px; width:240px; text-align:justify;}
#page_3 #wrapper .col_1 .ind_text{ margin:0 0 0 0;}
#page_3 #wrapper .col_1 .ind_img{ margin:19px 0 20px 0; display:block;}
#page_3 #wrapper .col_1 a { color:#696969;}
#page_3 #wrapper .col_1 a:hover { color:#696969;}
#page_3 #wrapper .col_1 .logo {margin:30px 0 15px 0;}

#page_3 #wrapper .col_2 { text-align:justify;}
#page_3 #wrapper .col_2 .indent_box{ margin:0 0 0 40px; width:500px; text-align:justify;}
#page_3 #wrapper .col_2 .ind_text{ margin:30px 0 0 0; font-size:12px;}
#page_3 #wrapper .col_2 .ind_img{ margin:21px 0 16px 0; display:block;}
#page_3 #wrapper .col_2 .col_box{ margin:25px 0 25px 0; width:665px; text-align:left;}
#page_3 #wrapper .col_2 .col_box_1{ width:230px; float:left}
#page_3 #wrapper .col_2 .col_box_2{ width:435px; float:left}
#page_3 #wrapper .col_2 .h_f{ height:25px; margin: 5px 0 10px 0;}
#page_3 #wrapper .col_2 .input{ width:180px; height:18px; padding-top:4px;}
#page_3 #wrapper .col_2 textarea{ width:432px; height:210px; overflow:auto; margin: 4px 0 10px 0;}
#page_3 #wrapper .col_2 textarea, #page8 .content .col_2 .input{ border:1px solid #d1d1d1; color:#000; font-family:Tahoma; font-size:11px;}
#page_3 #wrapper .col_2 .submit{width:80px;}

/*---// contact---*/

/*---page_4---*/
#page_4 #wrapper .column .h{margin:15px 20px 0 10px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_4 #wrapper .column .indent{padding:0 0 12px 0;}
#page_4 #wrapper .column .block{padding:11px 40px 11px 40px;}
#page_4 #wrapper .column .block ul{margin:14px 0 20px 0;}
#page_4 #wrapper .column .block .ul{margin:14px 0 0 0;}

#page_4 #wrapper .column .block_1{padding:15px 0 7px 41px;}
#page_4 #wrapper .column .block_1 ul{ margin:16px 0 11px 0;}

#page_4 #wrapper .column_1 .indent{padding:0 0 23px 0;}
#page_4 #wrapper .column_1 .h{margin:15px 0 0 0; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_4 #wrapper .column_1 .block { margin:15px 0 0 31px; padding:0 0 18px 0;}
#page_4 #wrapper .column_1 .block .float { float:left; margin:0 20px 0 0;}
#page_4 #wrapper .column_1 .block ul {margin:14px 0 0 0;}
#page_4 #wrapper .column_1 .block_1 { margin:12px 10px 0 31px;}
#page_4 #wrapper .column_1 .block_1 .right { padding:14px 0 0 0;}
/*---// page_4---*/

/*---page_5---*/
#page_5 #wrapper .column .h{margin:15px 20px 0 10px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_5 #wrapper .column .indent{padding:0 0 15px 0;}
#page_5 #wrapper .column .block{padding:0 40px 23px 10px;}
#page_5 #wrapper .column .block .float{float:left; margin:0 5px 0 0;}
#page_5 #wrapper .column .block ul{margin:17px 0 0 0;}
#page_5 #wrapper .column .block_1{padding:10px 20px 7px 41px;}
#page_5 #wrapper .column .block_1 .float{float:left; margin:0 20px 0 0;}
#page_5 #wrapper .column .block_1 .txt_1{padding:0 0 0 0;}
#page_5 #wrapper .column .block_1 ul{ margin:10px 0 11px 0;}

#page_5 #wrapper .column_1 .indent{padding:0 0 37px 0;}
#page_5 #wrapper .column_1 .h{margin:15px 0 0 0; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_5 #wrapper .column_1 .block { margin:12px 0 0 31px; padding:0 0 12px 0;}
#page_5 #wrapper .column_1 .block .indent { padding:17px 10px 23px 0;}
#page_5 #wrapper .column_1 .block_1 { margin:12px 10px 0 31px;}
#page_5 #wrapper .column_1 .block_1 .right { padding:14px 0 0 0;}
/*---// page_5---*/

/*---page_6---*/
#page_6 #wrapper .column .h{padding:15px 10px 0 0; margin:0 0 0 10px; background:url(images/bgr_h.gif) left bottom repeat-x;}
#page_6 #wrapper .column .indent{padding:0 0 15px 0;}
#page_6 #wrapper .column .block{padding:11px 20px 23px 40px; line-height:16px;}
/*---// page_6---*/

#footer { background: url(images/footer.gif) left top repeat-x; color:#696969; text-align:center; }
#footer a{ color:#696969;}
#footer .indent {padding:7px 0 0 0px;}

/*---roll over---*/
.button a{
	padding : 0px 0px 0px 10px;
	width : 102px;
	display : block;
	height : 19px;
	color : #FFFFFF;
	background : url("images/button_over.gif") 0 0 no-repeat;
	text-decoration : none;
	font-weight : bold;
	vertical-align : middle;
}

.button a:hover{
	color : #FFFFFF;
	background : url("images/button_over.gif") 0 -19px no-repeat;
	text-decoration : none;
	font-weight : bold;
}

/*---roll over---*/
.button_contact a{
	padding : 0px 0px 0px 10px;
	width : 930px;
	display : block;
	height : 48px;
	color : #FFFFFF;
	background : url("images/button_contact.jpg") 0 0 no-repeat;
	text-decoration : none;
	font-weight : bold;
	vertical-align : middle;
}

.button_contact a:hover{
	color : #FFFFFF;
	background : url("images/button_contact.jpg") 0 -48px no-repeat;
	text-decoration : none;
	font-weight : bold;
}