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

*/

/* 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: 12px;
	font-weight: normal;
	font-size: normal;
	text-align: left;
	color: #333333;
	background: #f8883e url(visuels/background.gif) top left repeat-x;
}

td { 	/* Font idem que body */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-size: normal;	
	color: #333333;
}
p {
	padding-top:10px;}
blockquote {
	padding-left: 20px;
}
a {
	color:#0078C1;
	font-weight: normal;
	text-decoration : underline;
        z-index:1;
        cursor:pointer;
}
a:hover {
	color:#000000;
	text-decoration : underline;
}

h1 {
   color: #e25b01;
   font-size: 21px;
   font-weight: bold;
   font-family: Arial;
}

h2 {
   color: #e25b01;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial;
}

h3 {
   color: #e25b01;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial;
   padding-left: 5px;
}
/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/

#ombres {
        width: 1010px;
        margin: auto;
        background: url(visuels/bg_ombres.png) top left repeat-y!important;
        background:none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/bg_ombres.png", sizingMethod="scale");
}
*+html #ombres{	background: none repeat-y!important;}

#conteneur {
	width: 960px;
	margin: auto;
	background:url(visuels/background_col.gif) top left repeat-y;	
}
#conteneur_page {
	width: 960px;
	margin: auto;
	background:url(visuels/background_col_page.gif) top left repeat-y;
}
#header {
	width: 960px;
	height: 105px;
	display: block;
	background-image: url(visuels/header.jpg);
	background-repeat: no-repeat;
}
#header h1{
	float:left;	
	width:343px;
	height:105px;
	text-indent:-9999px;
	background-image: url(visuels/logo_delestre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	overflow:hidden;	
}
#header h1{
	cursor:pointer;}
#bloc_col {
	width: 960px;
}
#col_g {
	float: left;
	width: 212px;
}
#bloc_recherche h3{
	font-size:1.1em;
        color: #fff;
}
#bloc_recherche {
	float: left;
	width: 182px;
	padding: 20px 0px 20px 30px;
}
#bloc_adresse {
	width: 160px;
	clear: both;
	text-align: right;
	padding: 30px 0px 0px 30px;
	background:url(visuels/pointille_orange.gif) top left no-repeat;
	color:#FFFFFF;
	font-size:11px;
}
#bloc_adresse .titre_adresse{
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
#bloc_adresse h4{
	font-weight: bold;
        font-size: 12px;
	text-align:left;	
        padding-left:15px;
}
#col_d {
	float: left;
	width: 748px;
        background: url('visuels/coin_index.jpg') no-repeat top left;
}
#col_d_page {
	float: left;
	width: 600px;
	margin-top: 50px;
        padding-left: 30px;
}
#col_d1_accueil {
	float: left;
	width: 520px;
        margin-top: 40px;
}
#col_d2_accueil {
	float: right;
	width: 210px;
        display: inline;
}
.zone_actu {
    padding-left: 5px;
    padding-right: 5px;
}
.zone_milieu {
    width:480px;
    float:left;
    margin-left: 15px;
}
.voir {
    background: url('visuels/bt_voir.gif') no-repeat;
    display:block;
    width:60px;
    height:40px;
    text-decoration:none;
}
.voir:hover {
    text-decoration:none;
}
.col_chauffage {
    float:left;
    width: 125px;
    font-size: 11px;
    font-family: Arial;
    color: #747474;
    padding: 0px 12px 0px 15px;
}
.line {
    float:left;
    width: 10px;
    background: url('visuels/bg_line.jpg') repeat-y top center;
    height: 140px;
}
.zone_bas {
    width:507px;
    float:left;
    margin-top: 30px;
    padding-left: 30px;
    background: #ececec;
    padding-bottom: 10px;
}
#ref {
	margin:10px 0 0 15px;
	color:#333333;
}
#titre_projet{
	float:left;
	margin:0;
	padding:0;
	width:308px;
	height:39px;
	text-indent:-9999px;
	background:url(visuels/fr_titre_projet.gif) top left no-repeat;}
