/*  http://rhum:81/suez-env_2008/site/wizard/cms/sita_13/css/images/ */

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

/* 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-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, Arial, Helvetica, sans-serif; text-align:justify; color: #000000;                               
    background-color: #FAF9F8;
    background-image: url("images/background-corpo.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
}


/************* OBJETS GLOBALS *********************/
a  {text-decoration:none; outline:none; position:relative;}
p {}
a:hover {text-decoration:underline;}
img { border:none; }
ul, li {list-style:none; text-align:left;margin:10px 0pt 10px 20px;}










/********** 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;}

/*****hp****************/
.gridac {background-color:#cccccc;}


#global {width:986px; margin: 0 auto;  padding:0;border-top:0; height: auto;  margin-top:5px; margin-bottom:10px;}
#center {background:url("images/bgr-center.png"); background-repeat:repeat-y;width:986px; margin-left:3px;}
* html #center { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sita.fr/cms/sita_13/css/images/bgr-center.png', sizingMethod='scale'); width:980px;}


#center table{width:893px; margin-left:48px; /*margin-top:30px;*/}
* html #center table{width:898px}

.gamme-1 #center table{width:893px; margin-left:45px; /*margin-top:30px;*/}
#center table table {width:100%; margin-left:0px; margin-top:0px;}
/*********** HEADER **********************/


#header {margin-left:3px;background:url("");background-repeat:no-repeat; position: relative;}


#header .s-titre {
    color: #FFFFFF;
    font-size: 20px;
    left: 55px;
    position: absolute;
    text-transform: uppercase;
    top: 279px;
}

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


#footer .footer-fin-de-page .s-titre {
    padding: 23px 0 0 46px;
    font-size: 12px;
    text-transform: uppercase; 
    font-style: italic;
}

/**********WEBRING*************/
#footer {}
#footer #footer-placement {width:900px; margin-left:auto; margin-right:auto;padding-top:15px;}
#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;}



#teq-footer-sitemap-content{ background: transparent url('images/bgr-top-footer.png') no-repeat left top; padding: 10px 0 0; margin-left: 3px; } 
* html #teq-footer-sitemap-content{ background: none; margin:0; padding: 0 }
* html .footer-debut-bloc-ie6{ margin: 10px 0 0 3px; height: 10px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sita.fr/cms/sita_13/css/images/bgr-top-footer.png', sizingMethod='scale');  width:980px;}
#teq-footer-sitemap-content .teq-content { width: 980px; background: transparent url("images/bgr-bottom-footer.png") no-repeat left bottom; padding: 0 0 10px;}
* html #teq-footer-sitemap-content .teq-content { 
    background: none;  padding: 0;
}
* html .footer-fin-bloc-ie6{  margin-left: 3px; width: 980px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sita.fr/cms/sita_13/css/images/bgr-bottom-footer.png', sizingMethod='scale'); }
#teq-footer-sitemap-content .teq-content .content { 
    color: #878787; padding: 8px 25px 0;  background: transparent url("images/bgr-center.png") repeat-y scroll 0 0 ; width:980px; 
}
* html #teq-footer-sitemap-content .teq-content .content { 
     padding: 8px 0 0 25px; 
     margin-left: 3px;  
     width:955px; 
     background: none;  
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sita.fr/cms/sita_13/css/images/bgr-center.png', sizingMethod='scale');
}

.nbreCol-5 .col-1, 
.nbreCol-5 .col-2, 
.nbreCol-5 .col-3, 
.nbreCol-5 .col-4 {
    border-right: 1px dotted #878787;    margin-bottom: 0;    margin-right: 15px;    min-height: 200px;    padding-right: 15px;    float: left; width: 160px;
}

.nbreCol-5 .col-5{
    float: left; width: 160px;
}
#teq-footer-sitemap-content .teq-content .content .titre {
    font-weight: bold; text-align: left; margin-bottom: 5px;
}

#teq-footer-sitemap-content .teq-content .content .twitter{
    background: transparent url('images/ico-twitter.jpg') no-repeat left top;
    padding: 0 0 0 20px;    
}
#teq-footer-sitemap-content .teq-content .content .rss{
    background: transparent url('images/ico-rss.jpg') no-repeat left top;
    padding: 0 0 0 20px;
}

