/* ### Energie Pilat - www.energie-pilat.fr ### */
/* ### SCREEN stylesheet ###*/
/* ### Esprit Public - 2007 ### */
/* ### Franck GRENIER ### */



/* ###################### SOMMAIRE ###################### */
/* $1. Balises de base */
/* $2. Formulaires */
/* $3. Blocs de mise en page */
/* $4. Menu principal */
/* $5. Sous menu */
/* $6. Styles par défaut */
/* $7. Styles spécifique "Accueil" */
/* $8. Styles spécifique "Présentation" */
/* $9. Styles spécifiques "Projet" */
/* $10. Styles spécifiques "Liens" */
/* $11. Styles spécifiques "Partageons" */
/* ###################################################### */



/* ###################### $1. Balises de base ###################### */
* {
margin:0;
padding:0;
}

img {
border:0;
float:left;
}


:focus {
outline: 0;
}

body {
font-family:arial,verdana;
font-size:75%;
line-height:1.5em;
color:#666666;
background:#eaf5fa;
margin-top:10px;
}

.noDisplay {
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

.stopFloat {
clear:both;
}

.disabled{
background-color:#F6F5F5;
}

img.left, img.spip_logos{
margin:0;
float:left;
padding: 3px;
background-color: white;
border: 1px solid black;
}

img.right{
margin:0;
float:right;
padding: 3px;
background-color: white;
border: 1px solid black;
}


#inside-left-content img{
margin: 5px;
padding: 3px;
background-color: white;
border: 1px solid black;
}

.warning{
font-size:1.6em;
font-weight:bold;
font-family:arial,verdana;
color:#FE9503;
padding:10px 0 10px 0;
margin:0;
}

/********* LISTES *********/

/* hack IE 6 */
/*html body ul {
	padding-left:20px;
}*/	

ul.blue-arrow {
padding:0;
margin:0 0 0 15px;
}

ul.blue-arrow li {
list-style-image:url("../img/blue-arrow.gif");
padding:0 0 7px 0;
margin:0;
}

ul.white-arrow {
padding:0;
margin:0 0 0 15px;
}

ul.white-arrow li {
list-style-image:url("../img/white-arrow.gif");
padding:0 0 7px 0;
margin:0;
}

ul.spip
{
	padding-left:15px;
}

span.spip_documents_left
{
	margin-right: 30px;
}

span.spip_documents_right
{
	margin-left: 30px;
}

/******* PARAGRAPHES ******/
p{
font-size:1.1em;
}

div.normal-text{
padding:0 0 15px 0;
}

div.bold-text{
font-size:1.1em;
font-weight:bold;
padding:0 0 15px 0;
}


/********** LIENS *********/
a {
color:#3959A2;
font-size:1.1em;
text-decoration:none;
font-weight:bold;
}

a:hover {
/*color:#3959A2;*/
text-decoration:underline;
}

a.pdf{
background:url("../img/pdf.gif") no-repeat left top;
padding:0 0 0 20px;
/*line-height:13px ;*/
}

a.doc{
background:url("../img/text.gif") no-repeat left top;
padding:0 0 0 20px;
/*line-height:13px ;*/
}

a.photos{
background:url("../img/photos.gif") no-repeat left top;
padding:0 0 0 20px;
/*line-height:13px ;*/
}

a.plus{
background:url("../img/plus.gif") no-repeat left 50%;
padding:0 0 0 15px;
}

a.right-content-white {
font-weight:bold;
color:#FFFFFF;
}

a.right-content-black {
font-weight:bold;
color:#333333;
}

a.right-content-black:hover {
font-weight:bold;
color:#FFFFFF;
}

a.special{
background:#ECECEC url("../img/blue-arrow.gif") no-repeat 5% 50%;
padding:0 5px 0 20px;
border:1px solid #3959A2;
}

a.blue {
color:#3959A2;
}

/******** TABLEAUX ********/

