@charset "utf-8";


/* ***** Charte Web ***** */
/*
	Dark orange #FE5815
	Dark blue #09357A
	Bright orange #FFA02F
	Bright blue #005BBB
*/

/* ===================================================================== */
/* ##### T1 P3 M2 ##### */
/* ===================================================================== */

#Page #Content #Main {width:965px; margin:0 0 0 15px; _margin-left:8px;}
#Page #Main #ContentHead,
#Page #Main #ContentMain,
#Page #Main #ContentFoot {width:950px;}

#Page #Main #MainTabs {width:950px;}

#Page #Content #PageToolBar,
#Page #Content #PageToolBarTop {margin-right:15px;}

/* ===================================================================== */
/*############# Pages types #########################*/
/* ===================================================================== */

/*#### T1P3M2 TDPR ###*/
#Page #MainTDPR #ContentHead { text-align: center; }
#Page #MainTDPR #ContentHead .contentImage { margin: 0 0 10px; }
#Page #MainTDPR #ContentHead h3 { font-size: 1.2em; }
#Page #MainTDPR #ContentHead .contentText { font-size: 0.9em; font-style: italic; }

#Page #MainTDPR #ContentMain .contentForm { background: #f3f3f3 url(../img/degrade_gris.png) repeat-y 0 0; border:1px solid #e3e3e3; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 25px; padding: 14px; }

#Page #MainTDPR #ContentMain .contentForm label { color:#666; font-weight: bold; }
#Page #MainTDPR #ContentMain .contentForm label#SelectDPR { display: block; margin: 0 0 10px; }
#Page #MainTDPR #ContentMain .contentForm select { border: 1px solid #969696; font-size: 0.8em; height: 18px; margin-left: 10px; width: 300px; }

#Page #MainTDPR #ContentMain .contentForm ul#SelectCountries { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 50%; }
#Page #MainTDPR #ContentMain .contentForm ul#SelectCountries li { float: left; margin: 5px 0; width: 50%; }
#Page #MainTDPR #ContentMain .contentForm ul#SelectCountries li label input { margin: 0 10px 0 0; vertical-align: middle; }

#Page #MainTDPR div.contentImage{ background: 0 none; }

#Page #MainTDPR #ContentMain h3 { clear: both; margin: 0 0 20px; text-align: center; border:2px solid #e95412; color:#e95412 }
#Page #MainTDPR #ContentMain .contentGroup { clear: both; width: 950px;}
#Page #MainTDPR #ContentMain .col1 { float: left; margin: 0; padding: 0; width: 450px; }
#Page #MainTDPR #ContentMain .col2 { float: left; margin-left: 30px; padding: 0; width: 450px; }
#Page #MainTDPR #ContentMain .twoCol { margin: 0 0 30px; padding: 0 25px 0 0; width: 450px; }
#Page #MainTDPR #ContentMain .lastCol { padding: 0 0 0 25px; }
#Page #MainTDPR #ContentMain table { border-collapse: collapse; margin: 0 0 15px; width: 100%; }
#Page #MainTDPR #ContentMain table caption { font-weight: bold; padding: 0 0 10px 100px; text-align: center; }
#Page #MainTDPR #ContentMain table thead th { color: #000; font-size: 0.9em; font-weight: normal; height: auto; padding: 6px 3px; text-align: center; }
#Page #MainTDPR #ContentMain table thead th.empty { background: 0; border: 0; }
#Page #MainTDPR #ContentMain table tbody th, 
#Page #MainTDPR #ContentMain table table  tbody td { border: 1px solid #e4e4e4; text-align: center; }
#Page #MainTDPR #ContentMain table  td.secondeColonne{padding-left:50px}
#Page #MainTDPR #ContentMain table tbody th { width: 80px; }
#Page #MainTDPR #ContentMain table tbody tr.alt th { background: #fff; }
#Page #MainTDPR #ContentMain table tbody td.variation span { float: left; }
#Page #MainTDPR #ContentMain table tbody td.variation .up,
#Page #MainTDPR #ContentMain table tbody td.variation .na { color: #b91f2f; }
#Page #MainTDPR #ContentMain table tbody td.variation .down { color: #3b9e3b; }
#Page #MainTDPR #ContentMain table tbody td.variation .stable { color: #999; }
#Page #MainTDPR #ContentMain table tbody td.variation img { float: right; margin: 5px 0 0; }
#Page #MainTDPR #ContentMain .contentGraph { border: 1px solid #e4e4e4; margin: 0 0 10px; width: 448px; }
#Page #MainTDPR #ContentMain .contentGraph h4 { color: #000; text-align: center; }
#Page #MainTDPR #ContentMain .contentGraph table { margin: 0; width: auto; }