#projet{
	display:block;
	float:left;
	width:308px;
	height:auto!important;
	height:118px;
	min-height:118px;
	background:url(visuels/bg_projet.gif) top left no-repeat;}
#btn_projet{
	float:left;
	width:308px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(visuels/fr_btn_diagnostic.gif) top left no-repeat;}
#btn_projet:hover{
	background:url(visuels/fr_btn_diagnostic_over.gif) top left no-repeat;}	
#projet ul {
	margin:5px 10px 0px 10px;
	list-style-image:url(visuels/puce.gif);
	line-height:20px;
	color:#000000;
	}	
#projet ul li a{
	font-size:13px;
	color:#000000;
	text-decoration:none;
	}	
#titre_produit{
	float:left;
	margin:0;
	padding:0;
	width:308px;
	height:39px;
	text-indent:-9999px;
	background:url(visuels/fr_titre_produit.gif) top left no-repeat;}
#produit{
	display:block;
	float:left;
	width:268px;
	padding:5px 15px 15px 25px;	
	height:auto!important;
	height:45px;
	font-size:11px;
	min-height:45px;	
	background:url(visuels/bg_produit.gif) bottom left no-repeat;
}
#produit td{
	font-size:11px;
}
#produit_contenu {
	width: 100%;
}	
#titre_brasero {
	float:left;
	margin:0;
	padding:0;
	width:309px;
	height:39px;
	text-indent:-9999px;
	background:url(visuels/fr_titre_brasero.gif) top left no-repeat;}
#brasero{
	display:block;
	float:left;
	width:228px;
	padding:5px 60px 0 20px;
	height:77px;
	background:url(visuels/bg_brasero.gif) bottom left no-repeat;
	font-size:11px;
	color:#FFFFFF;}	



#actu {
	width: 230px;
	background-color: #00CC99;
}
#contenu {
	clear:left;
	display:block;
}
#pied_page {
	width: 906px;
	background-image: url(visuels/pointille_gris.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding: 10px 27px 0px 27px;
	margin-top: 20px;
	color: #ee7900;
	height:auto!important;
	height:100px;
	min-height:100px;
        clear: both;
}
#pied_page a{
	color: #ee7900;	
	font-size:11px;
	text-decoration:none;
	margin:0 3px;
}
#pied_page a:hover{
	text-decoration:underline;
}

#breves{
    padding-left: 10px;
    padding-right: 5px;
}

/* 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:block;
	float:left;
	font-size: 11px;
	color: #000000;

}
#form_recherche h3{
	margin:0px;
	padding:0px;}
#form_recherche #img_recherche{
	float:left;
	display:block;	}
#form_recherche input{
	margin-top:6px;
        float:left;
	border: #C5C5C5 1px solid;
}
#form_recherche #btn_recherche{
	background:url(visuels/bt_ok.png)!important;
        background: none;
	width:25px;
	height:25px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left: 10px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/bt_ok.png", sizingMethod="image");
}
*+html #form_recherche #btn_recherche{	background: none repeat-y!important;}

h3.cat_recherche{
	line-height:26px;
	color:#ee7900;
	text-transform:uppercase;

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


#contacts_form{
	width:420px;
	margin-left:auto;
	margin-right:auto;

}
.champs{
	width:420px;
	display:block;
	float:left;
	padding:5px 0px;
	border-top:1px dotted #E3E3D8;
		background:#F7F7F4;
}

.champs.noligne{
	border:none}
.separation{
	float:left;
	width:420px;
	display:block;
	margin-top:20px;
	}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
	
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:3px 0px 0px 0px;
	line-height:14px;	
}
	
.asterisque {
	color: #ff0000;
}
#contacts_form h3{
	width:380px;
	display:block;
	float:left;
	padding:2px 20px 5px 0px;
	color:#0078C1;
	font-size:14px;
}
#contacts_form h3.form_diagno{
	width:300px;
	display:block;
	float:left;
	padding:14px 100px 5px 15px;
	color:#FFF;
	font-size:15px;

}	
a.lien_bouton {
		background:url(visuels/fr_btn_envoyer_form.gif) top left no-repeat;
		width:104px;
		height:32px;
		display:block;
		text-indent:-9999px;	
		margin:10px auto;
		overflow:hidden;
}
a.lien_bouton:hover {
		background:url(visuels/fr_btn_envoyer_form_over.gif) top left no-repeat;
}
.contacts_input,select.contacts_input {
	border:1px solid #0078C1;
	background:#FFF url(visuels/bg_input.gif) center left no-repeat;
	padding:2px 2px 2px 10px;
}
select.contacts_input,textarea.contacts_input {
	background:#FFF;
	padding:2px 2px 2px 2px;	
}
.contacts_input:focus,select.contacts_input:focus {
	border:1px solid #F18E00;
}

#demande_diagno  .calage_droite_diagno{
	width:260px;
	clear:both;
	display:block;
	float:left;
	text-align:right;
	margin:2px 10px 0px 0px;	
}
#demande_diagno .gras{
	font-weight:bold;
}
#demande_diagno .champs{
	width:320px;}
#demande_diagno .calage_gauche label{
	cursor:pointer;
}
#demande_diagno{
	width:320px;
}
.contour_diagno{
	border:1px solid #F18E00;
}
.contour_diagno_over{
	border:1px solid #0078c1;
}
#info_diagno{
	display:block;
	float:left;
	width:98px;
	margin-top:17px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;	
}
.bg_info_diagno{
	background:url(visuels/fr_btn_diagnostic_form.gif) top left no-repeat;}
.bg_info_diagno_over{
	background:url(visuels/fr_btn_diagnostic_form_over.gif) top left no-repeat;}	
	

/************* REFERENCES **************/