table{
width:100%;
border:1px solid #000000;
border-collapse:collapse;
margin-bottom:5px;
}

thead{
background-color:#FE9503;
color:#000000;
font-weight:bold;
text-align:left;
}

.thead{
background-color:#FE9503;
color:#000000;
font-weight:bold;
text-align:left;
}


tbody{
text-align:left;
}

th{
color:#000000;
font-weight:bold;
padding:3px;
border:1px solid #000000;
}

tr.white,td.white{
background-color:#FFFFFF;
}

tr.grey,td.grey{
background-color:#F0F0F0;
}

td{
background:none;
padding:3px;
border:1px solid #000000;
}

/********** TITRES ********/

h2{
font-size:1.4em;
font-family:arial,verdana;
color:#3959A2;
padding:0 0 5px 0;
}

#inside-left-content h2{
padding:10px 0 10px 0;
}

h3{
font-size:1.3em;
font-weight:bold;
font-family:arial,verdana;
color:#FE9503;
/*margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	*/
padding:10px 0 10px 0 ;
margin:0;
}

h3.disabled{
font-size:1.3em;
font-weight:bold;
font-family:arial,verdana;
color:#999999;
/*margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	*/
padding:10px 0 10px 0 ;
margin:0;
}

h4{
font-size:1.2em;
font-weight:bold;
font-family:arial,verdana;
color:#FE9503;
padding:10px 0 10px 0 ;
margin:0;
}



/* Hides from IE-mac \*/
* html .stopFloat {height: 1%;}
.stopFloat {display: block;}
/* end hide */



/* ###################### $2. Formulaires ###################### */

/**** CHAMP DE RECHERCHE MENU HAUT ****/

#mainMenu form {
width:auto;
float:left;
border:0;
margin:0px 0 0px 30px;
padding:0px 0 0px 0;
font-family:arial,verdana;
font-size:1em;
text-decoration:none;
}

#mainMenu fieldset {
width:auto;
float:left;
border:0;
margin:4px 0 0 20px;
padding:0;
}

#mainMenu input#s {
width:auto;
border:0;
font-family:arial,verdana;
font-size:1em;
text-decoration:none;
color:#3959A2;
padding:2px;
margin:0px;
}

#searchbutton {	
font-family:arial,verdana;
font-size:1em;
text-decoration:none;
color:#FFFFFF;
background:none;
border:0;
}

.submitForm {
text-align:right;
margin-top:20px;
padding:0;
}

legend, caption {
	display:none;
}


.form-line{/*permet la mise en forme du formulaire*/
}

/** CHAMP DE RECHERCHE PARTIE GAUCHE **/

#inside-left-content form{
border:0px;
}

#inside-left-content fieldset{
border:0px;
}

#inside-left-content select,input[type="text"]{
width:220px;
font-size:1.1em;
margin:0px;
border:1px solid #D5D6D6;
}

#inside-left-content input[type="text"],textarea{
font-size:1.1em;
border:1px solid #D5D6D6;
}

#inside-left-content label{
font-size:1.1em;
}


/* specifique page contact */
.coordonnees{
margin:3px;
}

.coordonnees label{
width:50px;
float:left;
}


/** CHAMP DE RECHERCHE PARTIE DROITE **/

#inside-right-content form{
border:0px;
}

#inside-right-content fieldset{
border:0px;
}

#inside-right-content select{
width:150px;
font-size:1em;
margin:3px;
float:right;
border:1px solid #D5D6D6;
}

#inside-right-content label{
font-size:1.1em;
margin:3px;
float:left;
width:120px;
}

/******* BOUTON DE SUBMIT ****/
.btn-submit{
background:url("../img/search-btn-off.gif") no-repeat left top;
font-size:1em;
color:#FFFFFF;
border:0;
width:79px;
height:19px;
float:right;
}

.btn-submit:hover{
background:url("../img/search-btn-on.gif") no-repeat left top;
font-size:1em;
color:#FFFFFF;
border:0;
width:79px;
height:19px;
float:right;
}

