/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS
	- CSS Réponse Form

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {font-size: 100.001%;}


li {
	margin-left: 25px;
}
body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background:#D1DC5E url(visuels/bg.gif) top center no-repeat;
	
	margin:0;
	padding:0;
	overflow:auto;
}
td { 	/* Font idem que body */

}
p {
	padding-top:10px;}
blockquote {
	padding-left: 20px;
}
a {
	color:#8ACDF1;
	font-weight: bold;
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
	color:#0077BE;
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/


#conteneur {
	width: 792px;
	margin:0 auto;
	padding:0;
	background:url(visuels/bg_conteneur.gif) top left repeat-y;
	display:block;
	overflow:auto;

}
#header {
	width:742px;
	display:block;
	height:238px;
	padding:141px 0 0 50px;
	background:url(visuels/bg_header.jpg) top left no-repeat;
}
#header h1{
	width:239px;
	height:105px;
	display:block;
	background:url(visuels/logo_plant-airpur.gif) top left no-repeat;
	text-indent:-9999px;
}
#header a h1{
	cursor:pointer;
}
#header a:hover h1{
	background:url(visuels/logo_plant-airpur2.gif) top left no-repeat;
}
#header h2{
	width:318px;
	height:55px;
	display:block;
	margin:16px 0 0 0;
	background:url(visuels/tagline_plant-airpur.gif) top left no-repeat;
	text-indent:-9999px;
}

#gauche{
	display:block;
	float:left;
	width:253px;
	background:url(visuels/bg_gauche.gif) top left repeat-y;
}
#gauche #zone_partenaires{
	display:block;
	clear:left;
	width:193px;
	background:#FFF url(visuels/bg_partenaires.gif) top left no-repeat;
	padding:39px 0 0 60px;
}
#gauche #zone_partenaires a img{
	border:none;
}
#contenu {
	float:left;
	display:block;
	width:469px;
	padding:0 60px 20px 10px;
	background:url(visuels/bg_contenu.jpg) top left no-repeat;
	margin:0;
}
.interne #contenu {
	font-size:1.2em;
}


#zone_quizz{
	display:block;
	width:215px;
	height:240px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

#footer {
	float:left;
	display:block;
	background:#CCCCCC;
	color:#2E4F34;
	margin:0;
	padding:0;
	font-size:1.1em;

	width: 722px;
	margin:0 auto;
	background:#D1DC5E url(visuels/bg_footer.gif) top left no-repeat;
	overflow:auto;
	padding:0px 70px 30px 0;
	text-align:right;
}
		
#footer a{
	color:#2E4F34;
	text-decoration:none;}
#footer a:hover{
	color:#2E4F34;
	text-decoration:underline;}	



/* Informations CSS Formulaires */
/* ----------------------------------------------------------------------------------------------*/

#zone_log {		/* Login/Password pour l'accès aux pages réservées */
	width: 100%;	
	text-align:center;
}
#zone_log_formulaire {
	width: 160px;
	margin-left: auto; 
	margin-right: auto;	
	text-align: left;
}
.alerte_formulaire_ok {	/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;
}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

/******** Formulaire recherche **************/
#form_recherche{
	display:inline;
	float:left;
	background:url(visuels/bg_recherche.gif) top left no-repeat;
	height:21px;
	padding:2px 0 1px 10px;
	width:182px;
	margin:10px 0 10px 27px;
	}

#form_recherche #img_recherche{
	float:left;
	display:block;	}
#form_recherche input{
	float:left;
	height:18px;
	width:123px;
	border:1px solid #FFF;}
#form_recherche #btn_recherche{
	width:21px;
	height:14px;
	display:block;
	float:left;	
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 30px;
	font-size:1.3em;
	line-height:1.7em;

}

/******** Formulaire contacts **************/


#contacts_form{
	width:420px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
#contacts_form span.separation{
	display:block;
	float:left;
	width:350px;
	margin:5px 10px 10px 10px;
	padding:10px;
	border-top:1px solid #CCC;

}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
}
	
