/* Réalisation: [C³] - www.celtikcity.com*/

body {
margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; /* SAUF les titres (Arial) */
background: #dfe6f3 ;} /* url(images/repetFond.gif) repeat-x */

/* ////////////// DIV ////////////// */
#conteneur {
position: absolute; /* pour site centré: position: relative;*/
width: 759px;
margin: 0 10%;
background: url(images/repetFondCSSf.gif) repeat-y left;}

#enTete {height:174px; background: url(images/enTete.jpg) no-repeat;}

/*navigation transverse (accessibilité)*/
#acces {padding: 13px 10px 0 0; font-size: 0.55em; text-align: right;}

#menu {
float:left;
width: 273px;
background: url(images/repetmenuCSSf.gif) repeat-y right;
font-size: 0.9em;
padding: 20px 0 0 19px;}

#contenus {
margin-left: 292px; /*Relié à taille #menu*/
margin-right: 2px;
}

#contenus.plan {} /*Photo plan du site*/

#ssmenu {font-size: 0.8em; margin-bottom: 10px;} /* DIV sous menu */

#EPmenu {font-size: 0.8em; margin-bottom: 10px;} /* DIV menu des pages enquete publique */

#sousMenuInterne {font-size: 0.8em; margin-bottom: 10px;} /* DIV sous menu des pages interieures */


#piedPage {
clear: both; /* combiné au flottement du menu induit le fait que le menu pousse le pied de page*/
margin-top: 20px;
height:26px;
background: url(images/piedCSSf.gif) no-repeat; background-position: bottom;
text-align: center; font-size: 0.55em; color: #00A0AF /* couleur copyright RTE */;}

#cartouche {margin-bottom: 10px;}