#teq-footer-sitemap-content .teq-content .content .map-icon {
    background-image: url("images/teq-sprites-icones.gif");
    background-position: 0 -154px;
    background-repeat: repeat-y;    
    padding: 2px 0 2px 35px;    
}
#teq-footer-sitemap-content .teq-content .content ul {
    margin: 0 0 15px;
}
#teq-footer-sitemap-content .teq-content .content ul li {
    margin: 2px 0;
    list-style: none outside none;
    text-align: left;
    background: none;
    line-height: 15px;
}
#teq-footer-sitemap-content .teq-content .content a {
    color: #878787;
}
#teq-footer-sitemap-content .teq-content .content li.lien-special a{
    text-align:right;
    display: block;
}
.gdfsuez-icon {
    background: transparent url("images/logo-gdf.gif") no-repeat left top;    
    display: block;
    height: 20px;
    margin: 60px auto 0;
    width: 132px;
}

/* TITRE PAGE */
#titre-page {padding:30px 0;}
#flash-titre{padding-top:15px;padding-left:15px;font-size:18px;color:#097d38;}
.col-centre-contenu {padding: 0 20px 65px 35px;min-height:400px;}
* html .col-centre-contenu {padding: 0 20px 65px 20px;min-height:400px;}
h1.titre {margin-bottom:20px; float:left; width:80%; display:block;}
div.bouton_action {float:left; width:20%; display:block; text-align:center;position: relative;}
div.bouton_action_module {float:right; width:20%; display:block; text-align:center;position: relative;}
div.bouton_action a.twitter, div.bouton_action_module a.twitter {float:right;position:absolute; top: 2px; right: 7px;}
div.bouton_action a.twitter span, div.bouton_action_module a.twitter span {background: url('images/twitter.png');display: block;height: 16px;line-height: 16px !important;overflow: hidden;position: absolute;top: 3px;width: 16px;}
.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;}

/*PAGE TYPE*/
.pagetype .libelle-cp{padding-bottom:15px;}
.pagetype  table{border: medium solid #adc22d;width: 50%;border-collapse:collapse;text-align:center;font-size:11px;}
.pagetype  table tr{height:25px;}
.pagetype .int-tab{font-weight:bold;}
.pagetype  table td{width:100px;}
.pagetype  table .pays{text-align:left;font-weight:bold;width:auto;text-indent:10px;}
.pagetype  table .couleur{background-color:#e9efd3;}
.pagetype td, th{border: thin solid #adc22d;width: 50%;}



/* FRIENDS */
#friends { margin:0 0 15px 15px;}
#friends .title-friends {color:#CF691E;  font-weight:bold; font-size:16px;}
#friends .titre {color:#CF691E; 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:4px; }

#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:#CF691E; 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:#CF691E; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; float:left;margin-left:10px; margin-top:10px;}


/* **************************** ALTERNATIVE TEXTE FLASH HEADER BANDEAU ************************************** */
/* LOGO */
#menu .logo{float: left; width:335px; height:200px; 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: #CF691E;}
#menu .menu li.niveau li {list-style: circle; margin-left : 25px; }
#menu .menu li.niveau li a{font-weight: normal; color: #565654;}



#col-droite{
    overflow: hidden;
    width: 201px;
}
/* FOCUS */
/* bleu */
#col-droite .focus-right-modele-bleu {
    background:url("gammes/focus/bgr-focus-bleu-rpt.gif"); 
    background-position: -1px 0;
    background-repeat:repeat-y; 
    width:201px; 
}
#col-droite .focus-right-modele-top-bleu {
    /*background:url("gammes/focus/bgr-focus-bleu-top.gif"); 
    background-repeat:no-repeat;
    background-position: -1px 0;*/
    width:201px; 
    height:36px; 
    font-weight:bold; 
    color:#009ac9; 
    padding-left:20px; 
    font-size:14px;
}
#col-droite .focus-right-modele-center-texte-bleu {
    background:url("gammes/focus/bgr-focus-bleu-bottom.gif"); 
    background-position: -1px 0;
    background-repeat:no-repeat;
    width:201px; 
    background-position:bottom left; 
    padding:15px;
}
#col-droite .focus-right-modele-center-intro {
    color:#009ac9; 
    font-weight:bold; 
    padding-bottom:5px;
}
#col-droite .focus-right-modele-bleu a {
    color:#000000;
}