.asterisque {
	color: #ff0000;
}
h3{
	float:left;
	margin:0px 0px 0px 10px;
	text-decoration: none;
	color:#008ED1;
	font-size:1.4em;
	padding:3px 5px 4px 17px;
	background:url(visuels/puce_rond.gif) top left no-repeat;		
}	
a.lien_bouton {
	display:block;
	width:100px;
	margin-left:auto;
	margin-right:auto;

	text-decoration: none;
	color:#008ED1;
	font-size:1.4em;
	padding:3px 5px 4px 17px;
	background:url(visuels/puce_rond.gif) top left no-repeat;		

}
a.lien_bouton:hover {
	text-decoration: none;
	background:url(visuels/puce_rond-over.gif) top left no-repeat;		
}
.contacts_input {
	border:1px solid #D1DC5E;
	padding:3px;
	font-size:1.2em;
}
/******** Formulaire newsletter **************/

#newsletter_form{
	width: 420px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CCCCCC;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#newsletter_form p{
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	background-color: #DDDDDD;
}
#newsletter_form .suptitre {
	font-weight: bold;
	letter-spacing: -1px;
	color: #555555;
	margin-left: 20px;
}
#newsletter_form .calage_centre{
	display: block;
	text-align: center;
}
#newsletter_form .calage_droite{
	clear: both;
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	margin-top: 2px;	
}
#newsletter_form .calage_gauche{
	display: block;
	float: left;
	text-align: left;
}	
#newsletter_form .asterisque {
	color: #FF0000;	
}
#newsletter_form input {
	color: #FF0000;	
}
#newsletter_form .legende_cnil {
	font-weight: normal;
	font-style: italic;
}
a.bt_ins_newsletter {
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #333333;
	border: 1px solid #FFFFFF;
	padding: 3px;		
	font-weight: bold;
	color: #FFFFFF;		
	text-decoration : none;
	letter-spacing: 1px;
}
a.bt_ins_newsletter:hover {
	background-color: #333333;
	color: #FFFFFF;		
	text-decoration : none;	
	border: 1px solid #FFCC33;
}
.alerte_formulaire_newsletter_ok {
	color: #148A14;
	font-weight: bold;
	font-style: normal;
}




/* Informations CSS Actualités / Brèves / Webline */
/* ----------------------------------------------------------------------------------------------*/

h2.webline{		/* Webline */
	font-weight:normal;
	color:#000000;
	font-size:1.4em;
}

.accueil #zone_actus{
	display:block;
	background:url(visuels/bg_zone_actu_c.gif) top left repeat-y;
	width:254px;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	
	}
	
.accueil h3.actu_titre {		/* Titre de news et contenus de brèves en page d'accueil */
	background:url(visuels/bg_zone_actu_h.gif) top left no-repeat;
	display:block;
	margin:0;
	font-size:1.6em;
	color:#BEDDF4;
	width:170px;
	padding:20px 40px 0 44px;
	font-weight:bold;
}
.accueil .actu{
	padding:0 0 20px 0;
	width:254px;
	display:block;
	float:left;
	color:#FFFFFF;
	background:url(visuels/bg_zone_actu_b.gif) bottom left no-repeat;
}
.accueil .actu_chapeau{
	color:#FFFFFF;
	font-size:1.2em;
	padding:10px 20px 0 20px;
	display:block;
	clear:left;
}
.accueil .lire_plus{
	color:#FFFFFF;
	font-size:1.2em;
	float:right;
	display:block;
	margin:10px 20px 0 0;
	padding:2px 45px 5px 0;
	font-weight:normal;
	line-height:1.8em;
	background:url(visuels/bg_lire_plus.gif) center right no-repeat;
}
.accueil .lire_plus:hover{
	color:#FFFFFF;

}


.interne h2.news {		/* Titre de news et contenus de brèves en page interne */
	font-weight: bold;
	color:#0077BE;	
}
.lire_egalement{
	color:#0077BE;	
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;}
.interne .lire_plus{
	background:url(visuels/puce_actus.gif) center left no-repeat;
	padding:0 0 0 35px;
	color:#1F4226;
	text-decoration:none;
	line-height:1.4em;	
}
.interne .lire_plus:hover{
	text-decoration:underline;
}	