hr {color: #fdb813;}

/* ////////////// Textes ////////////// */

.PiecesDossierEP {color: #0F0; font-size: 0.9em;}

.grasItalique {font-weight: bold; /*color: #f94803*/ color: #00A0AF;}
.note {font-size: 10px;} /*Bas de page historique (CESI)*/
.description {font-size: 0.6em; color: #f94803;}/*Précisions sur Telecharger un dossier*/

p {font-size: 0.7em;}
.justifie {text-align: justify;} /* cable de garde faqlignes*/

*.fauxH4 { /* "Ajuster le projet, au plus près du terrain" pageprojetLocalisation.htm */
font-size: 1.3em !important;
color: #14A0FF; letter-spacing: -1px;
padding: 0;
margin: 3px 0 8px 0;}

ul {margin: 0; padding-left: 20px; list-style-type: none;} /* padding-left détermine le retrait des puces*/
li {font-size: 0.75em; padding: 0 0 0 15px; background: transparent url(images/puce.gif) 0 5px no-repeat; margin-bottom: 0.5em;} /* padding répartition du txt par rapport aux puces*/
.puceInvisible {background: transparent url(images/-.gif) 0 5px no-repeat;}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

h1 {
font-size: 1.8em; letter-spacing: -2px;
color: #fff;
background: #fdb813 url(images/h1.gif) 3px 10px no-repeat; padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

h2 {
font-size: 1.5em;
color: #fdb813; letter-spacing: -2px;
background: #FFF url(images/h2.gif) 3px 7px no-repeat;
padding: 0 0 0 20px;
margin: 5px 0 10px 0;
border: 1px solid #fdb813; border-right: none;}

h3 {
font-size: 1.2em;
color: #fdb813; letter-spacing: -1px;
background:#FFF url(images/h3.gif) 0 4px no-repeat;
border-bottom: 1px solid #fdb813;
padding: 0 0 0 20px;
margin: 6px 0 8px 0;}

h4 { /* voir aussi style fauxH4 */
font-size: 1em;
color: #14A0FF; letter-spacing: -1px;
padding: 0;
margin: 3px 0 8px 0;}

h5 {
font-size: 1em;
color: #333; letter-spacing: -1px;
padding: 0;
margin: 3px 0 8px 0;}	/* pseudo titre pour historique */

h6 {
font-size: 0.9em;
color: #14A0FF; letter-spacing: -1px;
font-weight: bold;
padding: 0;
margin: 15px 0 5px 5px;
border-bottom: 1px solid #14A0FF; border-right: none;}
/*dates dans presse et calendrier */

h7 {
font-size: 0.9em;
color: #FFF; letter-spacing: -1px;
font-weight: bold;
padding: 5px 300px 5px 5px;
margin: 15px 0 5px 5px;
background: #66CCFF url(images/ongletH7.gif) no-repeat right top;
border-bottom: 1px solid #14A0FF; border-left: 3px solid #14A0FF; border-right: none;} /* H1 Enquete Publique */

h8 {
font-size: 0.8em;
color: #14A0FF; letter-spacing: -1px;
font-weight: bold;
margin: 15px 0px 5px 5px;} /* H2 Enquete Publique */

/* ////////////// Liens ////////////// */

a.lienTelechargement:active, a.lienTelechargement:link, a.lienTelechargement:visited {color: #f94803; font-size: 0.9em;}
/*Pour le texte associé voir .description*/
a.lienTelechargement:hover {color: #14A0FF;}
#piedPage a {text-decoration: none; color: #00A0AF;}
#piedPage a:hover {text-decoration: underline;}
a.traitUnion:active, a.traitUnion:link, a.traitUnion:visited {color: #fdb813; font-size: 0.9em;}
/*Pour la revue Trait d'Union*/
a.traitUnion:hover {color: #00a0af;}
a:active, a:link, a:visited {color: #14A0FF;}
a:hover {color: #f94803;}

/*	Navigation transverse - accessible - en tête*/
#acces a {color: #4c4c4c; text-decoration: underline;}
#acces a:hover {text-decoration: none; color: #000;}

/*	Sous menu pages projet*/
.menuhaut {list-style-type: none; margin: 0; padding:0;}
.menuhaut li {display: inline; color: #F00;}
.menuhaut a {margin: 0; color: #14A0FF; text-decoration: underline;}
.menuhaut a:hover {text-decoration: none; color: #f94803;}

/*	cartouche */
#cartouche ul { padding: 1px 5px 0 0 /*Retrait du bouton*/; list-style: none !important;}
#cartouche li { background: none /*suppr puces en bckgd*/; display: block; margin: 15px 0 0 0;}
#cartouche li a { text-decoration: none; color: #fff; background: url(images/cartoucheG.gif) no-repeat left top;
line-height: 16px; font-weight: bold; padding: 0 0 1px 0;}

#cartouche a span { background: url(images/cartoucheD.gif) no-repeat right top; padding: 0 10px 1px 10px /*espace txt/bouton*/;}
#cartouche a:hover { background-position: 0% -16px; color: #333}
#cartouche a:hover span { background-position: 100% -16px;}


/* ////////////// Images ////////////// */
img {border: 0;}
.photoFloatGauche {float: left; margin: 2px;}
.photoFloatDroite {float: right; margin: 2px;}
.ombreMenu {width: 273px; height: 21px; background: #FFF url(images/BasOmbreMenu.gif) bottom center no-repeat;}
.photoFloatDroiteMargeBasse {float: right; margin: 2px 2px 50px 2px;}
.photoFloatDroitePtMargeBasse {float: right; margin: 2px 2px 20px 2px;}

/* ////////////// MENU ////////////// */

#menu ul {margin: 0; padding: 0; list-style-type: none !important;}
#menu ul li {margin: 2px 0 5px 5px; padding: 0; line-height: 30px;}
#menu ul li a {COLOR: #0A50A1; text-decoration: none; padding-left: 5px; margin-left: 30px; width: 215px;}
#menu > ul li a {display: block;} /*sélecteur d'enfant : incompris par IE*/
#menu a:hover {COLOR: #FFF; background-color: #0A50A1; display: block;}

#menuActu {background: url(images/menuActu.gif) no-repeat;}
#menuProjet {background: url(images/menuProjet.gif) no-repeat; margin-bottom: 0px !important;}
#menuCalend {margin-left: 29px!important; background: url(images/menuCalend.gif) no-repeat;}
#menuEtapes {background: url(images/menuCalend.gif) no-repeat; margin-bottom: 0px !important;} /*Ancien picto: menuEtapes.gif*/
#menuDebat {background: url(images/menuDebat.gif) no-repeat;}
#menuRTE {background: url(images/menuRTE.gif) no-repeat;}
#menuFaq {background: url(images/menuFaq.gif) no-repeat;}
#menuPresse {background: url(images/menuPresse.gif) no-repeat;}
#menuContact {background: url(images/menuContact.gif) no-repeat;}
#menuPap {background: url(images/menuPap.gif) no-repeat;}
#menuDoc {background: url(images/menuDoc.gif) no-repeat;}

ul#ssListeMenu li {margin:0 0 0 20px; line-height: 15px; background: url(images/-.gif) no-repeat;}
ul#ssListeMenu a.miniMenu {font-size: 9px; background: url(images/minifleche.gif) no-repeat left top; padding-left: 10px;}
ul#ssListeMenu li a:hover {background: #0A50A1 url(images/minifleche.gif) no-repeat; width: 194px;}
/*police gérée dans .miniMenu*/


/* ////////////// SOUS MENUS dans les pages Les mesures environnementales (figuraient précédement ds rubriques du menu) ////////////// */


#sousMenuInterne ul {margin: 0; padding: 0; list-style-type: none !important;}
#sousMenuInterne ul li {margin: 2px 0 5px 5px; padding: 0; line-height: 30px;}
#sousMenuInterne ul li a {COLOR: #fdb813; text-decoration: none; padding-left: 5px; margin-left: 30px; width: 250px;}
#sousMenuInterne > ul li a {display: block;} /*sélecteur d'enfant : incompris par IE*/
#sousMenuInterne a:hover {COLOR: #FFF; background-color: #fdb813; display: block;}

# li {margin: 2px 0 5px 5px; padding: 0; line-height: 30px; border: 1px solid #f0f;}

.ssMenuInterneEnCours {margin: 2px 0 2px 30px; width: 250px; display: block; background: url(images/miniflecheFixe.gif) no-repeat left top; padding-left: 10px;}
a.ssMenuInterneEnCours { text-decoration: none; font-size: 11px; COLOR: #333 !important; cursor:default !important; background-color: #FFF !important}

ul#ListesousMenuInterne li {margin: 0 0 2px 0; line-height: 16px; background: url(images/-.gif) no-repeat;}
ul#ListesousMenuInterne a.ssMenuInterne {font-size: 12px; background: url(images/minifleche.gif) no-repeat left top; padding-left: 10px; border: 1px solid #fdb813;}
ul#ListesousMenuInterne li a:hover {background: #fdb813 url(images/minifleche.gif) no-repeat; width: 250px;}
/*police gérée dans .ssMenuInterne*/


/* //////////////  MENU de l'enquete publique ////////////// */


#EPmenu ul {margin: 0; padding: 0; list-style-type: none !important;}
#EPmenu ul li {margin: 2px 0 5px 5px; padding: 0; line-height: 30px;}
#EPmenu ul li a {COLOR: #fdb813; text-decoration: none; padding-left: 5px; margin-left: 30px; width: 400px;}
#EPmenu > ul li a {display: block;} /*sélecteur d'enfant : incompris par IE*/
#EPmenu a:hover {COLOR: #fff; background-color: #fdb813; display: block;}

.EPmenuEnCours {margin: 2px 0 2px 30px; width: 400px; display: block; background: url(images/miniflecheFixe.gif) no-repeat left top;
padding-left: 10px;}
a.EPmenuEnCours { text-decoration: none; font-size: 11px; COLOR: #333 !important; cursor:default !important; background-color: #FFF !important}

ul#ListeEPmenu li {margin: 0 0 2px 0; line-height: 16px; background: url(images/-.gif) no-repeat;}
ul#ListeEPmenu a.EPmenu {font-size: 12px; background: url(images/minifleche.gif) no-repeat left top; padding-left: 10px;
border: 1px solid #fdb813;}
ul#ListeEPmenu li a:hover {background: #fdb813 url(images/minifleche.gif) no-repeat; width: 400px;}
/*police gérée dans .EPmenu*/

/* ////////////// Liste abc sous pages plan environnement ////////////// */
ol#listeabc li { margin: 0; padding-left: 5px; background: none /*suppr puces en bckgd*/; list-style-type: lower-alpha !important;}

/* ////////////// Rollover ////////////// */

a.FlecheHaut {
background: url(images/haut.gif) 0 0 no-repeat;
float: right; margin: 0;}
/*p a.FlecheHaut {align: right;}*/
a.FlecheHaut:hover {
background: url(images/haut.gif) 0 -15px no-repeat;}

/* ////////////// Tableaux ////////////// */
TABLE { border-collapse: collapse }

td.Telechargement {background: #dfe6f3;} /* Telecharger - consulter*/

td.TabloBordure {
	margin: 0px;/*					NN	*/
	border: 1px #fdb813 solid;/*			IE	*/
	font-size: 0.7em;
}

td.TabloTitre  {
	margin: 0px;/*					NN	*/
	border: 1px #fdb813 solid;/*			IE	*/
	font-size: 0.7em;
	background: #fdb813; color: #fff;}

/* ////////////// S //tyles de travail//////////// */

#FAUXconteneur {position: relative; /* pour site centré: position: relative;*/
width: 759px; margin: 0 10%; background-color:#fff !important} /* ////////////// page SommairePagesEnquete ////////////// */

.erreur {font-size: 1em !important; color: #FF0000; font-weight: bold;}