.references_bloc_categorie {
	display: inline;
	float: left;
	width: 620px;
	height: 60px;		
	margin: 0px 0px 20px 40px;
	background-repeat: no-repeat;
	text-indent: -9999px;		
}
.references_bloc_categorie a {
	display: block;
	width: 448px;
	height: 56px;
	border: 2px solid #FFFFFF;	
}
.references_bloc_categorie a:hover {	
	border: 2px solid #F9B700;
}
#reference_choix_dpt_bloc_a {
	display: block;
	float: left;
	width: 320px;		
	margin-right: 30px;		
	color: #787878;
	font-size: 11px;
}
#reference_choix_dpt_bloc_b {
	display: block;
	float: left;
	width: 200px;					
}
.reference_selection_departement {
	display: block;		
	margin-bottom: 10px;
	color: #787878;
	font-weight: bold;
	font-size: 13px; 		
}
.reference_categorie_img {
	display: block;	
	text-align: center;		
}
h2.reference_categorie_titre {
	display: block;	
	width: 610px;
	height: 22px;
	background-image: url(visuels/coin_page_ref.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #EF861A;
	padding-left: 8px;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 16px;	
}
#references_description_colonnes {
	display: block;	
	width: 618px;
	height: 22px;
	background-color: #419BD1;
	margin-top: 1px;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.references_description_col_1 {
	display: inline;
	float: left;
	height: 18px;
	width: 170px;
	padding-left: 8px;
	padding-top: 4px;	
	margin-right: 1px;
	background-color: #0078C1;	
}
.references_description_col_2 {
	display: inline;
	float: left;
	height: 18px;
	width: 135px;
	padding-left: 8px;
	padding-top: 4px;	
	margin-right: 1px;
	background-color: #0078C1;	
}
.references_description_col_3 {
	display: inline;
	float: left;
	height: 18px;
	width: 95px;
	padding-left: 8px;
	padding-top: 4px;	
	margin-right: 1px;
	background-color: #0078C1;	
}
.references_description_col_4 {
	display: inline;
	float: left;
	height: 18px;
	width: 70px;
	padding-left: 8px;
	padding-top: 4px;	
	margin-right: 1px;
	background-color: #0078C1;	
}
.references_description_col_5 {
	display: inline;
	float: left;
	height: 18px;
	width: 102px;
	padding-left: 10px;
	padding-top: 4px;	
	background-color: #0078C1;		
}
	/* références - lignes dyn */
.references_colonnes_v1 {	
	width: 618px;
	background-color: #E5E5E5;	
	margin-top: 1px;
	height: 51px;	
}
.references_colonnes_v2 {	
	width: 618px;
	background-color: #CCCCCC;	
	margin-top: 1px;
	height: 51px;	
}
.references_colonnes_v1 td, .references_colonnes_v2 td {	
	color: #0078C1;	
	font-weight: bold;
	font-size: 12px;
}	
.references_colonnes_td_a {	
	width: 169px;
	padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
	border-right: 1px solid #ACACAC;				
}
.references_colonnes_td_b {	
	width: 133px;
	padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
	border-right: 1px solid #ACACAC;		
}
.references_colonnes_td_c {	
	width: 95px;
	padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
	border-right: 1px solid #ACACAC;			
}
.references_colonnes_td_d {	
	width: 70px;
	padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
	border-right: 1px solid #ACACAC;
	text-align: center;		
}
.references_colonnes_td_e {	
	width: 103px;
	padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
	text-align: center;			
}
.reference_bloc_image {
	display: block;
	width: 60px;
	height: 35px;	
}
.reference_bloc_image img {
	border: none;	
}
.lien_popup_description {
	display: block;
	width: 12px;
	height: 12px;	
}
a.lien_popup_description {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background: url(visuels/reference_plus.gif);
	background-repeat: no-repeat;	
	text-indent: -9999px;	
}
a.lien_popup_description:hover {		
	background: url(visuels/reference_plus_hover.gif);
}

/*********** ICartea département ************/

#icartea_dpt_col_1 {
	float: left;
	width: 360px;
}
#icartea_dpt_col_2 {
	float: left;
	width: 190px;
	padding-top: 70px;	
}