#Page #MainTDPR #ContentFoot { padding: 0; }
#Page #MainTDPR #ContentFoot .boxSimple .boxTop { background: url(../img/box_top_orange_large.jpg) 0 0 no-repeat; color: #fff; font-size: 1em; overflow: hidden; padding: 3px 12px; }
#Page #MainTDPR #ContentFoot .boxSimple .boxCenter { background: #fff; border: solid #e7e7e7; border-width: 0 1px 1px; overflow: hidden; padding: 10px 11px; zoom: 1; }
#Page #MainTDPR #ContentFoot .boxSimple .boxCenter .contentText { line-height: 1.2; float: left; width: 300px; }
#Page #MainTDPR #ContentFoot .boxSimple .boxCenter .rightCol { float: right; width: 610px; }

/*#### T1P3M2 TF ###*/
#Page #MainTF #ContentMain #ContentMainLeft { float:left; margin:0 0 -5px; position:relative; top:-5px; width:620px; }
#Page #MainTF #ContentMain #ContentMainRight { display: inline; float:right; width:280px; }
#Page #MainTF #ContentMain #ContentMainRight .bgColor_BrightGrey { clear: both; margin-bottom: 15px; }

/*#### T1P3M2 TO ###*/
#Page #MainTO #ContentMain .contentText {float:left; width:25%; margin:0 0 20px 0;}
#Page #MainTO #ContentMain .contentText span {padding-right:7px; font-weight:bold; color:#000;}
#Page #MainTO #ContentMain .contentText span a {font-weight:bold; color:#000; text-decoration:none;}
#Page #MainTO #ContentMain .contentText span a:hover{font-weight:bold; color:#FFA02F;}
#Page #MainTO #ContentMain .contentText ul { list-style-type:none; padding:0 5px 0 1px; margin:3px 6px 15px 0px; font-weight:bold;}
#Page #MainTO #ContentMain .contentText ul li{ color:#666; font-weight:normal; font-weight:bold; padding-left:7px;}
#Page #MainTO #ContentMain .contentText ul li a {color:#666; font-weight:normal; font-weight:bold; text-decoration:none;}
#Page #MainTO #ContentMain .contentText ul li a:hover {color:#FFA02F; font-weight:bold;}
#Page #MainTO #ContentMain .contentText ul li ul li a {color:#999; font-weight:normal;}
#Page #MainTO #ContentMain .contentText ul li ul li a:hover { color:#FFA02F; font-weight:normal;}

/*#### MainTT ####*/ 
#Page #MainTT #ContentMain .tabContainer {margin:0; padding:0;}
#Page #MainTT #ContentMain .third {width:33%;}
#Page #MainTT #ContentMain .quarter {width:25%;}
#Page #MainTT #ContentMain .contentGroup {float:left; margin:0 0 20px 0;}
#Page #MainTT #ContentMain .contentGroup ul {list-style-type:none;  padding:0 5px 0 0; font-weight:bold; margin-left:0px;}
#Page #MainTT #ContentMain .contentGroup ul li a{font-size:1.2em; color:#000; font-weight:bold;}
#Page #MainTT #ContentMain .contentGroup ul li a:hover{font-size:1.2em; font-weight:bold; color:#FFA02F;}
#Page #MainTT #ContentMain .contentGroup ul li ul li{ padding:8px 0; margin:0;}
#Page #MainTT #ContentMain .contentGroup ul li ul li a{font-size:1em; color:#000; font-weight:bold;}
#Page #MainTT #ContentMain .contentGroup ul li ul li a:hover{ font-size:1em; font-weight:bold; color:#FFA02F;}
#Page #MainTT #MainTabs ul li a {width:45px;}