.btn-submit-disabled{
background:url("../img/search-btn-dis.gif") no-repeat left top;
font-size:1em;
color:#FFFFFF;
border:0;
width:79px;
height:19px;
float:right;
}

.btn-export{
background:url("../img/export-btn-off.gif") left top;
font-size:1em;
color:#FFFFFF;
border:0;
width:170px;
height:19px;
float:left;
}

.btn-export:hover{
background:url("../img/export-btn-on.gif") left top;
font-size:1em;
color:#FFFFFF;
border:0;
width:170px;
height:19px;
float:left;
}


/* ###################### $3. Blocs de mise en page ###################### */

#container {
width:925px;
margin:0 auto;
background:none;
}

div.inBox {
width:925px;
margin:0 auto;
}

/******* HEADER *******/
#header {
height:122px;
}

#header .marianne {
float:left;
width:102px;
height:122px;
}

#header .logocertu {
float:left;
width:122px;
height:122px;
}

#header .right {
float:left;
width:701px;
height:122px;
background:url("../img/header-right.gif") left top no-repeat;
}

/****** CONTENU *******/
#maincontent-up {
float:left;
width:925px;
height:26px;
background:url("../img/pathway.gif");
}

#maincontent-mid{
float:left;
width:925px;
background:url("../img/contenu-bg.gif");
}

#maincontent-btm{
float:left;
width:925px;
height:14px;
background:url("../img/contenu-bas.gif");
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
	}

/******* PATHWAY ******/
#pathway{
padding:5px 0 0 30px;
}

a.pathway{
font-family:arial,verdana;
color:#3959A2;
font-weight:normal;
text-decoration:underline;
	}
#pathway p{
font-family:arial,verdana;
color:#3959A2;
font-weight:bold;
}

/***** COLONNE GAUCHE *****/

#left-content{
width:536px;
float:left;
}
#inside-left-content{
padding:0 0 0 30px;
}	


/***** COLONNE DROITE *****/
#right-content {
float:right;
width:358px;

}
#inside-right-content{
margin:0 25px 0 0;
}

.right-content-top{
width:333px;
height:10px;
float:left;
background:url("../img/right-content-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

.right-content-mid{
width:333px;
float:left;
background:url("../img/right-content-mid.gif") repeat-y left top;
}

.inside-right-content-mid{
padding:5px 17px 5px 17px;
}

.inside-right-content-mid div.text{		
color:#3959A2;
padding:0 0 5px 0;
}

.inside-right-content-mid div.titre{		
color:#3959A2;
font-weight:bold;
padding:0 0 5px 0;
}

.right-content-btm{
width:333px;
height:10px;
float:left;
background:url("../img/right-content-btm.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}


/********** FOOTER ********/
#footer {
width:925px;
height:34px;
clear:both;
color:#3958a1;
}

#aires {
background:none;
width:122px;
height:34px;
float:left;
}

#aires img{
margin:0 10px 0 20px;
}

#ale {
background:none;
width:60px;
height:34px;
float:left;
}

#ale img{
margin:0 10px 0 10px;
}
#ademe {
background:none;
width:61px;
height:68px;
float:left;
}

#ademe img{
margin:0 10px 0 10px;
}
#footer ul {
float:right;
margin:5px 20px 0 0;
}
#footer li {
display:inline;
font-family:verdana,arial;
padding:0 2px 0 2px;
border-right:1px solid #3958a1;
background:none;
}

#footer a {
color:#3958a1;
text-decoration:none;
font-size:1em;
font-weight:normal;
}


/* ###################### $4. Menu principal ###################### */
#mainMenu {
float:left;
width:925px;
height:31px;
background:url("../img/menu/menuhaut.gif");

}

#mainMenuGauche {
float:left;
width:240px;
height:31px;
}

#mainMenu ul {
float:right;
padding:0;
margin:0;
width:685px;
height:31px;
}

