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

/* RESET WHITE SPACE */
* {padding:0; margin: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, Arial, Helvetica, sans-serif; text-align:justify; color: #000000; background-color:#FFFFFF; }



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



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

h2 {
    text-transform: uppercase; color: #acc22e; font-size: 14px; font-weight: bold;
}
h3 {
    text-transform: uppercase; color: #000000; font-size: 12px; font-weight: bold;
}

.masquer-colonne{
display:none;
width:1px;
}
#print_css {display:none;}
/*****hp****************/
.gridac {background-color:#cccccc; }
.gridac #col-gauche-focus-hp{background-color:#cccccc; margin: 7px; }
.gridac #col-centre-focus-hp{background-color:#cccccc; margin: 7px; width: 50px; }
.gridac #col-droite-focus-hp{background-color:#cccccc; margin: 7px; }


#global {width:986px; margin: 0 auto;  padding:0;border-top:0; height: auto;  margin-top:5px;}
#center {background:url("images/bgr-center.gif"); background-repeat:repeat-y;width:986px; padding-top: 15px;}
#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;background:url("");background-repeat:no-repeat;}
/**************** FOOOTER **************/
#footer {background:url("images/bgr-bottom.gif"); background-repeat:no-repeat; height:63px; width:986;}

/**********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: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; background-repeat:no-repeat; background-position:right center;}
#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;}
*html #footer .footer-middle{width:877px; height:30px; overflow:hidden;}

/* TITRE PAGE */
#titre-page {padding:30px 0;}
#flash-titre{padding-top:15px;padding-left:15px;font-size:18px;color:#097d38;}
h1.titre {margin-bottom:20px; }
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 { padding: 0 15px;}
.gridacc #col-centre .col-centre-contenu { padding: 0; width: 285px; }

/*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:#4AAEDC;  font-weight:bold; font-size:16px;}
#friends .titre {color:#4AAEDC; 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:#4AAEDC; 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:#4AAEDC; 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:333px; 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;}
/* URL */
#menu .url_suez { float:left; text-align:center; margin-left:10px;}
#menu .url_suez a{ font-size:15px; color:#333; }
/* 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: #4AAEDC;}
#menu .menu li.niveau li {list-style: circle; margin-left : 25px; }
#menu .menu li.niveau li a{font-weight: normal; color: #565654;}

/*COMMUNIQUES - PUBLICATIONS*/
.titre{text-transform:uppercase; font-size:12px; font-weight:bold;}
#titre-doc{color:#009195;}
.document{/*text-align:right;*/}
.download-poids{text-align:right;}
.image img{width:180px; padding:0 5px; margin-top:0px}
.image{float:left;}
#communiques .titre-communiques a {color:#99CA3B;font-weight:bold;padding-bottom:4px;padding-top:10px;}
#communiques .titre-communiques {color:#99CA3B;font-weight:bold;padding-bottom:4px;padding-left:0px;padding-top:10px;}

/************ SITEMAP *************/
/* first level */
#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%;}
* 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;}



/* CONTACT */
#contact {}
#contact .bloc-list { padding-bottom:5px}
#contact .bloc-list-date {color:#009195; font-weight:bold}
#contact .bloc-list-titre { font-weight:bold; padding-bottom:10px}
#contact .titre {color:#009195;}
#contact .titre-list {color:#009195;}
#contact .bloc-list-icon {float: right; width: 85px}
#contact .bloc-list-spacer { display:block; padding-bottom:15px}
#contact .bloc-list-puce { background:url("gammes/puces/puces-color2-gamme-1.gif") left no-repeat; height:5px; width:5px; padding-left:10px}

fieldset {padding-top:20px;}
fieldset p label{float:left; font-weight:bold; padding-right:20px; text-align:left; width:160px;}
fieldset p{margin-bottom:5px;}
select, input, textarea{ font-size:1.1em; letter-spacing:1px; }
input, textarea {width:250px;}
#bouton-valider {color:#FFFFFF; font-weight:bold; width:250px; padding:2px 0; background-color:#9CA53B; border:none;}

/* FOCUS HP - COMMUNIQUE */
#teq-communique-hp{ margin: 7px 0 0 0; background: transparent url("images/hp/bg_focus_hp_degrade_middle.gif") left top repeat-y; width: 287px; }
#teq-communique-hp .bg-top{ height: 10px; width: 100%; background: transparent url("images/hp/bg_focus_hp_degrade_top.gif") left top no-repeat; }
#teq-communique-hp .bg-bottom{ background: transparent url("images/hp/bg_focus_hp_degrade_bottom.gif") left bottom no-repeat; }
#teq-communique-hp .bg-bottom .contenu{ margin: 0 0 0 20px; width: 85%; padding: 0 0 20px 0; }
#teq-communique-hp .teq-date-communique{ color:#A0A234; }
#teq-communique-hp .teq-communique-suite{ background-color:#A0A234;	text-align:center; text-transform:uppercase; width:137px; float:right; margin: 0 2px 0 0; }
#teq-communique-hp .teq-communique-suite a{	color:#FFF; font-weight: bold; }

/* FOCUS HP - MONDE */
#map-monde-hp{ background: transparent url("images/hp/degremont_in_world.jpg") left bottom no-repeat; width: 287px; height: 175px; }


.vert {color: #37955D;}
.bleue {color: #00B0DF;}
.texte_bleu{ font-weight:bold; color:#00b0df; }