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

/*                     */
/*                     */
/*     Reset Style     */
/*                     */
/*                     */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img, a { 
	border: 0;
	margin:0;
	padding:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
	
hr { 
	display:none;
	}
/*mise en place generale*/
html,body {
	background:#000000 url(images/navigation/bandeau_fond.gif) repeat-x center 157px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3{color:#e85618;}
h1{position:absolute;left:-5000px;}
h2{font-size:14px;margin-bottom:0.7em;font-weight:bold;}
h2 span{font-size:12px;margin-bottom:0.7em;font-weight:normal; font-style:italic;}
h3{font-size:12px;margin-bottom:0.5em;}

a:link, a:visited{color:#e87b0c;text-decoration:none}
a:hover{color:#e87b0c;text-decoration:underline}
p, address{margin-bottom:1em;}
ul, ol{margin-bottom:1em;}

ul{list-style: url(images/puce.jpg);margin:0.4em 4.5em 1.4em;}
ol{list-style:decimal;margin:0.4em 2.5em 1em;}
li{margin-bottom:0.6em;}

strong{font-weight:bold;}
strong span{color:#e87b0c;}

#contener {
	width: 980px;
	position:relative;
	margin:0 auto;
}
#contener #logo_contact {
	background: url(images/haut_page.jpg) no-repeat -1px 0px;
	width: 950px;
	height: 157px;
}
#contener #visu_gauche {
	background-image: url(images/visu_gauche.jpg);
/*	height: 443px;*/
	height: 600px;
	width: 200px;
	background-repeat: no-repeat;
	float: left;
}
#contener #contenu {
	float: left;
	width:749px;
	background: url(images/bg-content.jpg) no-repeat 0 39px;
}
#contener #contenu #flashcontent {
   margin:0;
}


/*                     */
/*                     */
/*navigation principale*/
/*                     */
/*                     */
#contenu {color:#fff7d7;}
#contenu #navi_princip{
	background: #ddd url(images/navigation/bg-mainmenu.jpg) no-repeat top left;
	height:39px;
	overflow:hidden;
}
#contenu #navi_princip dl dt {
	float : left;
}
#contenu #navi_princip a {
	display: block ;
	background-position: 0 -39px;
	background-repeat: no-repeat;
}
#contenu #navi_princip a:hover {
	background-position: 0 0;
	background-repeat: no-repeat;
}


#contenu #navi_princip a#accueil {
	background-image: url(images/navigation/background_accueil.jpg);
}
#contenu #navi_princip a#accueil:hover {
	background-image: url(images/navigation/background_accueil.jpg);
}
#contenu #navi_princip a#qui {
	background-image: url(images/navigation/background_qui.jpg);
}
#contenu #navi_princip a#qui:hover {
	background-image: url(images/navigation/background_qui.jpg);
}
#contenu #navi_princip a#avantages {
	background-image: url(images/navigation/background_avantages.jpg);
}
#contenu #navi_princip a#avantages:hover {
	background-image: url(images/navigation/background_avantages.jpg);
}
#contenu #navi_princip a#services {
	background-image: url(images/navigation/background_services.jpg);
}
#contenu #navi_princip a#services:hover {
	background-image: url(images/navigation/background_services.jpg);
}
#contenu #navi_princip a#faq {
	background-image: url(images/navigation/background_faq.jpg);
}
#contenu #navi_princip a#faq:hover {
	background-image: url(images/navigation/background_faq.jpg);
}
#contenu #navi_princip a#quotidien {
	background-image: url(images/navigation/background_quotidien.jpg);
}
#contenu #navi_princip a#quotidien:hover {
	background-image: url(images/navigation/background_quotidien.jpg);
}
#contenu #navi_princip a#Decouvrez {
	background-image: url(images/navigation/background_decouvrez.jpg);
}
#contenu #navi_princip a#Decouvrez:hover {
	background-image: url(images/navigation/background_decouvrez.jpg);
}
#contenu #navi_princip a#presse {
	background-image: url(images/navigation/background_presse.jpg);
}
#contenu #navi_princip a#presse:hover {
	background-image: url(images/navigation/background_presse.jpg);
}
#contenu #navi_princip a#contact {
	position:absolute;
	margin-left:-903px;
}
#contenu #navi_princip dl {
}
#contenu #navi_princip dl dt {
}