/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page{		/* Titre de pages intérieures */
	font-weight:bold;
	font-size:1.8em;
	color:#1F4226;
	background:url(visuels/puce_titre.gif) center left no-repeat;
	padding:0 0 0 58px;
	display:block;
	width:343px;
	float:left;
}
#retour_acc{
	display:block;
	width:52px;
	padding:10px 0 10px 13px;
	float:left;
	color:#5B5B5B;
	text-decoration:none;

	font-size:0.9em;
	text-transform:uppercase;
	background:url(visuels/picto_home.gif) center left no-repeat;}
#retour_acc:hover{
	color:#BCCE00;}
	
	
	
#lien_contact{
	text-decoration: none;
	color:#008ED1;
	float:right;
	padding:3px 5px 4px 17px;
	background:url(visuels/puce_rond.gif) top left no-repeat;		
	
}
#lien_contact:hover {	
	text-decoration: none;
	background:url(visuels/puce_rond-over.gif) top left no-repeat;			
}

#lien_printmode{
	text-decoration: none;
	color:#008ED1;
	float:right;
	padding:3px 5px 4px 17px;
	background:url(visuels/puce_rond.gif) top left no-repeat;	
}
#lien_printmode:hover {	
	text-decoration: none;
	background:url(visuels/puce_rond-over.gif) top left no-repeat;		
}

/* Informations CSS Consultations */
/* ----------------------------------------------------------------------------------------------*/

.consultation_message {
	background-color: #E6E6E6;	
	margin-top: 5px;
	overflow-x: auto;
	padding: 5px;	
	padding-bottom: 20px;
	width: 520px;	
}
.consultation_titre_noir {
	font-weight: bold;
}
.consultation_msg_valide {
	color: #008C42;
	font-weight: normal;
}
.consultation_msg_refuse {
	color: #FF0000;
	font-weight: normal;
}

/* Informations CSS pour l'Agenda 		   */
/* ----------------------------------------------------------------------------------------------*/

#agenda {	
	width: 159px;	
	background-color: #C3DB94;	
	text-align: center;
}
#agenda_prochain_ev {	
	width: 149px;
	padding: 5px;		
	background-color: #DEF5B2;	
	text-align: left;
}
#agenda_page_interne_bloc_01 {
	float: left;
	width: 170px;
	text-align: left;	
}
#agenda_page_interne_bloc_02 {
	float: left;
	margin-left: 22px;
	width: 350px;	
}
#agenda_page_interne_bloc_01_contenu {	
	width: 170px;	
	background-image: url(visuels/agenda_page_middle.gif);	
	background-repeat: repeat-y;
}
a.lien_evenement {
	font-weight: bold;
	color: #E02424;	
	text-decoration: underline;	
}
a.lien_evenement:hover {
	color: #E18123;	
	font-weight: bold;
	text-decoration: none;
}
a.prochain_evenement {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	color: #606060;	
	text-decoration: none;
}
a.prochain_evenement:hover {
	color: #E18123;	
	text-decoration: underline;
}
.typo_agenda {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	color: #606060;
}
.typo_agenda_today{
	font-weight: bold;
	background-color:#FFFFFF;
	color: #606060;
}
.typo_agenda_prochain_ev_titre {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #E02424;
}
.titre_agenda_evenement {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #E02424;
}
.titre_agenda_evenement_date {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
.select_agenda {
	font-weight: normal;	
}

/* Informations CSS de menu */
/* ---------------------------------------------------------------------------------------------- */


#menu_int {

	display:block;
	float:left;
	width:187px;
	padding:0 39px 0 27px;
}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;	 
}

#menu_int li { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	
}

#menu_int dl{
	display:block;
	float:left;
	width:187px;
	border-bottom:1px dashed #FFF;

}


/* MENU VERTICALE / HORIZONTALE */
/* changer la valeur de la class de la div menu_int : fichier menu.php */


/* MENU VERTICALE */

#menu_int.verticale dt a{ 
	font-weight: bold;	
	text-decoration: none;	
	width: auto;
	width:187px;
	padding:6px 0px;
	display:block;
	color:#1F4226;
	font-size:1.2em;	

}
#menu_int.verticale dl ul{
	padding:0px 10px;
	background:#D3DF59;
}
#menu_int.verticale dd {
	position: absolute;
	z-index: 100;
	margin-left: 187px;
	margin-top: -27px;
	background:#D3DF59;	
}





/* FIN MENU VERTICALE */