#mainMenu li#accueil {
float:left;
padding:0;
margin:0;
border-right:1px dotted #FFFFFF;
list-style:none;
background:url("../img/menu/accueil.gif") no-repeat left 50%;
}

#mainMenu li#catalogue {
float:left;
padding:0;
margin:0;
list-style:none;
margin-left:5px;
border-right:1px dotted #FFFFFF;
background:url("../img/menu/catalogue.gif") no-repeat left 50%;
}

#mainMenu li#contact {
float:left;
padding:0;
margin:0;
list-style:none;
margin-left:5px;

border-right:1px dotted #FFFFFF;
background:url("../img/menu/contact.gif") no-repeat left 50%;
}

#mainMenu li#imprimer {
float:left;
padding:0;
margin:0;
list-style:none;
margin-left:5px;

border-right:1px dotted #FFFFFF;
background:url("../img/menu/imprimer.gif") no-repeat left 50%;
}

#mainMenu li#taille {
float:left;
padding:0;
margin:0;
list-style:none;
margin-left:5px;

border-right:1px dotted #FFFFFF;
background:url("../img/menu/texte.gif") no-repeat left 50%;
}

#mainMenu li#rechercher {
float:left;
padding:0;
margin:0;
list-style:none;
margin-left:5px;

background:url("../img/menu/rechercher.gif") no-repeat left 60%;
}

#mainMenu a {
display:block;
color:#FFFFFF;
font-family:arial,verdana;
font-size:0.9em;
text-decoration:none;
padding:5px 7px 6px 15px;
margin:0;
background:none;
}

#mainMenu a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* ###################### $5. Sous menu ###################### */
#subMenu {
float:left;
width:925px;
height:52px
}

#subMenu ul {
padding:0;
margin:0;
/*width:556px;*/
height:52px;
}

#subMenu li {
display:inline;
font-size:0.9em;
width:139px;
height:52px;
padding:0;
margin:0;
background:none;
}

/* ###################### $6. Styles par defaut ###################### */

#def-right-content-head-top{
width:333px;
height:12px;
float:left;
background:url("../img/def-right-content-head-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

#def-right-content-head-mid{
width:333px;
background:url("../img/def-right-content-head-mid.gif") repeat-y left top;
float:left;
}

/*#def-right-content-head-btm{
width:333px;
height:10px;
float:left;
background:url("../img/accueil/def-right-content-btm.gif") no-repeat left top;
}*/