/*#### MainTT1 ####*/
#Page #MainTT1 #ContentMain .contentText {width:920px; _width:910px;}
#Page #MainTT1 #ContentMain {margin:0 0 20px 0;}

/*#### T1P3M2 TU ###*/
#Page #MainTU #ContentHead {padding-bottom:0;}
#Page #MainTU #ContentMain .contentGroup {float:left; width:33%;}
#Page #MainTU #ContentMain .contentGroup ul{list-style-type:none; padding:0 5px 0 3px; margin:3px 6px 10px 4px;}
#Page #MainTU #ContentMain .contentGroup ul li{padding:6px 8px 6px 1px; }
#Page #MainTU #ContentMain .contentGroup ul li a{padding-left:26px; background:url(../img/widget_picto_rss.png) no-repeat scroll 5px 0; text-decoration:none;}
#Page #MainTU #ContentMain .contentGroup ul li a:hover{background:url(../img/widget_picto_rss_hover.png)no-repeat scroll 5px 0;}

/*#### T1P3M2 TY ###*/
#Page #MainTY iframe {border:none;}

/*#### T1P3M2 TZ ###*/
#Page #MainTZ #ContentHead { padding: 0 5px 15px; text-align: right; width: 940px; }
#Page #MainTZ #ContentHead a { background: url(../img/t1_bullet_link.gif) 0 center no-repeat; padding-left:20px; }
#Page #MainTZ #ContentHead a:hover { background-image: url(../img/t1_bullet_link_white_over.gif); }

#Page #MainTZ #ContentMain { background: url(../img/bg_content_ecotest.png) 0 0 no-repeat; height: 500px; overflow: hidden; padding: 15px; position: relative; width: 920px; }
#Page #MainTZ #ContentMain .contentGroup { float: left; padding: 15px 0 0 30px; width: 585px; }
#Page #MainTZ #ContentMain .contentGroup .contentText { margin: 0 auto; width: 530px; }
#Page #MainTZ #ContentMain .contentGroup h2,
#Page #MainTZ #ContentMain .contentGroup p,
#Page #MainTZ #ContentMain .contentGroup ul { margin: 0; padding: 0; height:auto;}
#Page #MainTZ #ContentMain .contentGroup p.mainText { font-size: 1.35em; line-height: 1.5em; margin: 0 0 30px; text-align: center; }
#Page #MainTZ #ContentMain .contentGroup .contentBtn { clear: both; overflow: hidden; width: 100%; }
#Page #MainTZ #ContentMain .contentGroup a.w_actionButton { margin: 21px 0 0 0; }
#Page #MainTZ #ContentMain .contentGroup a.action { background-position: 0 6px; display: inline-block; padding: 0 0 0 17px; }

#Page #MainTZ #ContentMain #ContentFlash { float: right; width: 280px; }

#Page #MainTZ #ContentFoot { background: url(../img/picto_email_bleu.png) 5px center no-repeat; line-height: 21px; margin: 15px 0 0; padding: 0 0 0 35px; width: 915px; }
#Page #MainTZ #ContentFoot a { background: url(../img/t1_bullet_link.gif) 0 center no-repeat; padding-left:20px; }
#Page #MainTZ #ContentFoot a:hover { background-image: url(../img/t1_bullet_link_white_over.gif); }

/* Eco-test head */
#Page #MainTZ #ContentMain #EcotestHead { line-height: 30px; overflow: hidden; width: 100%; }
#Page #MainTZ #ContentMain #EcotestHead p.numQuestion { float: right; font-size: 1.35em; margin: 0; }
						