/*********** BOX DIAGNOSTIC ************/

	#box_diagnostic {
		display: block;
		background: url(visuels/bg_box_diagnostic.png) top left repeat-x;
		width: 375px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		padding: 10px 30px;
		border: 1px solid #333333;	
		color: #FFFFFF;					
		/*		
		position:absolute;		
		top:200px;
		left:500px;		
		*/
	}
	#box_diagnostic h3{
		margin: 5px 5px 0px 0px;
		padding: 0;
		font-size: 17px;
		width: 305px;		
	}	
	#box_diagnostic .consigne{
		display: block;
		font-style: italic;
		padding: 0px 5px 5px 0px;		
	}	
	#box_diagnostic .fermer_box{
		float:right;
		text-decoration:none;
		color:#F18E00;
		font-weight:bold;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:-10px;
		margin-right:-20px;}
	#box_diagnostic .champs_box,#box_diagnostic .champs_box2{
		float:left;
		padding:2px 10px 5px 6px;
		width:201px;
	}
	#box_diagnostic .champs_box2{
		width:90px;
		padding-left:30px;
	}	
	#box_diagnostic label{
		line-height:20px;
		float:left;
		width:150px;
	}
	#box_diagnostic .champs_box2 label {
		width:110px;
	}	
	#box_diagnostic select.diagnostic_input {
		border:0px solid #FFF;
		padding:2px;
		clear:left;
	}
	#box_diagnostic .diagnostic_input {
		border:1px solid #FFF;
		padding:2px;
		clear:left; }
	#box_diagnostic .lien_bouton_box {
		background:url(visuels/fr_btn_envoyer_box.gif) top left no-repeat;
		width:66px;
		height:18px;
		display:block;
		text-indent:-9999px;	
		margin:10px auto;
		overflow:hidden;	
	}
	#box_diagnostic .lien_bouton_box:hover{
		background:url(visuels/fr_btn_envoyer_box_over.gif) top left no-repeat;
	}	
	#box_diagnostic #alerte_formulaire_ok {
		background: url(visuels/valide.gif);	
		display: none;
		margin: 5px auto 10px auto;	
		padding: 10px;
		font-weight: bold;
		text-align: center;		
		color: #008C42;
	}	