/*                             */
/*                             */
/*contenu logo/contact/e-coffre*/
/*                             */
/*                             */

#logo_contact .place_logo {
float:left;
margin-left: 141px;
position:absolute;
}
#contener #logo_contact #contact_ecoffre {
	float:right;
	width:300px;
	/*height: 48px;*/
	/*overflow:hidden;*/
}
#visu_gauche .miseenavant {
	font-size: 14px;
	color: #e87807;
	display: block;
	text-align: center;
	line-height: 24px;
	margin-top: 128px;
}
#visu_gauche .miseenavant strong{font-weight:normal;}
#contener #logo_contact #coffreFort {
	background-color: #000000;
	padding:0px 10px;
	position:absolute;
	top:48px;
	left:750px;
	width:180px;
	/*
	margin-left:105px;*/
}
#contactForm input, #contactForm textarea{border: 1px solid #5A533D;margin:3px 0px 5px;padding:1px 2px;}

#contener #logo_contact #coffreFort #demo-all input {
	width: 130px;
	background-color: #534C38;
	color: #FF6600;
	border: 1px solid #5A533D;
	float: left;
	font-size:11px;
	padding:1px 2px;
	margin-bottom: 10px;
}
#contener #logo_contact #coffreFort #demo-all label {
	color: #FFFFFF;
	font-size: 11px;
	margin-left: 0px;
	display: block;
	clear: left;
}
/*
div.demo {
	float:right;
	margin:0px;
	overflow:visible;
	padding: 0;
	width: 180px;
	height: 100px;
}*/
#contener #logo_contact #coffreFort #demo-all #login #btn {
	width: auto;
	margin-left: 10px;
	/*height:21px;*/
	width:32px;
	background: url(images/btn_ok.jpg) no-repeat top left;
	border:1px solid #5A533D;
	cursor:pointer;
	
}
/*                             */
/*                             */
/*            pied             */
/*                             */
/*                             */

#contener #contenu #pied {
	clear: both;
	margin:10px 0 10px 30px;
	
}
#contener #contenu #pied dt {
	display:inline;
	color: #eae3ae;
}
#contener #contenu #pied dl{
	
}
#contener #contenu #pied dt a{
	color: #eae3ae;
	font-size: 11px;
	text-decoration: none;
}
#contener #contenu #pied dt a:hover{
	color: #FF6600;
	font-size: 11px;
	text-decoration: none;
}

/*                             */
/*                             */
/*     questions p faq         */
/*                             */
/*                             */

 #contener #contenu #contenu_text {
	padding: 20px 30px;
	font-size: 12px;
	height: 300px;
	height:auto !important;
	min-height: 300px;
	/*text-align:justify;*/
}
.q {
	float: left;
}
.contener_questions {
clear:both;
margin-bottom:20px;
}
div.clear {clear:both;}

#contener #contenu #contenu_text .contener_questions  p {
	color: #FFFFFF;
	display: block;
	margin-top: -15px;
	margin-bottom:30px;
	font-size: 12px;
	clear:both;
}
.question {
	float: left;
	background-image: url(images/q_back.png);
	background-repeat: repeat-x;
	font-size: 12px;
	padding:0 5px 0 5px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	height: 35px;
}