/* Eco-test home */
#Page #MainTZ #ContentMain #EcotestHome { padding: 45px 0 0 55px; width: 560px; }
#Page #MainTZ #ContentMain #EcotestHome h2 { margin: 0 0 40px; background:none;}
#Page #MainTZ #ContentMain #EcotestHome ul { font-size: 1em; list-style: none; }
#Page #MainTZ #ContentMain #EcotestHome ul li { background: url(../img/pictos_ecotest_home.png) no-repeat; margin: 0 0 7px; min-height: 40px; _height: 40px; padding: 10px 0 10px 60px; }
#Page #MainTZ #ContentMain #EcotestHome ul li.ecobadge { background-position: -75px 0; }
#Page #MainTZ #ContentMain #EcotestHome ul li.factures { background-position: -45px -60px; }
#Page #MainTZ #ContentMain #EcotestHome ul li.ecoliste { background-position: -20px -120px; }
#Page #MainTZ #ContentMain #EcotestHome ul li.partage { background-position: 5px -180px; }
#Page #MainTZ #ContentMain #EcotestHome ul li strong { display: block; font-size: 1.35em; font-weight: normal; margin: 0 0 3px; }
#Page #MainTZ #ContentMain #EcotestHome ul li strong span { font-weight: bold; }
#Page #MainTZ #ContentMain #EcotestHome a.w_actionButton { margin-left: 60px; }

/* Eco-test question */
#Page #MainTZ #ContentMain #EcotestQuestion .contentText { margin-top: 115px; width: 485px; }
#Page #MainTZ #ContentMain #EcotestQuestion a.w_actionButton { clear: none; }
#Page #MainTZ #ContentMain #EcotestQuestion a.anwserYes { float: left; }
#Page #MainTZ #ContentMain #EcotestQuestion a.anwserNo { float: right; }

/* Eco-test reponse */
#Page #MainTZ #ContentMain #EcotestAnswer .contentText { margin-top: 55px; }
#Page #MainTZ #ContentMain #EcotestAnswer p.answer { color: #999; }
#Page #MainTZ #ContentMain #EcotestAnswer .contentBtn { text-align: center; }
#Page #MainTZ #ContentMain #EcotestAnswer .bgColor_BrightGrey { _height: 1%; overflow: hidden; }
#Page #MainTZ #ContentMain #EcotestAnswer .bgColor_BrightGrey .contentGroup,
#Page #MainTZ #ContentMain #EcotestAnswer .bgColor_BrightGrey .contentText { margin: 0; padding: 0; width: 280px; }
#Page #MainTZ #ContentMain #EcotestAnswer .bgColor_BrightGrey .addEcolist { background: url(../img/picto_ecotest_ajouter.png) 0 0 no-repeat; float: right; margin: 25px 0 0; padding: 5px 0 5px 50px; width: 135px;}

/* Eco-test bravo */
#Page #MainTZ #ContentMain #EcotestSuccess .contentText { margin-top: 80px; }
#Page #MainTZ #ContentMain #EcotestSuccess p.success { color: #6bb32b; font-size: 2em; }
#Page #MainTZ #ContentMain #EcotestSuccess .contentBtn { text-align: center; }
#Page #MainTZ #ContentMain #EcotestSuccess .contentBtn a { margin-top: 0; }

/* Eco-test merci */
#Page #MainTZ #ContentMain #EcotestEnd .contentText { margin-top: 90px; }
#Page #MainTZ #ContentMain #EcotestEnd .contentText .contentIcon { margin: 20px 0 0; text-align: center; width: 240px; }
#Page #MainTZ #ContentMain #EcotestEnd .contentText .cgIcon { float: none; margin: 60px 0 0 240px; padding: 0; width: auto; !float:left; !margin: 60px 0 0 0; }
#Page #MainTZ #ContentMain #EcotestEnd .contentText .cgIcon .contentText { margin: 0; width: auto; }
#Page #MainTZ #ContentMain #EcotestEnd .contentText .cgIcon a.w_actionButton { margin-bottom: 21px; }
#Page #MainTZ #ContentMain #EcotestEnd p.note { clear: both; margin: 90px 0 0; text-align: center; }