/******** BOX AGENDA ***************************/


	#box_agenda {
		display: block;
		width: 656px;
		height:312px;
	
		color: #FFFFFF;					
	
		
	}
	#hider1{
		color:#FFF;
		float:right;
		text-align:right;
		margin:0 15px 0 0;
		text-decoration:underline;
		font-weight:normal;
		cursor:pointer;	
	}
	#hider1:hover{
		text-decoration:none;
		cursor:pointer;
	}





/******** Chauffage Terrasse *****************/

#animation_chauffage_terrasse{
	display:block;
	float:right;
}



#chauffage_terrasse_form{
	display:block;
	clear:left;
	width:420px;
	margin-left:auto;
	margin-right:auto;

}
#chauffage_terrasse_form .champs{
	width:420px;
	display:block;
	float:left;
	padding:5px 0px;
	border-top:1px dotted #E3E3D8;
	background:#F7F7F4;
}
#chauffage_terrasse_form .download{
	background:#F7F7F4 url(visuels/bg_champs_download.jpg) center left no-repeat;}

#chauffage_terrasse_form .separation{
	float:left;
	width:420px;
	display:block;
	margin-top:20px;
	}
#chauffage_terrasse_form h3{
	width:380px;
	display:block;
	float:left;
	padding:2px 20px 5px 0px;
	color:#CF242D;
	font-size:14px;
}
#chauffage_terrasse_form .calage_droite{
	width:200px;
	font-weight:bold;
}
#chauffage_terrasse_form .num1{	background:#F7F7F4 url(visuels/bg_chauffter_chmp1.jpg) center left no-repeat;}
#chauffage_terrasse_form .num2{	background:#F7F7F4 url(visuels/bg_chauffter_chmp2.jpg) center left no-repeat;}
#chauffage_terrasse_form .num3{	background:#F7F7F4 url(visuels/bg_chauffter_chmp3.jpg) center left no-repeat;}
#chauffage_terrasse_form .num4{	background:#F7F7F4 url(visuels/bg_chauffter_chmp4.jpg) center left no-repeat;}

#chauffage_terrasse_form .calage_gauche{
	width:170px;
}
#chauffage_terrasse_form .explications{
	padding:5px 30px 5px 0 ;
	display:block;
	text-align:left;
	font-size:0.9em;
}
#chauffage_terrasse_form .calage_droite2{
	width:200px;
	font-weight:bold;
	padding:0 0 0 130px;
}
#chauffage_terrasse_form .calage_gauche2{
	width:200px;
}
#chauffage_terrasse_form a.lien_bouton {
		background:url(visuels/fr_btn_envoyer_form.gif) top left no-repeat;
		width:104px;
		height:32px;
		display:block;
		text-indent:-9999px;	
		margin:10px auto;
		overflow:hidden;
}
#chauffage_terrasse_form a.lien_bouton:hover {
		background:url(visuels/fr_btn_envoyer_form_over.gif) top left no-repeat;
}
.chauffage_terrasse_input,select.chauffage_terrasse_input {
	border:1px solid #CF242D;
	background:#FFF url(visuels/bg_input2.gif) center left no-repeat;
	padding:2px 2px 2px 10px;
}
select.chauffage_terrasse_input,textarea.chauffage_terrasse_input {
	background:#FFF;
	padding:2px 2px 2px 2px;	
}
.chauffage_terrasse_input:focus,select.chauffage_terrasse_input:focus {
	border:1px solid #0078C1;
}

#chauffage_terrasse_form #bouton_poursuivre{
	display:block;
	width:162px;
	height:32px;
	float:right;
	background:url(visuels/fr_btn_poursuivre-on.jpg) top left no-repeat;
	text-indent:-9999px;
}
#chauffage_terrasse_form #bouton_poursuivre:hover{
	background:url(visuels/fr_btn_poursuivre-off.jpg) top left no-repeat;
}

#chauffage_terrasse_form #bouton_envoyer{
	display:block;
	width:162px;
	height:32px;
	float:right;
	background:url(visuels/fr_btn_envoyer-on.jpg) top left no-repeat;
	text-indent:-9999px;
}
#chauffage_terrasse_form #bouton_envoyer:hover{
	background:url(visuels/fr_btn_envoyer-off.jpg) top left no-repeat;
}


