/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; background-color: #3e230f}
body {font-size:100%; line-height:1.125em;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#7f7e79;	}	

strong {color: #ee7f00; font-weight: bold}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
.imgleft {float: left; margin: 0 10px 15px 0}

a {text-decoration:dotted} 
a:hover {text-decoration:underline}

.link{color:#706054; font-weight:bold; background:url(images/marker.gif) top left no-repeat; padding-left:8px; background-position:0 5px; text-transform:uppercase}
.link1{color:#ff3a00; font-size:1.16em; display:block; margin-bottom:15px}
.link2{color:#ff3a00;}

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:14px; }
ul li a{color:#ed9743; text-decoration: underline; line-height:1.83em} 
ul li a:hover { text-decoration:none; }

.ul{margin:0; padding:0 0 0 35px; list-style:none;}
.ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:13px; }
.ul li a{color:#474747; text-decoration: none; line-height:1.85em; font-size:1.16em} 
.ul li a:hover { text-decoration:underline; }

.ul1 li{background:url(images/tail1.gif) repeat-x bottom; margin:0; padding-left:0 }
.ul1 li a{background:url(images/tail2.gif) repeat-x bottom; color:#77756a; font-weight:bold; text-decoration: none; line-height:21px; padding-bottom:3px;} 
.ul1 li a strong{color:#ff3a00; font-weight:normal; text-decoration:none; font-size:1.16em} 
.ul1 li span{ background:url(images/tail2.gif) repeat-x bottom; color:#ff3a00; font-weight:normal; text-decoration:none; float:right; color:#77756a; padding-bottom:3px;} 
.ul1 li a:hover { text-decoration:underline; }

.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:0 11px 3px 18px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 11px 3px 18px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


/*header*/
#header { position:relative; font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:0 0 42px 0 }
#header .slogan{ margin:0 0 0px 0 }
#header .tel{position: absolute; top:334px; left: 601px}
#header .indent{padding:103px 0 0px 397px}
#header h2 span, #header h4 span {display: none}
h2#slogan {width:275px;height:141px;background:url(images/slogan.gif) no-repeat;margin-bottom: 141px;font-size: 18px;text-align: left}

#contact {float: right; margin-right: 30px; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; color:#7f7e79;}
#contact a {color: #f25f0c; text-decoration:none;} 
#contact a:hover {color: #f25f0c; text-decoration:none; font-weight: bold}
#contact a.investisseur {display:block inline; background-color: #f25f0c; padding: 1px 3px; text-decoration:none; color:white} 
#contact a.investisseur:hover {color: white; text-decoration:none; font-weight: bold} 



#content .row1{ width:100%; background:#72401b; color: white}
#content .row2{ width:100%; background:#ee7f00; color: white}
#content .indent-row1{padding:25px 20px 27px 34px}
#content .indent-row2{padding:25px 20px 35px 34px}

/*content*/
#content{ font-size:12px; line-height: 16px; width:100%; text-align:left; background:url(images/bg_cont.gif)}
#content .indent-col{padding:37px 30px 0 35px}
#content .indent-col1{padding:0 33px 0 35px}
#content .indent-col2{padding:37px 33px 30px 31px}
#content .indent-col3{padding:0 33px 20px 35px}
#content .indent-col4{padding:0px 33px 20px 35px}

#content .title{  margin-bottom:23px}
#content .title1{  margin-bottom:28px}
#content .title2{  margin:20px 0 28px 0}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px -12px}
#content .img-indent1{ margin:0 0 16px 0}

#page6 #content p{ margin:0 0 17px 0}
#content p{ margin:0 0 7px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 35px 0}
#content h4{font-size:13px; color:#72401b; }
#content h3 { font-size:14px; width:100%; text-align:left; margin-bottom: 10px}
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:19px}

#content .indent{padding:0 0 0 32px}
#content .indent1{padding:11px 0 0 0}

#content h2 span, #content h4 span, #content h6 span {display: none}
h2#titre_bienvenue {width:600px;height:23px;background:url(images/titre_bienvenue.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_securite2 {width:600px;height:23px;background:url(images/titre_securite2.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_devis {width:350px;height:23px;background:url(images/titre_devis.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_sites {width:360px;height:23px;background:url(images/titre_sites.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_faq {width:600px;height:23px;background:url(images/titre_faq.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_formulaire {width:350px;height:23px;background:url(images/titre_formulaire.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_marchandises {width:187px;height:55px;background:url(images/titre_marchandises.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h2#titre_partenaires {width:360px;height:23px;background:url(images/titre_partenaires.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}
h4#titre_securite {width:210px;height:40px;background:url(images/titre_securite.gif) no-repeat;margin-bottom: 15px;font-size: 14px;text-align: left}
h4#titre_actualites {width:210px;height:23px;background:url(images/titre_actualites.gif) no-repeat;margin-bottom: 15px;font-size: 14px;text-align: left}

h2#titre_investisseurs {width:600px;height:23px;background:url(images/titre_investisseur.gif) no-repeat;margin-bottom: 23px;font-size: 16px;text-align: left}

#solution1 {margin-top:75px; padding:5px; background:#fbe7c1; text-align:center}
#solution2 {margin-top:75px; padding:5px; background:#fbe7c1; text-align:center}
#solution3 {margin-top:75px; padding:5px; background:#fbe7c1; text-align:center}
#solution1 h4, #solution2 h4, #solution3 h4 {font-size:15px; color:#72401b; border-bottom: 1px solid #72401b; margin-top: 5px; margin-bottom: 8px; padding-bottom: 8px}
.prix {font-size:133%}

#actualites { text-align: left; width: 269px; height: 170px;font-size:12px;color:white;background: #ee7f00;	}
#actualites h6 { text-align: left; font-size:12px; color:#241c1a;}
#actualites strong {color: #72401b; font-weight: normal}

#content a {color: #ee7f00; text-decoration:none; border-bottom: 1px dotted #ee7f00} 
#content a:hover {color: #ee7f00; text-decoration:none; border-bottom: 1px solid #ee7f00}

#estimation { width: 400px; padding: 10px; background-color: #fbe7c1;}
#resultat { width: 177px; margin-bottom: 15px; padding: 5px; text-align: center; font-size:12px; }
#resultat h4{font-size:14px; margin-bottom:10px; color:#72401b; }
#resultat h6 { text-align: center; font-size:18px; color:#3e230f; margin: 8px 0}
.etoile {font-size: 11px;}
.tarifs {font-size: 15px;color:#3e230f; font-weight: bold}

strong.marron {color:#3e230f; }
strong.marron2 {color:#72401b; }

img.lateral {border-left: 6px #72401b solid; margin-bottom: 20px}
.texte2 {font-size:11px; line-height: 13px}
/*box*/
.box{ background:#ffffff; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.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:10px 12px 10px 12px; text-align: center }
#content .box p{ margin:0}
#content .box img{ margin:0; padding: 0}
h6#particulier {width:142px;height:20px;background:url(images/titre_particulier.gif) no-repeat;margin: 0px auto 10px; font-size: 14px;text-align: center}
h6#professionnels {width:142px;height:20px;background:url(images/titre_professionnels.gif) no-repeat;margin: 0px auto 10px; font-size: 14px;text-align: center}
h6#ounoustrouver {width:150px;height:20px;background:url(images/titre_ounoustrouver.gif) no-repeat;margin: 0px auto 10px; font-size: 14px;text-align: center}

/*footer*/
#footer { color:#9b9788; font-size:10px;}
#footer .indent-footer{ padding:8px 30px 8px 40px; background:url(images/bot.gif) }
#footer a {color:#9b9788; text-decoration:none; border-bottom: #9b9788 1px dotted}  
#footer a:hover {text-decoration:none; border-bottom: #9b9788 1px solid}

#partenaires {float: right; color:#ee7f00;}
#partenaires a {color:#ee7f00; text-decoration:none; border-bottom: none}  
#partenaires a:hover {text-decoration:underline; border-bottom: none}

#copyright {float: right;  margin-left: 410px; color:#3e230f;}
#copyright a {color:#3e230f; text-decoration:none;  border-bottom: #3e230f 1px dotted}  
#copyright a:hover {text-decoration:none;  border-bottom: #3e230f 1px solid}  

.indent-2{ position:relative; float:left; padding-left:20px}
.h{ height:28px}
.block-contact span{ float:right; margin-right:40px}

textarea{border:1px solid #ccc; background:#FFFFFF;font-size:1em;padding-left:5px;margin-bottom:11px;overflow:auto}
	
/* Mise en forme simple pour les tableaux */
table { margin-top: 10px; border: none; border-collapse: collapse; border-spacing: 0;}
table.filet { border: 1px solid #ccc;}        
table td, table th {padding: 2px; border: none; vertical-align: top; text-align: left;}
table td.filet, table th.filet {padding: 4px; border: 1px solid #ccc;}
table td.filet2, table th.filet2 {padding: 4px;border: 1px solid #ccc; text-align: right}		
td.mentions {font-size: 9px; line-height: 11px}

/* Formulaires */
form, fieldset {margin: 0;padding: 0;border: none;}
input, button, select {vertical-align: middle; color:#000000}