/* jaune */
#col-droite .focus-right-modele-jaune {
    background:url("gammes/focus/bgr-focus-jaune-rpt.gif"); 
    background-repeat:repeat-y;
    background-position: -1px 0;
    width:201px;
}
#col-droite .focus-right-modele-top-jaune {
    background:url("gammes/focus/bgr-focus-jaune-top.gif"); 
    background-repeat:no-repeat; 
    background-position: -1px 0;
    width:201px; 
    height:36px; 
    font-weight:bold; 
    color:#fdc400; 
    padding-left:20px; 
    font-size:14px;
}
#col-droite .focus-right-modele-center-puces-jaune {
    background:url("gammes/focus/bgr-focus-jaune-bottom.gif"); 
    background-repeat:no-repeat;
    width:201px; 
    background-position:bottom left; 
    padding:15px;
}
#col-droite .focus-right-modele-jaune a {
    color:#000000;
}
#col-droite .focus-right-modele-center-puces-jaune ul li {
    background:url("gammes/puces/fleche-blanche.gif"); 
    background-repeat:no-repeat; 
    background-position:0px 3px; 
    padding-left:18px; 
    padding-bottom:3px;
}

/* vert */
#col-droite .focus-right-modele-vert {
    background:url("gammes/focus/bgr-focus-vert-rpt.gif"); 
    background-repeat:repeat-y;
    background-position: -1px 0;
    width:201px;
}
#col-droite .focus-right-modele-top-vert {
    background:url("gammes/focus/bgr-focus-vert-top.gif"); 
    background-repeat:no-repeat; 
    background-position:0 0; 
    width:201px; height:36px; 
    font-weight:bold; 
    color:#97be0d; padding-left:20px; 
    font-size:14px;
}
#col-droite .focus-right-modele-center-pdf-vert {
    background:url("gammes/focus/bgr-focus-vert-bottom.gif"); 
    background-repeat:no-repeat;
    width:201px; 
    background-position: -1px bottom; 
    padding:15px;}
#col-droite .focus-right-modele-vert a {
    color:#000000;
}
#col-droite .focus-right-modele-center-pdf-vert ul li {
    background:url("gammes/puces/fleche-blanche.gif"); 
    background-repeat:no-repeat; 
    background-position:0px 3px; 
    padding-left:15px; 
    padding-bottom:3px;
}




/*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;}


#publication .publication-liste-image-presentation {
    padding: 0 10px 20px 0;
}

/*
 * PUBLICATION GRID
*/
#global .ydnLayout_2 #publication .publication-liste-texte-presentation {
    width:450px;
}
#global .ydnLayout_3 #publication .publication-liste-texte-presentation {
    width:335px;
}
* html #global .ydnLayout_3 #publication .publication-liste-texte-presentation {
    width:325px;
}
/*
 * FOCUS 90 ANS
*/
#ydnFocus90Year {
    width: 204px; background:url("gammes/focus/bgr-focus-90ans-rpt.jpg") repeat-y 0 0;
}
#ydnFocus90Year .ydn90YearTop {
    height: 102px; background:url("gammes/focus/bgr-focus-90ans-top.jpg") no-repeat 0 0;
}
#ydnFocus90Year .ydn90YearBottom {
    background:url("gammes/focus/bgr-focus-90ans-bottom.jpg") no-repeat bottom left; padding: 15px 20px;
    min-height: 139px; height: auto !important; height: 139px; text-align: left;
    font-size: 12px; font-family: Arial;
}
#ydnFocus90Year .ydn90YearBottom .ydnTitle {
    font-size: 16px; font-weight: bold; color: #a4c400;
}
#ydnFocus90Year .ydn90YearBottom strong {
    color: #eb6a0a; font-size: 16px;
}
#ydnFocus90Year .ydn90YearBottom p.ydnPuce {
    padding-left: 15px;
}
#ydnFocus90Year .ydn90YearBottom a {
    color: #000000; background:url("gammes/focus/bgr-focus-90ans-puce.gif") no-repeat 0 4px; padding-left: 15px;
}

/*Mod Communiques*/
#communiques .accroche p{font-weight:bold;}


#contact input {
    width: 490px;
}
#contact textarea {
    width: 490px;
}
#contact select {
    width: 490px;
}
*html #lexique #lexique-contener {
	position: static;
}
*html #lexique{
	position: static;
	zoom:1;
}