/******** Formulaire newsletter **************/

#newsletter_form{
	width: 520px;
	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;
	font-size: 11px;
	color: #747474;
	line-height:14px;
	padding-left:30px;
}

h2.news{	
		color:#EE7900;
	text-transform: uppercase;
	display:block;
	padding:0 0 0 25px;
	margin:0 0 5px 15px;
	background:url(visuels/puce_boule.gif) top left no-repeat;
}

.accueil h3.actu_titre {		/* Titre de news et contenus de brèves en page d'accueil */
	font-weight: bold;
	font-size: 13px;
	color:#EE7900;
	text-transform: uppercase;
	display:block;
	float:left;
	padding:0 0 0 25px;
	margin:0 0 5px 15px;
	background:url(visuels/puce_boule.gif) top left no-repeat;
}
.interne h3.actu_titre {		/* Titre de news et contenus de brèves en page interne */
	font-weight: bold;	
}

.actu_chapeau{
	clear:left;
	display:block;
	color:#7a7a7a;
	font-size:11px;
	font-weight:normal;

}
.actu_chapeau img{
float: left;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;

}
#news_content img{
	margin-right:5px;
	float:left;}
	
.lire_plus{
	font-size:11px;
	font-weight:bold;
        
}
.lire_egalement{
	color:#333;
	font-weight:bold;
	line-height:18px;}

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

h1.titre_page{		/* Titre de pages intérieures */
	font-weight:bold;
	color:#e25b01;
	font-size:1.8em;
}
#zone_contact_print{
	float:right;
	width:336px;
}
#zone_contact{
	width:166px;	
	float:right;
}
#zone_contact a {
	background:url(visuels/fr_bt_contact.gif) top left no-repeat;
	width:166px;
	height:32px;
	text-indent:-9999px;
	display:block;
	text-align:left;
	overflow:hidden;
	margin:auto;
	

}
#zone_contact a:hover {	
	background:url(visuels/fr_bt_contact_over.gif) top left no-repeat;
}
#zone_printmode{
	width:166px;	
	float:right;
}
#zone_printmode a {
	background:url(visuels/fr_bt_imprimer.gif) top left no-repeat;
	width:166px;
	height:32px;
	text-indent:-9999px;
	display:block;
	text-align:left;
	overflow:hidden;	
	margin:auto;
	

}
#zone_printmode a:hover {	
	background:url(visuels/fr_bt_imprimer_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 {
        margin-top:51px;
	display:block;
	float:left;
	width:100%;
}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
 
}

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

#menu_int dt {
	width: 165px;
	padding:8px 0px 5px 47px;
	background:url(visuels/background_menu.gif) bottom left no-repeat; 

}


/* 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: normal;	
	text-decoration: none;
	color: #fff;
	display:block;	

}
#menu_int.verticale dt a:hover{
	font-weight: bold;	
}
#menu_int.verticale dd {
	position: absolute;
	z-index: 100;
	margin-left: 195px;
	margin-top: -30px;
	border-top: #C5C5C5 dashed 1px;
	
}


/* FIN MENU VERTICALE */





#menu_int ul {
	padding: 0px;

}
#menu_int li {
	text-align: left;	
	z-index: 100;
	background-color: #FFFFFF;
	border-left: #C5C5C5 solid 1px;
	border-right: #C5C5C5 solid 1px;
	border-bottom: #C5C5C5 dashed 1px;
	padding:0px;
	margin:0px;

}
#menu_int li a{
	font-weight: normal;	
	text-decoration: none;
	color:#7a7a7a;
	width: 250px;
	padding:5px;
	padding-left: 20px;
	display:block;
	background:#FFF url(visuels/background_smenu.gif) top left no-repeat;
}

#menu_int li a:hover{
	color: #0078C1;
	font-weight: bold;
}
.menu_sans_lien{	
	font-weight: normal;	
	text-decoration: none;
	color: #fff;
	display:block;				
}
/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
	list-style-image:url(visuels/puce2.gif);
	line-height:24px;
}

