/* definitions generiques */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, hr, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
a img { border: none; }
img { border: none; }
ul { list-style: none; }
ol { border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;font-size: 14px; }
* html li { height: 1%; }
acronym, abbr{ border: 0; margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; cursor:help; }
a acronym, a abbr{ border: 0; cursor:pointer; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.none { display: none; }
/*.clear { clear: both; height: 1px; overflow: hidden; }*/
.clear { clear: both; overflow: hidden; }
.strong { font-weight: bold; }
.lft { float: left; }
.rgt { float: right; }
.center { text-align: center; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
/* links */
a { text-decoration: none; color: #1673db; outline:0}
a:hover { text-decoration: underline; color: #1673db; }
a.read, a.read:hover { display: block; text-indent: 8px; background: transparent url(../i/puce_type4bis.gif) left 3px no-repeat; margin-bottom: 0px; }
/* containers */
body { background: #f8faf8 url(../i/bg_body.png) left top repeat-x; margin: 0; font-family: helvetica, arial, verdana, sans-serif; font-size: 1em; color: #303030; }
#window { background: transparent url(../i/bg_window.png) center top no-repeat; min-width: 976px; }
#header { }
#content { background: #f8faf8; margin: 0; padding-bottom: 25px; }
#breadcrumb { background: transparent url(../i/bg_breadcrumb.gif) left top repeat-x; margin: 0; }
#footer { background: transparent url(../i/bg_footer.jpg) left top repeat-x; margin: 0; }
#copyright { background: transparent url(../i/bg_copyright.png) left top repeat-x; margin: 0; }
#header_sub { width: 976px; margin: 0 auto; background: transparent url(../i/bg_header_sub.png) 245px 16px no-repeat; }
#content_sub { width: 976px; margin: 0 auto; }
#breadcrumb_sub { width: 976px; height: 27px; margin: 0 auto; }
#footer_sub { width: 976px; margin: 0 auto; padding-top: 23px; padding-bottom: 0px; }
#copyright_sub { width: 976px; height: 19px; padding-top: 6px; margin: 0 auto; color: #948675; text-align: center; font-size: 70%; }
/* header */
.logo { float: left; }
#ecologie { float: right; width: 740px; height: 50px; text-align: right; padding-right: 5px; }
#header_chapo { float: right; width: 720px; height: 27px; padding-top: 3px; color: #fff; font-style: italic; font-size: 90%; }
#header_chapo h1 {font-size:14px}
#header_link_home { float: left; margin-top: 5px; margin-left: 20px; }
#header_menu1 { float: left; margin-top: 5px; margin-left: 20px; }
#header_menu1 li { float: left; }
#header_menu1 li a, #header_menu1 li a:hover { float: left; display: block; width: 125px; height: 26px; padding-top: 15px; color: #fff; text-align: center; font-size: 90%; text-decoration: none; }
#header_menu1 li a:hover { color: #4d4338; background: transparent url(../i/bg_menu_liover.png) left bottom no-repeat; }
#header_menu1 li a.active, #header_menu1 li a.active:hover { color: #4d4338; background: transparent url(../i/bg_menu_liactive.png) left bottom no-repeat; }
#header_menu1 strong {font-weight:normal}
#header_menu2 { float: left; width: 730px; height: 28px; margin-top: 0px; margin-left: 20px; }
#header_menu2 ul#one {margin-left:50px}
#header_menu2 ul#two {margin-left:38px}
#header_menu2 ul#three {margin-left:172px}
#header_menu2 ul#four {margin-left:40px}
#header_menu2 li { float: left; background: transparent url(../i/puce_type1.gif) left 50% no-repeat; padding: 5px 10px 5px 13px; }
#header_menu2 li.first { background: none; }
#header_menu2 li a, #header_menu2 li a:hover { float: left; display: block; color: #4d4338; text-align: center; font-size: 75%; text-decoration: none; }
#header_menu2 li a:hover { text-decoration: underline; }
/*home*/
#content_home {width:975px;padding-top:10px}
#content_home .boxtop { width: 975px; height: 7px; background: transparent url(../i/bg_boxtop_home.gif) left top no-repeat; }
.home_sub { border-left: 1px solid #e9ebe9; border-right: 1px solid #e9ebe9; background: #fdfffd;padding-bottom:10px }
#content_home .boxbottom { width:975px; height: 5px; background: transparent url(../i/bg_boxbottom_home.gif) left top no-repeat;clear:both }
.homecolumn {width:285px;margin:0 auto 0 30px;float:left}
* html .homecolumn {width:275px;margin:0 18px}
* html #top .homecolumn img {width:270px;}
.home_spacer {height:15px}
.home_sub h2 { color: #8f9224; font-weight: bold; border-bottom: 1px solid #d1d3a6; background: transparent url(../i/puce_type3.gif) left 3px no-repeat; font-size: 100%; padding-left: 18px; padding-bottom: 3px; margin-top: 22px;margin-bottom:14px;clear:left }
.homecolumn img {padding: 2px; border: 1px solid #e9ebe9; background: #fff; margin-bottom: 10px;}
.homecolumn ul { padding: 0 10px;margin-bottom:25px;margin-top:5px}
.homecolumn ul li { }
.homecolumn ul li.first {border-top: 1px solid #d1d1d1;}
.homecolumn ul a {background: transparent url(../i/puce_type4.gif) left center no-repeat; font-size: 14px; padding-left: 18px; border-bottom: 1px solid #d1d1d1;display: block; padding: 8px 0 8px 25px; color: #303030;text-decoration: none}
.homecolumn ul a:hover {background-color: #fcf6e5;color:#c19322;}
.homecolumn .accessbutton { width:200px;height: 27px; margin: 30px auto 0 auto; text-align:center}
.home_articles { width:595px;float:left;margin-left:30px}
.home_articles ul {}
.home_articles ul li {}
.home_articles ul li strong {}
.home_articles ul li span {color:#7e7f7e;font-size:12px;padding-right:5px;line-height:125%}
/** html .home_articles ul li span {display:none}*/
.home_articles ul a {display: block; padding: 8px 0 8px 5px; color: #303030;text-decoration: none;font-size:14px;border-bottom: 1px solid #fff;border-top: 1px solid #fff}
.home_articles ul a:hover {background-color: #fcf6e5;color:#c19322;border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;text-decoration:none}
.trust {width:280px;height:258px;overflow:hidden;background:url(../i/bg_trustmac.jpg) no-repeat top center}
.logos {width:225px;height:130px;margin:25px 25px 75px 25px; }
.logos img {border:none;display:block;margin-bottom:130px}
.logos img.first {padding:53px 96px;width:32px;height:32px}
/*content */
.banner { padding: 2px; border: 1px solid #e9ebe9; background: #fff url(../i/bg_banner.png) repeat-x bottom; margin-bottom: 10px;height:144px }
.banner p {color:#3d3d3d;background: url(../i/bg_quote_lft.png) no-repeat top left;font-family:Georgia;font-size:16px;font-style:italic;padding:5px 0 0 30px;margin:18px 0 30px 30px;width:315px;line-height:175%;font-weight:bold;display:block}
* html #leftcolumn .banner p {background:none}
* html #leftcolumn .banner p strong {background:none}
.banner p strong {background:url(../i/bg_quote_rgt.png) no-repeat bottom right;padding:10px 35px 0 0}
.banner #visuel {width:545px;height:144px;float:right;text-align:right;overflow:hidden;}
.banner #accroche {height:130px;overflow:hidden}
.banner #accroche p a, .banner #accroche p a:hover {color:#3d3d3d;text-decoration:none;}
#leftcolumn p, .homecolumn p {margin-bottom: 16px;font-size:14px;line-height:150%;text-align:justify}
#leftcolumn p + p, #leftcolumn p + img, #leftcolumn img + p { margin-top: 16px}
#leftcolumn img {border:solid 1px #b4b5b4;padding:5px;margin:0 auto;display:block}
#leftcolumn img.lft {float:left;margin:0 10px 0 auto}
#leftcolumn img.rgt {float:right;margin:0 auto 0 10px}
#leftcolumn img.noborder {margin:0 auto 0 auto;border:0}
#leftcolumn ul.lft { float: left; width: 46%; margin-left: 1%; margin-right: 1%;padding-left:5px }
#leftcolumn ul.rgt { float: right; width: 46%; margin-left: 1%; margin-right: 1%; }
#leftcolumn ul { margin-bottom: 16px;}
#leftcolumn ul li { background: transparent url(../i/puce_type4.gif) left center no-repeat; font-size: 14px; padding-left: 18px; margin-bottom: 10px }
#leftcolumn ul li.last {border:none}
.chapo p strong {font-weight:normal}
#leftcolumn .capture {width:625px;height:120px;background:url(../i/bg_papers.jpg) no-repeat top center;overflow:hidden}
#leftcolumn .capture img {margin-bottom:25px;padding:12px 0 0 0;margin-left:6px;border:none}
/*col gauche static*/
#content_type1 { padding-top: 10px; }
#content_type1 #leftcolumn { float: left; padding-top: 10px; width: 671px }
#content_type1 #rightcolumn { float: right; padding-top: 30px; width: 296px; }
#content_type1 #leftcolumn h1 { color: #353535; font-size: 100%; font-weight: bold; padding-left: 35px; padding-top: 2px; height: 24px; background: transparent url(../i/bg_h1_c1.gif) left top no-repeat; }
#content_type1 #leftcolumn .box { border-left: 1px solid #e9ebe9; border-right: 1px solid #e9ebe9; background: #fdfffd; }
#content_type1 #leftcolumn .boxbottom { width: 671px; height: 5px; background: transparent url(../i/bg_boxbottom_c1_lc.gif) left top no-repeat; }
#content_type1 #leftcolumn .subbox1 { padding-left: 28px; padding-right: 28px;padding-bottom:28px}
#content_type1 #leftcolumn .chapo p {text-align:left;border: 1px solid #fff; border-bottom: none; padding: 10px 34px 25px 34px; font-style: italic;font-size:14px;line-height:150%;background: #fcf6e5 url(../i/bg_chapobottom.gif) 1px bottom no-repeat; }
#content_type1 #leftcolumn .nochapo p {text-align:justify;padding: 10px 34px 0px 34px; font-size:14px;line-height:150%}
#content_type1 #leftcolumn h2, #content_type3 #leftcolumn h2 { color: #8f9224; font-weight: bold; border-bottom: 1px solid #d1d3a6; background: transparent url(../i/puce_type3.gif) left 3px no-repeat; font-size: 100%; padding-left: 18px; padding-bottom: 3px; margin-top: 22px;margin-bottom:14px;clear:left }
#content_type1 #leftcolumn .rgt h2, #content_type1 #leftcolumn .lft h2 {margin-top:0}
#content_type1 #leftcolumn h3 { color: #8f9224 /*#62c8e9*/ /*#303030*/; font-weight: bold; border-bottom: 1px dashed #9fa09f; font-size: 100%; padding-bottom: 3px; margin-top: 22px; margin-bottom:14px;clear:left}
#content_type1 #leftcolumn .rgt h3, #content_type1 #leftcolumn .lft h3 {color:#62c8e9}
#content_type1 #leftcolumn h3 + p, #content_type1 #leftcolumn h3 + p + ul, #content_type1 #leftcolumn h3 + p + p, #content_type1 #leftcolumn h3 + p + p + ul {padding-left:10px}
#content_type1 #leftcolumn p img {border:none;padding:0}
/*#content_type1 #leftcolumn .lft img, #content_type1 #leftcolumn .rgt img {width:230px}*/
/*#content_type1 #leftcolumn ul li {border-bottom:solid 1px #d1d1d1;padding-bottom:6px}*/
#content_type1 a.onpage, #content_type1 a.onpage:hover {color:#3d3d3d;text-decoration:none;cursor:text}
/*col droite*/
#content_type1 #rightcolumn .box { width: 291px; padding: 5px; padding-bottom: 5px; background: transparent url(../i/bg_box_c1_rc.gif) left top repeat-y; }
#content_type1 #rightcolumn .boxtop { width: 296px; height: 1px; background: transparent url(../i/bg_boxtop_c1_rc.gif) left top no-repeat; }
#content_type1 #rightcolumn .dossier img {width:285px}
#content_type1 #rightcolumn h2 {margin-top:15px}
#content_type2 #rightcolumn .box { width: 292px; padding: 0px 5px 0 2px; background: transparent url(../i/bg_box_c1_rc.gif) left top repeat-y; }
#content_type2 #rightcolumn .boxtop { width: 296px; height: 2px; background: transparent url(../i/bg_boxtop_c1_rc.gif) left top no-repeat; }
#rightcolumn .boxbottom { width: 296px; height: 7px; background: transparent url(../i/bg_boxbottom_c1_rc.gif) left top no-repeat; }
/*#rightcolumn img {margin-bottom:15px}*/
#rightcolumn .pub li a, #rightcolumn .pub li a:hover {border-top: 1px solid #d1d1d1}
#rightcolumn .pub img {margin:10px auto;display:block}
#rightcolumn h2, #rightcolumn h3 { color: #8f9224; font-weight: bold; border-bottom: 1px solid #d1d3a6; background: transparent url(../i/puce_type3.gif) left 3px no-repeat; font-size: 14px; padding-left: 16px;margin-right:10px;padding-bottom:1px; margin-left: 8px; margin-bottom: 0px; }
#rightcolumn ul { padding: 0 10px;margin-bottom:25px;/*margin-top:5px */}
/*#rightcolumn ul a.first { border-top: 1px solid #fff}
#rightcolumn ul a.first:hover { border-top: 1px solid #d1d1d1}*/
#rightcolumn ul a, #rightcolumn ul a:hover { display: block; background: transparent url(../i/puce_type5.gif) 4px center no-repeat; padding: 8px 0 8px 25px; color: #303030; font-size: 80%; text-decoration: none; border-bottom: 1px solid #d1d1d1; }
#rightcolumn ul a:hover { background-color: #fcf6e5;color:#c19322 }
/* ariane */
#breadcrumb {}
#breadcrumb_sub div { float: left; font-size: 12px; }
#breadcrumb_sub div span { display: block; float: left; width: 95px; height: 26px; background: transparent url(../i/bg_breadcrumb_left.gif) right top no-repeat;/* padding-top: 8px; */padding-left: 8px; color: #4d4338;text-align:center }
#breadcrumb_sub div a, #breadcrumb_sub div a:hover, #breadcrumb_sub strong { display: block; float: left; height: 20px; background: transparent url(../i/separator_breadcrumb.gif) right top no-repeat; padding-top: 6px; padding-right: 15px; padding-left: 10px; color: #4d4338; text-decoration: none; font-style: italic;font-weight:500 }
#breadcrumb_sub div a:hover { text-decoration: underline; }
.rss { float: right; margin-top: 4px; margin-right: 10px; }
/* pdp */
/*#footer_box1_top { width: 477px; height: 10px; background: transparent url(../i/bg_footer_box1_top.png) left top no-repeat; }*/
#footer_box1 { float: left; width: 437px; padding: 20px; height: 145px; background: transparent url(../i/bg_footer_box1.jpg) left top no-repeat; color: #fff; font-style: italic; font-size: 80%; line-height: 1.5em; }
#footer_box1 strong, #footer_box1 a { color: #fec22d;font-weight:bold}
.footer_box2 { float: left; width: 200px; margin-left: 39px; }
.articles {width:470px;margin-left:10px}
.articles ul {width:470px}
.footer_box2 h2 { line-height:130%;color: #4d4338; font-size: 85%; font-weight: bold; text-align: center;/*height:26px*/ padding-top: 3px;padding-bottom: 3px; background: transparent url(../i/bg_footerh2.png) left top repeat-x;border:solid 1px #4f3f2d }
.footer_box2 ul {padding-top:5px}
.footer_box2 a, .footer_box2 a:hover { display: block; background: transparent url(../i/puce_type6.gif) 4px 50% no-repeat; padding: 6px 0 6px 22px; color: #fff; font-size: 80%; text-decoration: none; border-bottom: 1px solid #7b736a; }
.footer_box2 a:hover { background-color: #61594d; }
.footer_box2 a.more, .footer_box2 a.more:hover { display: block; float: right; background: transparent url(../i/puce_type7.gif) 4px 50% no-repeat; padding: 12px 0 12px 22px; color: #fff; font-size: 80%; text-decoration: none; border-bottom: none; }
.footer_box2 a.more:hover { text-decoration: underline; }
/*divers*/
span.required {color:#ff0909;font-size:14px}
span.strong {font-weight:bold}
span.renvoi, p.renvoi span {color:#e9b129}
p.renvoi {margin:25px 0 0 0 !important;font-size:10px !important;font-style:italic}
p.error {color:#ff0909;margin-top:10px;font-weight:bold}
.contact p.error {text-align:center}
.accessbutton { width:300px;height: 27px; margin: 35px 0 35px auto; text-align:center}
.accessbutton a, .accessbutton a:hover { display: block; padding-right: 25px; height: 27px; background: transparent url(../i/btn_classic_right.png) right top no-repeat; text-decoration: none; color: #303030; font-size: 80%;cursor:pointer }
.accessbutton span { display: block; height: 27px; background: transparent url(../i/btn_classic_left.png) left top no-repeat; padding-left: 25px; padding: 4px 0; }
#content_type1 #leftcolumn #cvisite {margin:0 auto;display:block;width:460px}
#content_type1 #leftcolumn #cvisite img {border:none;padding:0;margin-top:-7px}
#content_type1 #leftcolumn #cvisite .verso {height:300px;width:182px;border:solid 1px #b4b5b4;background:#fff url(../i/verso.gif) no-repeat bottom right;font-family:Georgia;text-align:right;padding-right:18px}
#content_type1 #leftcolumn #cvisite .recto {height:300px;width:200px;border:solid 1px #b4b5b4;background:#fff url(../i/recto.gif) no-repeat bottom right;font-family:Georgia;text-align:center}
#content_type1 #leftcolumn #cvisite .verso h2 {background:none;font-size:15px;border-bottom:none;margin-top:70px}
#content_type1 #leftcolumn #cvisite .verso ul {margin-top:25px}
#content_type1 #leftcolumn #cvisite .verso li {background:none;font-size:13px;padding:0;margin:0;border-bottom:none}
#content_type1 #leftcolumn #cvisite .visio li {margin:0 auto;padding:10px 0 10px 40px;border-bottom:none}
#content_type1 #leftcolumn #cvisite li.skype {background:#fff url(../i/skype.png) no-repeat left center}
#content_type1 #leftcolumn #cvisite li.ichat {background:#fff url(../i/ichat.png) no-repeat left center}
#content_type1 #rightcolumn #contactform {margin:8px 0;padding:0 10px 10px 0;text-align:right}
#content_type1 .contact p { padding: 0 10px;margin-bottom:15px}
#content_type1 .contact h2 {margin:8px 0 4px 0}
#content_type1 #rightcolumn #contactform p {font-style:italic;margin-right:5px;font-size:12px}
#content_type1 #rightcolumn #contactform label {font-size:12px}
#content_type1 #rightcolumn #contactform fieldset {margin:30px 0 15px 0}
#content_type1 #rightcolumn #contactform input[type="text"] {width:180px;margin:2px 0}
#content_type1 #rightcolumn #contactform input[type="submit"] {width:278px}
#content_type1 #rightcolumn #contactform textarea {width:275px;height:309px}
#content_type1 #leftcolumn #devisform {margin:8px 0 8px 8px;padding:0 10px 10px 0;text-align:right}
#content_type1 #leftcolumn #devisform fieldset {margin:30px 0 15px 0}
#content_type1 #leftcolumn #devisform label {color: #8f9224}
#content_type1 #leftcolumn #devisform input[type="text"] {width:200px;margin:2px 0}
#content_type1 #leftcolumn #devisform input.submit, #content_type1 #leftcolumn #devisform select {width:205px;padding:2px 0}
#content_type1 #leftcolumn #devisform input.submit {float:right}
#content_type1 #leftcolumn #devisform textarea {width:592px;height:150px}
#content_type1 #leftcolumn .sitemap {margin-top:40px}
#content_type1 #leftcolumn .sitemap ul {margin-bottom:50px}