dt.question a {color:#fff;}
.text_droite {
	margin-left:30px;
	display: block;
	width: 200px;
	text-align: left;
}
.text_gauche {
	float:left;
	display: block;
	width: 500px;
	text-align: left;
}
.text_milieu {
	float:left;
	margin-left:30px;
	/*display: block;*/
	width: 180px;
	text-align: left;
}
#absol{
	position:absolute;
	left: 700px;
	top: 236px;
	width: 193px;
}
.orange{
color:#FF6600;
}
.gras {
	font-weight: bold;
	color: #FF6600;
}
.interlignes {
	line-height: 20.6px;
}
.surlign {
	text-decoration: underline;
}
.arguments {
	color:#FF6600;
	font-weight: bold;
	font-size:14px;
	/*border:0.5px solid #FF6600;*/
	/*display: block;*/
	/*width: 420px;
	padding:5px;*/
}

#contener #contenu #contenu_text .contener_questions .reponse_avantage {
	float:left;
	color: #FFF7D7;
	font-size: 14px;
	margin-bottom:15px;
}

#temoignages {
	background-image:url(images/temoignage_fo.gif);
	background-repeat:no-repeat;
	position:absolute;
	left: 698px;
	top: 238px;
	width: 186px;
	height: 223px;
}
#contener #contenu #temoignages .text_temoignages {
	margin-left:15px;
	float:left;
	color: #FFF7D7;
	font-size: 12px;
	text-align: left;
	display: block;
}
.italique{
	font-size: 13px;
}

/* ADD STEF */
div#submenu{/*float:right;*/margin:0px 0px 20px /*20px*/;/*width:200px;*/}
div#submenu div.line, div#submenu dl{float:left;}
div#submenu div.line{background:#e87b0c;width:4px; height:43px;margin-right:10px;}
div#submenu div.line2, div#submenu dl{float:left;}
div#submenu div.line2{background:#e87b0c;width:4px; height:20px;margin-right:10px;}
div#submenu dl a{color:#fff7d7;}
div#submenu dt{color:#e87b0c;font-size:16px;font-weight:bold;margin-bottom:0.3em;}
div#submenu dd{float:left;margin-right:5px;padding-right:5px;border-right:1px solid #e87b0c;}
div#submenu dd.last{border:none;margin-right:0px;padding-right:0px;}

div#quote{position:absolute;top: 48px; left:520px; width:420px;font-size:11px;color:#766945;margin:0px 5px 0px;}
div#quote p, div#stories p{margin-bottom:0.6em;}
div#quote p.more{margin-bottom:0;}
div#quote p.quote, div#stories p.quote{font-weight:bold;}
div#quote span span.quote-open,  div#stories span span.quote-open{
margin-left:-19px;
margin-top:-12px;
}
div#quote span span, div#stories span span {
color:#4e452e;
font-size:30px;
font-weight:bold;
position:absolute;
}
div#quote span span.quote-close, div#stories span span.quote-close {
margin-left:4px;
margin-top:2px;
}

div#stories {margin:0px 19px;}
div#stories p.byline{margin-bottom:2em;color:#e85618;font-weight:bold;}
div#stories p.byline span{font-weight:normal;} 
div#stories span span {color:#807c6c;}

div.fields{font-size:10px;}

#contenu_text{
	float:left;
	width:390px;
}
#flashcontent {
	padding:70px 0px 0px;
	font-size:11px;
}


textarea.validation-failed{
	border: 1px solid #e85618;
}
.validation-advice {
	background-image: url(images/messagebox_warning.gif);
	background-repeat: no-repeat;
	margin: 1px 0;
	padding: 2px 2px 2px 21px;
/*	background-color: #000;*/
	color : #FF3300;
	font-weight: bold;
	display:none;
	
	}
	
	
	
	
/* Page Presse */
div.contener_presse { clear:both; padding-top:24px; }
div.photo_logo_presse { float:left; }
div.photo_logo_presse img{ border:1px solid #E87B0C; padding:1px; }
div.text_logo_presse { float:left; height:80px;width:250px; padding:0 10px;}	
div.text_logo_presse p span{ font-size:9px; color:#766945; margin:3px 0 0 16px; display:block;}