h1.defaut{
background:url("../img/h-defaut.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#3959A2;
margin:0 0 5px 0;
height:26px;
}


/* ###################### $7. Styles spécifiques "Accueil" ###################### */

/* colonnes 1 et 2 */
.ac-col{
width:269px;
float:left;
}
.inside-ac-col{
margin:0 0 0 25px;
}

h1.accueil-blue{
background:url("../img/accueil/h-accueil-blue.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#3959A2;
margin:0 0 5px 0;
height:26px;
}

h1.accueil-yellow{
background:url("../img/accueil/h-accueil-yellow.gif") no-repeat left bottom;
font-size:1.5em;
font-family:arial,verdana;
font-weight:normal;
color:#FFAE0C;
margin:0;
height:26px;
}

h1.accueil-purple{
background:url("../img/accueil/h-accueil-purple.gif") no-repeat left bottom;
font-size:1.5em;
font-family:arial,verdana;
font-weight:normal;
color:#9966CC;
margin:0 0 5px 0;
height:26px;
}				

.ac-col div.breves{
border-top:dotted 1px #666666;
padding:0 0 15px 0;
}


/* partie "derniere fiche publiée" */

.ac-col div.fiche{
padding:10px 5px 15px 5px;
background-color:#F5F3F3;
}
.ac-col div.bluebold{
font-weight:bold;
color:#3959A2;
background-color:#F5F3F3;
padding:10px 5px 15px 5px;
}

.ac-col div.yellow-bg{
height:15px;
background-color:#ffb400;
padding:3px 3px 3px 3px;
}

.yellow-bg a{
font-weight:bold;
color:#3959A2;
}
		
/* contenu droite */

#ac-right-content-head{
width:333px;
height:64px;
float:left;
}

.ac-right-content-top{
width:333px;
height:10px;
float:left;
background:url("../img/accueil/ac-right-content-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

.ac-right-content-mid{
width:333px;
float:left;
background:url("../img/accueil/ac-right-content-mid.gif") repeat-y left top;
}

.ac-right-content-btm{
width:333px;
height:10px;
float:left;
background:url("../img/accueil/ac-right-content-btm.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

		

/* ###################### $8. Styles spécifiques "Présentation" ###################### */

 /* contenu de droite */
#pres-right-content-head-top{
width:333px;
height:12px;
float:left;
background:url("../img/presentation/pres-right-content-head-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

#pres-right-content-head-mid{
width:333px;
background:url("../img/presentation/pres-right-content-head-mid.gif") repeat-y left top;
float:left;
}

h1.presentation{
background:url("../img/presentation/h-pres.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#FE9503;
margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	
}


/* criteres géographiques */
.crit-geo{
width:506px;
float:left;
padding:5px 5px 5px 15px;
border:1px solid #D5D6D6;
}


.inside-crit-geo {
padding:5px 5px 5px 15px;
margin:10px 0 10px 0;
border:1px solid #D5D6D6;
}


/* carto */

.carto{
width:506px;
float:left;
}

.inside-carto {
padding:5px 5px 5px 15px;
margin:10px 0 10px 0;
/*border:1px solid #D5D6D6;*/
}

/* criteres generaux */
.crit-gen{
width:333px;
float:right;
}
.inside-crit-gen{
padding:5px 5px 5px 15px;
margin:10px 0 10px 0;
border:1px solid #D5D6D6;
}

/* criteres techniques */
.crit-tec{
width:333px;
float:right;
}
.inside-crit-tec{
padding:5px 5px 5px 15px;
margin:10px 0 10px 0;
border:1px solid #D5D6D6;
}

.error{
padding-left:200px;
color:#FE9503;
font-size:1.6em;
font-weight:bold;
text-transform:capitalize;
}

/* ###################### $9. Styles spécifiques "Projet" ###################### */

#proj-right-content-head-top{
width:333px;
height:12px;
float:left;
background:url("../img/projet/proj-right-content-head-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

#proj-right-content-head-mid{
width:333px;
background:url("../img/projet/proj-right-content-head-mid.gif") repeat-y left top;
float:left;
}

h1.projet{
background:url("../img/projet/h-proj.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#9A65CA;
margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	
}


/* ###################### $10. Styles spécifiques "Liens" ###################### */

#liens-right-content-head-top{
width:333px;
height:12px;
float:left;
background:url("../img/liens/liens-right-content-head-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

#liens-right-content-head-mid{
width:333px;
background:url("../img/liens/liens-right-content-head-mid.gif") repeat-y left top;
float:left;
}

h1.liens{
background:url("../img/liens/h-liens.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#7ED01B ;
margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	
}

/* ###################### $11. Styles spécifiques "Partageons" ###################### */

#part-right-content-head-top{
width:333px;
height:12px;
float:left;
background:url("../img/partageons/part-right-content-head-top.gif") no-repeat left top;
overflow:hidden;/* "hack" ie6 pour éviter l'espace blanc sous l'image */
}

#part-right-content-head-mid{
width:333px;
background:url("../img/partageons/part-right-content-head-mid.gif") repeat-y left top;
float:left;
}

h1.partageons{
background:url("../img/partageons/h-part.gif") no-repeat left bottom;
font-size:1.5em;
font-weight:normal;
font-family:arial,verdana;
color:#80C0FF;
margin:0 0 5px 0;
height:26px;
padding:15px 0 0 0;	
}