ul#plan_site ul li{
	margin-left:60px;
	list-style-image:url(visuels/puce.gif);	
	}

ul#plan_site ul ul li{
	margin-left:80px;

	
	}
	
ul#plan_site li a{ /* niveau 1 */
	color:#0078c1;
}
ul#plan_site li a:hover{ /* niveau 2 */
	font-weight:bold;
}
ul#plan_site ul li a{ /* niveau 2 */
	color:#ee7900;
}
ul#plan_site ul li a:hover{ /* niveau 2 */
	color:#ee7900;
	font-weight:bold;
}

ul#plan_site ul ul li a{ /* niveau 3 */
}	


/* Informations CSS Signatures */
/* ----------------------------------------------------------------------------------------------*/

a.jnbi {
	color: #ee7900;	
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size:11px;
	text-transform:none;
}
a.jnbi:hover {
	color: #333333;		
	text-decoration: underline;
}
.copyright {
	text-transform:uppercase;
	color: #ee7900;	
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size:11px;
	text-align:right;
	margin:0 0 0 100px;

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

#rss {
	background:url(visuels/picto_rss.gif);
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	float:left;
	overflow:hidden;	
}

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

a.awsc_lien_puce {
	font-family: Arial, Helvetica, sans-serif;
	color: #0078C1;
	background-image: url(visuels/puce_boule.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	padding-left: 20px;
}
a.awsc_lien_puce:hover {
	color: #000000;
	text-decoration: underline;
}
a.awsc_lien_gris {
	color: #595959;
	text-decoration: none;
        font-weight:normal;
}
a.awsc_lien_gris:hover {
	color: #e25b01;
	text-decoration: none;
        font-weight:normal;
}
a.awsc_lien_pdf {
	color: #FF3300;
	background-image: url(visuels/picto_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
	padding-left: 30px;
}
a.awsc_lien_pdf:hover {
	color: #000000;
	text-decoration: underline;
}
.wimg_bordure_rouge {
	border: 2px solid #FF0000;
}
.wimg_bordure_grise {
	border: 1px solid #444444;		
}
.wsc_titre_webline {
	font-family: Arial, Helvetica, sans-serif;
	color: #0078C1;
	font-size: 17px;
	font-weight: bold;
	font-style: normal;
}
.wsc_stitre {
	font-family: Arial, Helvetica, sans-serif;
	color: #0078C1;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
.wsc_txt_orange {
	font-family: Arial, Helvetica, sans-serif;
	color: #e25b01;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.produit_tableau {
	background-color: #FFCC00;
	border: #FFFFFF solid 1px;
	padding: 2px;
}
.titre_tableau {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #0078C1;
	border: #FFFFFF solid 1px;
	padding: 2px;
}
.texte_tableau_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color: #7FB6D6;
	border: #FFFFFF solid 1px;
	padding: 2px;
}
.texte_tableau_2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color: #A8D4FF;
	border: #FFFFFF solid 1px;
	padding: 2px;
}
.wsc_chapeau{
	font-size:14px;
	}
a.lien_bt_ref {
	background:url(visuels/background_bt_ref.gif) top left no-repeat;
	width:420px;
	height:35px;
	display:block;
	padding-left: 15px;
	padding-top: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien_bt_ref:hover {
	background:url(visuels/background_bt_ref_over.gif) top left no-repeat;
}
a.lien_bt_ref2 {
	background:url(visuels/background_bt_ref2.gif) top left no-repeat;
	width:440px;
	height:35px;
	display:block;
	padding-left: 15px;
	padding-top: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien_bt_ref2:hover {
	background:url(visuels/background_bt_ref_over2.gif) top left no-repeat;
}
a.awsc_lien_blanc {
	color: #FFFFFF;
	text-decoration: underline;
}
a.awsc_lien_blanc:hover {
	color: #000000;
}
.wsc_breve{
	font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size:11px;
        color:#7a7a7a;
}