/* Eco-test blog */
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText { margin-top: 90px; }
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText .contentIcon { margin: 20px 0 0; text-align: center; width: 240px; }
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText .cgIcon { float: none; margin: 55px 0 0 240px; padding: 0; width: auto; !float:left; !margin: 40px 0 0 0; }
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText .cgIcon .contentText { margin: 0; width: auto; }
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText .cgIcon p { font-weight: bold; margin: 0 0 15px; }
#Page #MainTZ #ContentMain #EcotestBlogPost .contentText .cgIcon textarea { background: #fff; border: 1px solid #b5b5b5; font-family: Arial, Helvetica, sans-serif; font-size:0.9em; margin: 0; padding: 10px; white-space: normal; width:250px; overflow:hidden;}

/* Eco-test facebook */
#Page #MainTZ #ContentMain #EcotestFacebook .contentText { margin-top: 90px; }
#Page #MainTZ #ContentMain #EcotestFacebook .contentText .contentIcon { margin: 20px 0 0; text-align: center; width: 240px; }
#Page #MainTZ #ContentMain #EcotestFacebook .contentText .cgIcon { float: none; margin: 90px 0 0 240px; padding: 0; width: auto; !float:left; !margin: 60px 0 0 0; }
#Page #MainTZ #ContentMain #EcotestFacebook .contentText .cgIcon .contentText { margin: 0; width: auto; }

/* Eco-test envoyer ami */
#Page #MainTZ #ContentMain #EcotestSendFriend .contentText { margin-top: 35px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form { color: #666; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow { clear: both; margin: 0 0 18px; overflow: hidden; width: 100%; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow label { float: left; line-height: 1.5em; text-align: right; width: 170px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRadioGroupCont label { margin: 40px 0 0; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow label span { color: #999; display: block; font-size: 0.9em; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField { float: right; width: 350px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField p { margin: 7px 0 0; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField input.text,
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField textarea { background: #fff; border: 1px solid #969696; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; padding: 1px 2px; width: 338px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField input.text { height: 16px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField textarea { height: 55px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField img.pj { float: left; margin: 0 30px 0 0; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField .formRadioGroupList { float: left; width: 200px; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField label.formRadio { float: none; display: block; margin: 20px 0 0; text-align: left; width: auto; }
#Page #MainTZ #ContentMain #EcotestSendFriend form .formRow .formField label.formRadio input { height: 14px; width: 14px; margin: 0 10px 0 0; vertical-align: middle; }
#Page #MainTZ #ContentMain #EcotestSendFriend form button { margin: 0 0 0 180px; }
#Page #MainTZ #ContentMain #EcotestSendFriend em {font-size:0.9em; position:absolute; left:25px; bottom:20px;}
#Page #MainTZ #ContentMain #EcotestSendFriend form em {position:relative; left:0; top:0;}

/* Eco-test screensaver */
#Page #MainTZ #ContentMain #EcotestScreensaver .contentText { margin-top: 70px; }
#Page #MainTZ #ContentMain #EcotestScreensaver .contentText p.mainText { margin-bottom:15px; }
#Page #MainTZ #ContentMain #EcotestScreensaver .contentText p.note { text-align:center; }
#Page #MainTZ #ContentMain #EcotestScreensaver ul.twoCol { list-style:none; margin:50px auto; width:530px;}
#Page #MainTZ #ContentMain #EcotestScreensaver ul.twoCol li {width:250px; display:block; float:left; margin-left:15px;}
#Page #MainTZ #ContentMain #EcotestScreensaver ul li.title {font-weight:bold; font-size:1.4em; margin-bottom:15px;}
#Page #MainTZ #ContentMain #EcotestScreensaver ul li img{margin-top:15px;}

/* Eco-test eco-liste */
#EcotestEcoListe {}
#EcotestEcoListe .contentIcon {float:left;}
#EcotestEcoListe .contentGroup {margin-left:45px;}
#EcotestEcoListe h2 {font-size:1.4em; margin:0 0 14px 0; font-weight:normal;}
#EcotestEcoListe h2 span {color:#339933;}
#EcotestEcoListe ul { list-style-image:url(../img/t1_bullet_green.gif); !list-style-image:url(../img/t1_bullet_green_ie.gif); margin:0; padding:0 0 0 14px;}
#EcotestEcoListe ul li { margin:10px 0; line-height:1.5em; padding:0;}
#EcotestEcoListe ul li strong { display:block;}