#menu_int dt a:hover{
	background:#C9D833;
}


#menu_int ul {
	padding: 0px;

}
#menu_int li {
	text-align: left;	
	z-index: 100;
	padding:0;
	margin:0;
}
#menu_int li a{
	font-weight: bold;	
	text-decoration: none;	
	width: 204px;
	padding:5px 0px 5px 15px;
	display:block;
	margin:0;
	color:#1F4226;
	font-size:1.1em;
	background:url(visuels/puce_ss_menu.gif) center left no-repeat;
}
#menu_int li a:hover{
	color:#0077be;
	background:#D3DF59 url(visuels/puce_ss_menu-over.gif) center left no-repeat;
	
}
.menu_sans_lien{	
	color:#1F4226;
	font-size:1.2em;	
	border-bottom:1px dashed #FFF;
	font-weight:bold;	
	padding:6px 0px;
	display:block;				
}

/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
	list-style:none;
	padding:5px 0;	
}

ul#plan_site ul li{
	margin-left:60px;
}

ul#plan_site ul ul li{
	margin-left:80px;}
	
ul#plan_site li a{ /* niveau 1 */
	color:#1F4226;
	text-decoration:none;
}
ul#plan_site li a:hover{ /* niveau 1 */
	text-decoration:underline;
}

ul#plan_site ul li a{ /* niveau 2 */
	color:#BCCE00;

}

ul#plan_site ul ul li a{ /* niveau 3 */
	color:#BCCE00;
}	


/* Informations CSS RSS */
/* ----------------------------------------------------------------------------------------------*/

#rss img{
	border:none;
	vertical-align:middle;
}

/* Informations CSS FCK */
/* ----------------------------------------------------------------------------------------------*/

.wsc_titre_vert_clair{
	color:#D1DC5E;
	font-size:1.6em;
	font-weight:bold;
}
.wsc_titre_bleu_clair{
	color:#8ACDF1;	
	font-size:1.6em;	
	font-weight:bold;
}
.wsc_titre_vert_fonce{
	color:#009A3C;	
	font-size:1.6em;	
	font-weight:bold;
}
.wsc_titre_bleu_fonce{
	color:#008ED1;	
	font-size:1.6em;	
	font-weight:bold;
}
.wsc_vert_clair{
	color:#D1DC5E;
}
.wsc_bleu_clair{
	color:#8ACDF1;
}
.wsc_vert_fonce{
	color:#009A3C;
}
.wsc_bleu_fonce{
	color:#008ED1;
}


a.awsc_lien_vert_clair {
	color:#D1DC5E;
}
a.awsc_lien_vert_clair:hover {
	color: #333;
}
a.awsc_lien_bleu_clair {
	color:#8ACDF1;
}
a.awsc_lien_bleu_clair:hover {
	color: #333;
}
a.awsc_lien_vert_fonce {
	color:#009A3C;
}
a.awsc_lien_vert_fonce:hover {
	color: #333;
}
a.awsc_lien_bleu_fonce {
	color:#D1DC5E;
}
a.awsc_lien_bleu_fonce:hover {
	color: #333;
}

/* Informations CSS Réponse Form */
/* ----------------------------------------------------------------------------------------------*/

#reponse {
	float:left;
	display:block;
	width:469px;
	padding:20px 60px 20px 10px;
	background:url(visuels/bg_contenu.jpg) top left no-repeat;
	margin:0;
	list-style-type:none;
	font-size:14px;
	color:#009a3c;
}
.interne #reponse {
	font-size:1.2em;
}
#reponse li {
	line-height:1.5em;
	}
#reponse textarea {
	width:400px;
	height:250px;
	color:gray;
	font-family:trebuchet MS;
	font-size:14px;
	line-height:1.5em;
	padding:5px;
	}
.email input {
	width:400px;
	color:gray;
	font-family:trebuchet MS;
	font-size:14px;
	padding:2px 5px 2px 5px; 
	}
.envoyer input{
	float:right;
	margin-right:50px;
	background-color:#009a3c;
	color:white;
	padding:2px;
	}
.envoyer input:hover {
	background-color:white;
	color:#009a3c;
	}
.reponse p {
	color:gray;
	font-family:trebuchet MS;
	font-size:14px;
	}