/* PRINT */
#print_css {display:none;}
#fil-ariane {display:none;}
.titre_print {display:none;}
/* PRINT */

/**************** FEUILLE DE STYLE - SUEZ - GRILLES *****************/

/* RESET WHITE SPACE */
* {padding:0; marggin:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;  padding:0; } 
table { border-collapse:collapse; border-spacing:0;} 
fieldset {border:0; } 
address,caption,cite,code,dfn,em,th,var {font-style:normal;  font-weight:normal; } 
ol,ul {list-style:none; } 
caption,th {text-align:left; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
/* RESET WHITE SPACE */
html, body { height:100%}
body {font:11px Verdana, Helvetica, sans-serif; text-align:justify; color: #000000; background-color:#fbfaf9; background-image:url("images/background.gif"); background-repeat:repeat-x;}

/************* OBJETS GLOBALS *********************/
a  {text-decoration:none; outline:none; position:relative;color:#}
p {}
a:hover {text-decoration:underline;}
img { border:none; }
ul, li {list-style:none; text-align:left;}

a,
a:hover,
a:visited{ color: #F21399; }

/********** MISC CLASSES *************/
.offline { border:1px solid red;}
.btn-back { text-align: right; padding-top: 20px;}
.bloc-list-01 {padding-bottom:2px;}
.left {float:left;}
.right {float:right;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.clear {clear:both; padding-bottom:2px;}
.bold{font-weight:bold;}
.italique {font-style:italic;}

.masquer-colonne{display:none;width:1px;}
#print_css {display:none;}

/*****hp****************/

.color {color:#96BE0D; font-weight:bold;}

#global {width:986px; margin: 0 auto;  padding:0;border-top:0; height: auto;  margin-top:5px;}
#center {background:url("images/bgr-center.png"); background-repeat:repeat-y;width:986px;margin-left:3px;}
*html #center {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bornedd.suezframework.com/cms/bornedd/css/images/bgr-center.png', sizingMethod='scale');background: none;width:980px;}
#center table{width:890px; margin-left:48px; /*margin-top:30px;*/}
#center table table {width:100%; margin-left:0px; margin-top:0px;}

/*********** HEADER **********************/
#header {margin-left:3px;width:986px;}
/***************lexique************/
.results .titre-glossaire:first-letter {text-transform:uppercase;}


.libelle-cp {background-image:url("gammes/puces/triangle_gamme_1.gif");background-repeat:no-repeat; background-position: 3px 5px;padding-bottom:15px; font-size:14px;color:#99CA3C; padding-left:15px; font-weight:bold;}
.color {color:#96BE0D; font-weight:bold;}


/* HOMEPAGE */
.hp-grid {}
.gamme-1 .hp-grid #col-gauche{background:none; border:none; padding: 0; }

/**************** FOOOTER **************/
#footer {background:url("images/bgr-bottom.png"); background-repeat:no-repeat; height:63px; width:986px;margin-left:3px;}
*html #footer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bornedd.suezframework.com/cms/bornedd/css/images/bgr-bottom.png', sizingMethod='scale');background: none;width:980px;}

/**********WEBRING*************/
#footer {}
#footer ul li{list-style:none; display:inline; background:url("gammes/puces/puce-footer.gif"); background-repeat:no-repeat; background-position:2px 4px; margin-top:10px;padding-left:12px;
margin-left:3px}
#footer a { color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:10px;}
#footer a:hover {color:#FFFFFF;}
#footer #footer-placement {width:900px; margin-left:auto; margin-right:auto;padding-top:10px;}
#footer .footer-left {float:left; width:10px; height:30px; background:url("images/bgr-footer-left.gif"); background-repeat:no-repeat;}
#footer .footer-middle {float:left; width:881px; height:30px; background:#b9b9b9 url("images/bgr-footer-name.gif"); background-repeat:no-repeat; background-position:right center;}
*html #footer .footer-middle{width:877px; height:30px; overflow:hidden;}
#footer .footer-right {float:left; width:9px; height:30px; background:url("images/bgr-footer-right.gif"); background-repeat:no-repeat;}
#footer .footer-middle div {padding-top:7px;}

/* TITRE PAGE */
#titre-page {padding:30px 0;}
#flash-titre{padding-top:15px;padding-left:15px;font-size:18px;color:#097d38;}
.col-centre-contenu {padding: 0px 35px 65px 35px;min-height:200px;}
h1.titre {margin-bottom:10px; padding: 10px 0 0 0;}
.afficher_colone{}
#col-centre {background:url("images/bgr-center-page.gif"); background-repeat:no-repeat; background-position:bottom right;}
#col-centre .col-centre-contenu {background:url("images/bgr-contenu.gif"); background-repeat:no-repeat;}


/*SITEMAP*/
#sitemap, #sitemap ul, #sitemap li{	margin:0;	padding:0;	list-style:none; }
#sitemap{}
#sitemap a
{
	color:#000000;
}
#sitemap a:hover
{
	ext-decoration:underline;
	color:#000000;
}
#sitemap ul{display:none;}
#sitemap li{line-height:200%;margin-top:1px;background:#eee;position:relative;width:100%; }
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{	float:left;	display:inline;}
#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url("images/collapsed.gif") no-repeat 0 0;} 
#sitemap li span.expanded{background:url("images/expanded.gif") no-repeat 0 0;}
/* second level */
#sitemap li li{	background:#fff;}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}
/* third level */
#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}


/* FOCUS HP */
#center table.gridacc {width: 923px; margin-left:24px;}
.gridacc #col-gauche {background-image: none; border:none; width: 415px;}


/* FOCUS HP SAVIEZ VOUS */
#SaviezVous {background:url("images/separateur_hp.gif"); background-repeat:no-repeat; background-position:bottom right; padding: 0 0 15px 0; margin: 10px 0 0 0;} 
#SaviezVousTitre {background:url("images/interrogation.gif"); background-repeat:no-repeat; background-position:top left; padding: 8px 0 0 45px;}
#SaviezVous p {padding: 0 45px 0 45px;}
#SaviezVous a.link_hp {font-family:"Verdana"; font-size:12px; display: block; padding: 8px 20px 8px 8px; background-color: #99ca3c; color: #FFFFFF; text-transform: uppercase; font-weight: bold; width: 130px; text-align: left;}

/* FOCUS HP SAVIEZ VOUS */
#GesteJour #coude {background:url("images/coude.png"); background-repeat:no-repeat; background-position:top left; width: 45px; height: 88px; position:absolute; margin:69px 0 0 335px; z-index:10;}
*html #GesteJour #coude {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bornedd.suezframework.com/cms/bornedd/css/images/coude.png', sizingMethod='scale');background: none;}
#GesteJour {margin: 7px 0 0 0; }
#ContenerGesteJourTitre {background:url("images/pouce.gif"); background-repeat:no-repeat; background-position:top left;}
#GesteJourTitre {margin: 5px 0 0 20px;}
#GesteJour p {padding: 0 45px 0 45px;}
#GesteJour a.link_hp {font-family:"Verdana"; font-size:12px; display: block; padding: 8px 20px 8px 8px; background-color: #99ca3c; color: #FFFFFF; text-transform: uppercase; font-weight: bold; width: 230px; text-align: left;}

/* FOCUS FORMULAIRE */
#form_accueil {line-height:1.8em; background:url("images/hp_big_image.jpg"); background-repeat:no-repeat; background-position:top left; width: 534px; height: 370px; font-family: "Arial";}
#forulaire_accueil {width: 230px; padding:180px 0 0 310px;}
#forulaire_accueil_titre {padding: 0 0 0 50px;}
#forulaire_accueil input {width: 15px;}
#nbs_form_home {width: 70px; float: left; font-size: 18px; color: #ed1260; font-weight: bold; margin-left:44px;  padding:  4px 0 0 0; }
*html #nbs_form_home {margin-left:22px;}
#next_form_home {width: 110px; float: left; }
#next_form_home a {background-color: #ed1260; color: #FFFFFF; font-weight: bold; display: block; padding:4px 5px; text-transform: uppercase; font-family: "Verdana"; font-size:12px;}


/* borne dd module */
#module_borne { /*background:url("gammes/borne/background.gif"); background-repeat:no-repeat; background-position:top right;*/}
#module_borne_contener {width: 689px; margin:0 auto;}
/*#logo_module {background: url("gammes/borne/logo-pollutec.gif") no-repeat 50px 20px;height: 81px;padding: 28px 0px 23px 0px;width: 300px;}*/
#module_borne_contener {margin: 0px auto;width: 689px;}
#module_borne_contener_header {background: url("gammes/borne/contener_top.png") no-repeat 0% 0%;height: 116px;padding: 0px 0px 0px 62px;}
#module_borne_contener_center {background: url("gammes/borne/contener_center.png") repeat-y 0% 0%;}
#module_borne_contener_bottom {background: url("gammes/borne/contener_bottom.png") no-repeat 0% 0%;height: 34px;}

*html #module_borne_contener_header {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bornedd.suezframework.com/cms/bornedd/css/gammes/borne/contener_top.png', sizingMethod='scale');background: none;}
*html #module_borne_contener_center {background: url("gammes/borne/contener_center.gif") repeat-y 0% 0%;}
*html #module_borne_contener_bottom {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bornedd.suezframework.com/cms/bornedd/css/gammes/borne/contener_bottom.png', sizingMethod='scale');background: none;}

#bouton_borne_suivant {float: right; margin: 0px 40px 0px 0px;}
#bouton_borne_precendent {float: left; margin: 0px 0px 0px 45px; margin-right: 180px;}

#bouton_borne_centre {float: left;}



.etape {padding-top: 35px;}
.q_1, .q_2, .q_3, .q_4 {margin-left: 40px;}
.q_1 {float: left; width: 285px;}
.q_2 {float: left; width: 285px;}
.q_1 .question {background: url("gammes/borne/question_1.gif") no-repeat 0% 0%;height: 16px;padding: 10px 0px 0px 32px;}
.contener_input {background: url("gammes/borne/input_01.gif") no-repeat 0% 0%;float: left;height: 23px;width: 83px;}
#module_borne input {color: rgb(58, 58, 58);font-family: Tahoma;font-size: 11px;}
.contener_input input {background: none;border: 0px;margin-left: 15px;margin-top: 4px;width: 60px;}
.q_2 .question {background: url("gammes/borne/question_2.gif") no-repeat 0% 0%;height: 16px;padding: 10px 0px 0px 32px;}
input.check {margin-left: 15px;width: 15px;}
.resultat_borne{color: #ED1260; font-weight: bold;}
#global .q_4 table {width: 250px;}
.special_q {float: none; width: 100%;}
.formulaire_end {margin-left: 40px;}
.formulaire_end form label {display: block;float: left;width: 65px;}
.formulaire_end form .contener_form_input {background: url("gammes/borne/input_form.gif") no-repeat 0% 0%;float: left;width: 122px;}
.formulaire_end form .contener_form_input input {background: none;border: 0px;margin-left: 15px;margin-top: 4px;width: 100px;}
.formulaire_end form  .contener_form_textarea {background: url("gammes/borne/textarea.gif") no-repeat 0% 0%;float: left;height: 129px;width: 262px;}
.formulaire_end form  .contener_form_textarea textarea {background: none;border: 0px;height: 119px;margin-left: 15px;margin-top: 4px;width: 242px;}
.formulaire_end form .submit_form_borne {margin-left:85px; width: 91px;}
.separateurs { margin: 0 35px 0 45px; background: url("gammes/borne/separateurs.gif"); background-repeat:no-repeat; width: 617px; height: 40px;}


#questionnaire .color{display: block; font-size:13px; margin: 0 0 10px 0;}

#col-droite {padding:15px 0 0 0;}

/* COLOR 1 */
#center #col-droite table.focus-color_one {width:182px; background-color:#96be0d; padding:20px 10px;  margin: 0 0 0 6px; }
#center #col-droite table.focus-color_one .focus_top {background:url("gammes/focus/vert-top.gif"); background-repeat:no-repeat; background-position:top left; height: 14px; }
#center #col-droite table.focus-color_one .focus_bottom {background:url("gammes/focus/vert-bottom.gif"); background-repeat:no-repeat; background-position:top left; height: 14px;}
#center #col-droite table.focus-color_one .focus_titre {color:#FFFFFF; padding:5px 0; font-weight: bold;padding:5px 10px;}
#center #col-droite table.focus-color_one .focus_texte {color:#FFFFFF; padding:5px 0;padding:5px 10px;}

/* COLOR 2 */
#center #col-droite table.focus-color_two {width:182px; background-color:#ec1260; padding:20px 10px;  margin: 0 0 0 6px; }
#center #col-droite table.focus-color_two .focus_top {background:url("gammes/focus/roset-top.gif"); background-repeat:no-repeat; background-position:top left; height: 14px;}
#center #col-droite table.focus-color_two .focus_bottom {background:url("gammes/focus/roset-bottom.gif"); background-repeat:no-repeat; background-position:top left; height: 14px;}
#center #col-droite table.focus-color_two .focus_titre {color:#FFFFFF; padding:5px 0; font-weight: bold;padding:5px 10px;}
#center #col-droite table.focus-color_two .focus_texte {color:#FFFFFF; padding:5px 0;padding:5px 10px;}

/* COLOR 2 */
#center #col-droite table.focus-color_three {width:182px; background-color:#96120d; padding:20px 10px;  margin: 0 0 0 6px; }
#center #col-droite table.focus-color_three .focus_top {background:url("gammes/focus/bordeau-top.gif"); background-repeat:no-repeat; background-position:top left; height: 14px;}
#center #col-droite table.focus-color_three .focus_bottom {background:url("gammes/focus/bordeau-bottom.gif"); background-repeat:no-repeat; background-position:top left; height: 14px;}
#center #col-droite table.focus-color_three .focus_titre {color:#FFFFFF; padding:5px 0; font-weight: bold;padding:5px 10px;}
#center #col-droite table.focus-color_three .focus_texte {color:#FFFFFF; padding:5px 0;padding:5px 10px;}


*html #etape_3 .special_q_2{padding-left:45px;}
*+html #etape_3 .special_q_2{padding-left:45px;}


#glossaire {text-align: left;}
#glossaire #gloassaire_alphabet {margin: 15px 0 0 0;}
#glossaire #gloassaire_alphabet a{display: inline; padding:3px 6px; background-color:#EC1260 ; color: #FFFFFF; font-weight: bold;}

/* CONCOURS */
.col-centre-contenu #questionnaire li {background:transparent url("") no-repeat scroll 0 5px; margin:5px 0; padding:5px 0;}
.col-centre-contenu #questionnaire input {float:left; width:5%;}
.col-centre-contenu #questionnaire label {
    width: 95%; float: left;
}

.col-centre-contenu #concours #btn-next {margin-top: 25px;}
.col-centre-contenu #concours #btn-finish {margin-top: 25px;}



.bloc-ensavoir-plus {display: block; background:transparent url("gammes/focus/savoir.gif") no-repeat 10px 5px; background-color:#96BE0D; color: #FFFFFF; padding:50px 25px 15px;}

.col-centre-contenu .bloc-ensavoir-plus a {color: #FFFFFF; text-decoration: underline;}



#concours button{color:#FFFFFF;font-weight:bold;padding-bottom:2px;padding-left:3px;padding-right:3px;padding-top:2px;background-color:#EC1260; border:1px solid #EC1260; cursor: pointer;}