/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em;}
html	{	font-family: Tahoma, Geneva, sans-serif; 
		color:#5E5E5E;	}	

input, textarea	{	font-family: Tahoma, Geneva, sans-serif; 
		color:black;	}	
		
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.container2{ width:909px}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }
.link1{color:#1c8cae; text-decoration:none; display:block; margin-bottom:11px  }
.link1:hover{text-decoration:underline }

#content .ol{margin:0; padding:0; font-weight:bold}
#content .ol li{ padding-bottom:11px; margin-left:25px; background:none; color:#1c8cae; list-style-position:outside; }
#content .ol li span{color:#a2a1a1; font-weight:normal} 
#content .ol li a{color:#464646; text-decoration:underline ; line-height:1.5em; font-weight:normal} 
#content .ol li a:hover { text-decoration:none; }

#content .ul1{margin:0; padding:0; list-style:none;}
#content .ul1 li{color:#6aa407; font-weight:bold; text-decoration:none; line-height:2.33em; background:url(images/tail.gif)  bottom left repeat-x; }
#content .ul1 li a{color:#6aa407; font-weight:bold; text-decoration:none; line-height:2.33em; background:url(images/marker1.gif) top left no-repeat; padding-left:20px} 
#content .ul1 li a:hover { text-decoration:none; color:#000 }

#content .ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0px; padding-left:10px; text-align:left; list-style-type:none;}
#content .ul li a{color:#313131; text-decoration:none ; line-height:1.83em; font-weight:normal} 
#content .ul li a:hover { text-decoration:underline; }

#content .ul3{margin:0; padding:0; list-style:none;}
	
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

/*header*/
#header {font-size:0.875em; color:#313131 }
#header .logo{ margin:28px 0 11px 0px }
#header b{ color:#517f05 }
#header .p{ padding:0px 0px 12px 0px}
#header .indent{margin:48px 0px 0px 720px; position:absolute}
#header .indent a{ color:#598b06; text-decoration:underline; font-size:.85em}
#header .indent a:hover{ text-decoration:none}
#header .block{ background:url(images/block.gif); width:100%}
#header .block-left{ background:url(images/block_left.gif) no-repeat top left}
#header .block-right{ background:url(images/block_right.gif) no-repeat top right; height:90px; width:100%}
#header .indent1{padding:55px 0px 0px 14px}

#header .block1{ background:url(images/block1.jpg); color:#ffffff; text-decoration:none; height:226px; margin-top:4px}
#header .block1-indent{padding:43px 0px 0px 370px;}

#header ul{margin:0; padding:0; list-style:none; position:absolute }
#header ul li{ margin:0px; display:inline; background: url(images/bg_menu.gif) no-repeat right top; float:left; padding-right:2px}
#header ul li a{color:#fff; text-decoration:none; margin:0px 0px 0px 0px; width:118px; text-align:center; display:block; float:left ; padding:11px 0px 14px 0px} 
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;  }

#header ul .first a:hover{ margin:0px; display:inline; background: url(images/bg_menu-first.gif) no-repeat right top; float:left; }
#header ul .first .current{ margin:0px; display:inline; background: url(images/bg_menu-first.gif) no-repeat right top; float:left; }
#header ul .last{ background:none;}

.row{ position:relative; margin-top:-29px}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:39px 27px 35px 27px}
#content .title{  margin-bottom:26px; padding-bottom:1px; background:url(images/tail.gif) repeat-x bottom}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-left1{ float:left; margin:0px 20px 6px 0px}
#content .img-left2{ float:left; margin:0px 15px 6px 0px}
#content .img-indent{ margin:0px 0px 5px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .p{ margin:0px 0px 13px 0px}
#content .p1{ margin:0}
#content .p2{ margin:0px 0px 23px 0px}
#content h4{color:#464646; font-size:1em; }
#content h3{color:#1c8cae; font-size:1em;  }
#content h5{color:#6aa407; font-size:1em; }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .tail1{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:0px; margin-bottom:9px}

#content .indent{padding:0px 0px 0px 0px}

#formulaire { width: 380px; padding: 5%; margin-left: auto; margin-right: auto; text-align: center;}
#formulaire label {display: inline-block; font-size:16px; width: 250px; text-align: left;}
/*#formulaire input.textfield {display: inline-block; width: 180; margin-bottom: 5px; border: #517f05 1px solid;}*/

/*edit 26/10/10 par alex */
#formulaire input.textfield {
/*display:block;*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:18px;
    margin:0 0 5px;
    padding:10px;
    width:150px;

}
.boutton_paiement {
/*border:1px solid #ACE;*/
padding:5px 15px 6px;
font-size:15px;
	}



#formulaire .error {color: #dd0000; font-style: italic;}
#formulaire input.validation-failed, #formulaire textarea.validation-failed {border: #FF3300 1px solid; color: #FF3300;}
#formulaire input.validation-passed, #formulaire textarea.validation-passed {border: #00CC00 1px solid; color: #000;}
#formulaire .validation-advice {background-color: #FF3300; color: #FFF; font-weight: bold; font-size:10px; margin-bottom: 5px;}
#formulaire .custom-advice {background-color: #C8AA00; color: #FFF; font-weight: bold; margin-bottom: 5px;}
#formulaire select {display: inline-block; width: 145px; margin-bottom: 5px; border: #517f05 1px solid;}

#formdevis {border: #ffffff 0px solid; width: 100%; padding: 0px; text-align: left;}
#formdevis fieldset{border: #464646 1px solid; width: 80%; padding: 2% 5% 2% 5%; margin-left: auto; margin-right: auto; text-align: left;}
#formdevis label, #formdevis input[type="checkbox"], #formdevis input[type="radio"] {display: inline-block; text-align: left; margin-left: 5px; margin-right: 5px;}
#formdevis label.labsized {width: 20%; margin-bottom: 5px;}
#formdevis input.textfield {display: inline-block; width: 70%; margin-bottom: 5px;}
#formdevis .error {color: #dd0000; font-style: italic;}
#formdevis .title {color: #202020; font-style: bold italic; font-size: 150%; margin-bottom: 5px;}
#formdevis .modal {color: #5E5E5E; font-style: italic; font-size: 100%; margin-bottom: 26px;}
#formdevis .modal2 {color: #a0a0a0; font-style: italic; font-size: 100%; margin-bottom: 16px;}
#formdevis .ul1 {display: block;}
#formdevis .ul1 li {background: #ffffff;}
#formdevis table {width: 100%; padding: 0px; margin: 0px;}
#formdevis tr.format {background:url(images/tail.gif)  bottom left repeat-x;}
#formdevis td {padding: 20px 0px 20px 0px;}
#formdevis td.desc {width: 85%;}
#formdevis td.prix {width: 10%; text-align: center; font-size:1.6em; font-style: bold; }
#formdevis td.check {width: 5%; text-align: center; }

/*box*/
.box{ background:#ffffff; width:100%;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:11px 25px 15px 25px; text-align:center }
#content .box p{ margin:0px 0px 9px 0px}
#content .box .p{ margin:0px 0px 15px 0px}


/*footer*/
#footer { color:#787878; font-size:0.875em; text-align:right  }
#footer .indent-footer{ padding:10px 28px 0px 28px;}
#footer a {color:#787878; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:26px}
.block-contact span{ float:right; margin-right:50px}
/*input{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:246px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}*/
textarea{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:246px; height:146px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	.link-11 {color:#DDFFDE; font-size:12.3px; text-decoration:none; margin:0px 0px 0px 11px; font-weight:bold; text-align:center; display:block; float:left ; padding:11px 0px 14px 0px}