@charset "utf-8";

/* 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; } 
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, Arial, Helvetica, sans-serif; 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;}
.col-centre-contenu ol li {padding-left:0px; background-image: none;}

/********** MISC CLASSES *************/
.border_image {border:1px solid #E5EAEE;}
.txt_italique {font-style: italic; font-size : 10px;}
.obligatoire_red {color:red;}
.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:#9C4097; 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://smcl.suezframework.com/cms/smcl/css/images/bgr-center.png', sizingMethod='scale');background: none;width:980px;}
#center table{width:892px; margin-left:46px; /*margin-top:30px;*/}
#center table table {width:85%; margin-left:8px; margin-top:0px; text-align: left;}
/*********** HEADER **********************/
#header {margin-left:3px;width:986px;}
/***************lexique************/
.results .titre-glossaire:first-letter {text-transform:uppercase;}

/* 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://smcl.suezframework.com/cms/smcl/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 50px 35px;min-height:200px;}
h1.titre {margin-bottom:10px;  padding: 10px 0 0 0; float:left; width:80%; display:block;}
div.bouton_action {float:left; width:20%; display:block; text-align:center;}
.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;}


/* FRIENDS */
#friends { margin:0 0 15px 15px;}
#friends .title-friends {color:#9C4097;  font-weight:bold; font-size:16px;}
#friends .titre {color:#9C4097; font-weight:bold; background-image:url("gammes/puces/gamme-4-puces-rose.gif"); background-repeat:no-repeat; background-position:center left; padding-left:10px;}
#friends label {float:left; width:55px; color:#000000;}
#friends input {float:left; width:250px; border:1px solid #a7a7a7;}
#friends #formulaire-friends-left {width:320px; float:left;}
#friends #formulaire-friends-left .text {color:#a7a7a7;}
#friends #formulaire-friends-left #email2 {float:none; width:215px;}
#friends #formulaire-friends-right {width:320px; float:left; margin-left:20px; padding-left:20px;}

#friends #formulaire-friends-right textarea {width:300px; height:165px; border:1px solid #a7a7a7; font-size:11px; padding:0;margin:0;}
#friends #formulaire-friends-right .valider {width:145px; height:17px; background-color:#9C4097; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; float:left; margin-top:10px;}
#friends #formulaire-friends-right .annuler {width:145px; height:17px; background-color:#9C4097; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; float:left;margin-left:10px; margin-top:10px;}


/* **************************** ALTERNATIVE TEXTE FLASH HEADER BANDEAU ************************************** */
/* LOGO */
#menu { overflow:hidden;}
#menu .logo{float: left; width:367px; height:196px; background:url("images/print_logo.jpg");}
#menu .logo a { display:block; height:100%; width:100%;}
#menu #cont-header { background-color:#FFF;}
/* NAVIGATION ACCESSIBILITE */
#nav_acces_web{margin: 0 0 0 30px; visibility: hidden; position: absolute; z-index: 5;  }
#nav_acces_web li{ padding: 0 0 0 15px;}
#nav_acces_web li a {color: #565654;}
/* LANGUE */
#menu .langue{float: left;  margin: 0 0 0 30px;}
#menu .langue li {display: inline; padding: 0 0 0 15px;}
#menu .langue li a{color: #565654;}
/* RECHERCHE */
#menu .recherche{float: left; margin: 0 0 0 30px;}
#menu .recherche .submit { width:50px;}
/* MENU */
#menu .menu{padding-left:30px; float:left;}
#menu .menu ul.espace { float:left; margin:0 5px; }
#menu .menu li.niveau { list-style: square; margin: 0 0 15px 0; padding-bottom:15px;}
#menu .menu li.niveau a{font-weight: bold; color: #9C4097;}
#menu .menu li.niveau li {list-style: circle; margin-left : 25px; }
#menu .menu li.niveau li a{font-weight: normal; color: #565654;}

/*SITEMAP*/
#sitemap, #sitemap ul, #sitemap li{	margin:0;	padding:0;	list-style:none;}
#sitemap{}
#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 */
.hp-grid{ /*margin: 2px 0 0 0;*/}
table.focus_centre_hp { font-size: 1.2em;}
table.focus_centre_hp .titre { color: #9c3f97;}
table.focus_centre_hp strong { color: #9c3f97;}

div.focus_right_hp {  padding: 0 23px 0 23px; list-style: none; font-size: 1.3em; margin: 0; padding: 0;}
div.focus_right_hp a {display: block; background-color: #9ca53b; margin:8px 0; padding: 4px 8px; font-weight: bold; text-transform: uppercase; }
div.focus_right_hp a:hover { text-decoration: none;}



/* EDITO */
.focus_centre_hp table.focus-edito-hp {width:360px; color:#010101; margin: 25px 0 0 3px;}
.focus_centre_hp table.focus-edito-hp p {line-height:1.3em; margin: 0 0 0 3px; }
.focus_centre_hp table.focus-edito-hp .red {color:#ed1260; font-weight:bold;}

/* CONCOURS */
#center table.focus-concours-hp {color:#010101; margin: 0; }
#center table.focus-concours-hp p {line-height:1.3em; margin: 0 0 0 3px; }
#center table.focus-concours-hp .lien-1 a{display:block; background-color:#ed1260; padding:6px 0px 6px 8px; width:245px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:14px; margin:10px 0 0 110px;}
#center table.focus-concours-hp .lien-2 a{display:block; background-color:#ed1260; padding:6px 0px 6px 8px; width:245px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:14px; margin:3px 0 0 110px;}
/* FOCUS PAGE */
#col-droite{ padding: 0; }

/* COLOR 1 */
#center #col-droite table.focus-color_one {width:182px; background-color:#9aca3b; padding:20px 10px;  color:#010101; margin: 0 0 0 6px; }
#center #col-droite table.focus-color_one .titre{font-weight:bold; color:#FFFFFF; font-size:13px; padding:20px 10px 0 10px;}
#center #col-droite table.focus-color_one .lien-1 a{display:block; background-color:#ed1260; padding:4px 0 4px 8px; width:180px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:13px; margin:0 0 10px 10px;}
#center #col-droite table.focus-color_one .lien-2 a{display:block; background-color:#ed1260; padding:4px 0 4px 8px; width:180px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:13px; margin:0 0 10px 10px;}
#center #col-droite table.focus-color_one .classique {padding:20px 10px;}
/* COLOR 2 */
#center #col-droite table.focus-color_two {width:182px; background-color:#9ca53b; color:#010101; margin: 12px 0 0 6px; }
#center #col-droite table.focus-color_two .titre{font-weight:bold; color:#FFFFFF; font-size:13px;  padding:20px 8px 0 10px; background: transparent url(images/bg_arrondi_top.gif) left top no-repeat;}
#center #col-droite table.focus-color_two a { color:#FFFFFF; text-decoration: underline;}
#center #col-droite table.focus-color_two .classique {padding:20px 10px; background: transparent url(images/bg_arrondi_bottom.gif) left bottom no-repeat;}
/* COLOR 3 */
#center #col-droite table.focus-color_three {width:182px; background-color:#ffc20e; color:#010101; margin: 0 0 0 6px; }
#center #col-droite table.focus-color_three .titre{font-weight:bold; color:#FFFFFF; font-size:13px; padding:20px 10px 0 10px; background: transparent url(images/bg_arrondi_top.gif) left top no-repeat;}
#center #col-droite table.focus-color_three .classique {padding:20px 10px; background: transparent url(images/bg_arrondi_bottom.gif) left bottom no-repeat;}

#main_form h1{ font-weight: bold; }
#main_form label{ font-weight: normal; }





/* FORMULAIRES */

/*	TOUS	*/
label {/* cursor: pointer;*/}
input.checkbox, input.radio { width: 30px; text-align: left;}
legend { font-weight: bold; color: #000000; padding: 0;}
#bouton-valider { margin-left: 180px; width:250px;}
.valider #bouton-valider { margin: 0;}
#whoswhoform label.large { width: 95%;}
#main_form abbr { border-bottom: none;}

/* Connexion	*/
.connexion label { margin: .5em 0; width: 150px; display: block; float: left; clear: left;}
.connexion input { margin: .5em 5px .5em 20px; float: left; clear: right;}
.connexion #bouton-valider { margin:  1.2em 0 4em 170px; clear: left;}

/*	AGENDA	*/
#agenda .actu {	margin-top: 30px;}
#agenda .actu h3 { margin: 1em 0; font-weight: bold}
#agenda .actu .date {}
#agenda .actu .titre {}

/* form INSCRIPTION whoswhoform	*/
#whoswhoform p { margin: 1em 0 0 0; }
#whoswhoform label { width: 150px; display: block; float: left; clear: both; }
#whoswhoform .field { margin: 1em 0; padding: 0;}
#whoswhoform .field legend { font-weight: bold; margin: 0; padding: 0;}
#whoswhoform .field label { clear: right; text-align: left; margin-top: .5em; }
#whoswhoform .field input { margin: 0 5px 0 140px; float: left; clear: left;}

/* form CONCOURS	*/
#concours {}
#concours #bouton-valider {  width:255px;; margin-left: 190px;}
#concours form { margin-top: 2em;}
#concours form li { background: none;}
#concours fieldset { margin: 3em 0; padding: 0;}
#concours fieldset ol { margin-left: 20px;}
/* */
#concours fieldset#question label { clear: right; text-align: left; margin-top: .5em; }
/* */
#concours fieldset#p_renseignements { padding: 0px;}
#concours fieldset#p_renseignements label { width: 150px; margin: .5em 20px 0 0; display: block; float: left; clear: left; }
#concours fieldset#p_renseignements input { margin-top: .5em; float: left; }

/* form INSCRIPTION AUX EVENEMENTS insc_event	*/
#concours {}
#concours form #video label { width: 60px; float: left;}
#concours form #video input { float: left; clear: none;}

/* 	*/
#insc_event #dejeuner fieldset#question label { clear: right; text-align: left; margin-top: .5em; }
#insc_event #dejeuner p { margin: 0; }
#insc_event #dejeuner label { width: 160px; margin:0 20px 0 0; display: block; float: left; clear: left; }
#insc_event #dejeuner fieldset { margin: 1.5em 0; padding: 0;}
#insc_event #dejeuner fieldset legend { font-weight: bold; margin: 0; padding: 0;}
#insc_event #dejeuner fieldset label { clear: right; text-align: left; margin-top: 8px; }
#insc_event #dejeuner fieldset input { margin: 6px 5px 0 180px; float: left; clear: left;}
#insc_event select { margin: 1.5em 0 1.5em 180px; width:250px;}
#insc_event select#creneau { border: solid 1px #cccccc;}
#insc_event .precisions { width: 240px; margin-left: 180px; color:#999999; font-size: .85em;}

#insc_event #places_restantes {margin-left:180px; width: 250px; color: #888888; text-align: right;}



.disabled{ color: #ccc; }