/* 
DESCRIPTION : 
	CSS pour les styles propre à ce qui est considéré comme hors module 
	(Exemple : plan du site, abonnement, nous joindre) 
	
PAGE : ALL
CREATION : 2008 
*/


@import url("pages.css");


/*******************************************************************
					General
******************************************************************/
/**	H3 avec couleur arriere plan	**/
#bc_zone_texte_page.nous_joindre div#zone_autres_numeros h3, #bc_zone_texte_page.abonnement h3{background-color:#e2f0ee;}

/** PAGE MODÈLE	**/
table#tab_page_modele{width:100%;}
h1.page_modele{background-color:#1e9d8b;}



/*******************************************************************
			Avis publics (chemin : accueil - Avis publics)
******************************************************************/
div#avis ul,div#avis p{margin:0px;}
div#avis h2{margin-left:-10px;margin-right:-10px;/*background-color:#dcc8b0;*/background-color:#e2f0ee;padding:5px 13px;}


/*******************************************************************
			Bulletin municipal
******************************************************************/
div#texte.bulletin_municipal img{margin-bottom:5px;}


/*******************************************************************
			Chronique "Human"
******************************************************************/
div#texte.bulletin_municipal h2.sebas{color:#c97431}
div#texte.bulletin_municipal h2.auclair{color:#1f683b}
div#texte.bulletin_municipal h2.lauraine{color:#db452c}
div#texte.bulletin_municipal h2.gestev{color:#a01f33}
div#texte.bulletin_municipal h2.peewee{color:#cb182e}
div#texte.bulletin_municipal h2.tourisme{color:white; background-color:#0089cf; padding:5px; width:350px}
div#texte.bulletin_municipal p.introgestev {color:#00aeef; font-weight:bold}
div#texte.bulletin_municipal p.introgestev span{font-size:1.1em}
.zone_encadre.peewee{background-color:#f5ffad; margin-top:0}
.zone_encadre_auclair{background-color:#e4ecaf;padding:10px;margin-top:20px;margin-bottom:20px;overflow:auto;margin-left:50px; margin-right:50px; text-align:center}
.zone_encadre_gestev{background-color:#e4ecaf;padding:10px;margin-top:-5px;margin-bottom:20px;overflow:auto;}
.ph_aligne_gauche_gestev {background-color:black; float:left; margin-right:15px; padding:5px}
.ph_aligne_droite_gestev {background-color:black; float:right; padding:5px; margin-left:10px}
.ph_aligne_droite_gestev span {color:white}
.ph_aligne_gauche_gestev span {color:white}
div#bc_zone_capsules.gestev div {background-color:black}
div#bc_zone_capsules.gestev div a {color:white}
div#bc_zone_capsules div.peewee {background-color:black; color:white; font-size:1.2em; line-height:1.5em}
div#bc_zone_capsules div.peewee a {color:white;}



/*******************************************************************
			Spécifique "Fête nationale"
******************************************************************


#menu_stjean {float:left;width:200px;}
#menu_stjean li {background-image:url('../idees_sortie/grands_evenements/fete_nationale/img/fond_menu_gauche.gif'); background-repeat:repeat-x; list-style-type:none}

/


/*******************************************************************
			Fils RSS
******************************************************************/
/* Page lien fil RSS */
#form_rss{padding:10px 0px 35px 20px!important;padding:10px 0px 5px 20px;margin-left:-10px;	margin-right:-10px;background-color:#e2f0ee;}
#liste_fils_rss ul li{list-style:none;padding-left:0px;margin-left:0px;}
#liste_fils_rss ul{float:left;width:45%;margin-left:0px;padding-left:0px;}
#liste_fils_rss ul, #liste_fils_rss p{margin-left:5px;}
#liste_fils_rss ul li span.note{float:left;margin-left:40px;}



/*******************************************************************
			Modifications dans la circulation, Actualités et Actualités des arrondissements
******************************************************************/
div#liste_modif_circulation p, div#liste_modif_deneigement p, #liste_actualites p {line-height:1.3em;/*margin:2px 0px 0px 2px;*/}
*div#liste_modif_circulation h2,div#liste_modif_circulation h3,div#liste_modif_deneigement h3, div#liste_modif_deneigement h2{margin-bottom:2px;font-size:1.2em;}
div#lien_modifications_archivees, div#lien_deneigement_archivees, div#lien_actualites_archivees{margin-top:10px;text-align:right;}
ul#mois_circulation li, ul#mois_deneigement li, ul#mois_archives li{margin:8px 0px 8px 0px;}

/*Actualites*/
#listeactualite_arrondissement h2{/*background-color:#d4b48e;*/background-color:#e2f0ee;margin-left:-10px;margin-right:-10px;padding:3px 10px 3px 10px;}



/*******************************************************************
			Publications
******************************************************************/
div.publication_arrondissements h3{font-weight:normal;margin-top:10px;}
div.docs{margin-top:15px;}
div#texte.publications h4{margin-top:20px;}
#note{margin-bottom:20px;}


/*******************************************************************
			 Plan du site
******************************************************************/
div.plansite div{background-color:#FFFFFF;margin-bottom:10px;padding:5px;padding-top:0px;border:1px solid #E5EAF1}
div.plansite div h2{background-color:#e2f0ee;margin:0px;margin-left:-5px;margin-right:-5px;padding:5px 3px 5px 15px;margin-bottom:10px;font-family:Helvetica, Arial, sans-serif}
div.plansite div ul ul{margin-left:25px;list-style:none;}
div.plansite div ul li{margin-bottom:15px;}
div.plansite div ul ul li{margin-bottom:3px;}
div.plansite div ul ul ul{margin-bottom:3px;}

div.plansite div.list_2col_col1, div.plansite div.list_2col_col2{float:left;height:160px;}
div.plansite div.list_2col_col1 ul li, div.plansite div.list_2col_col2 ul li{margin-bottom:3px;padding-left:0px;}
div.plansite div.list_2col_col1{clear:both;width:200px;padding-bottom:14px;}
html>body div.plansite div.list_2col_col1{clear:both;width:200px;padding-bottom:5px;}
div.plansite div.list_2col_col2{margin-left:10px;width:350px;}
div.plansite div.list_1col{width:570px;}
div.plansite div.list_2col_col2 ul{float:left;width:45%;margin-left:5px;}

#liens_rapides{padding:15px;width:550px;}
#liens_rapides ul{margin-top:-8px;}
#liens_rapides ul li{margin-bottom:3px;}


/*******************************************************************
			 Viabilité hivernale
******************************************************************/
#ligne_hiver {background:#fbb034;height:2px;width:100%;margin-top:15px;margin-bottom:7px;clear:both;}
h1.viabilitehivernale {background-color:#fbb034;}
h2.viabilitehivernale {color:#fbb034;margin-left:-2px;}


/*******************************************************************
			 Colloque et concours Innovation en architecture
******************************************************************/

/************1er Colloque 2009****************/
.bande_colloque_2009{background-color:#96ea13;}

/************2e Colloque 2010****************/
.bande_colloque_2010{background: url('../colloque/img/img_bgcolor_orange.gif'); color:#ffffff;}
.ligne_colloque{background: url('../colloque/img/img_bgcolor_orange.gif'); height:1px;}
.titre_orange{color:#f05033;}
td.blanc_orange{background-color:#ffffff; color:#f05033; padding:0px; margin:0px;}
td.blanc_noir{background-color:#ffffff; color:#000000; padding:0px; margin:0px;}

/************3e Colloque 2011****************/
.bande_colloque_2011{background: url('../colloque/img/img_bgcolor_rose.gif'); color:#ffffff;}
.ligne_colloque{background: url('../colloque/img/img_bgcolor_rose.gif'); height:1px;}
.titre_rose{color:#ec008d;}
td.blanc_rose{background-color:#ffffff; color:#ec008d; padding:0px; margin:0px;}
td.blanc_noir{background-color:#ffffff; color:#000000; padding:0px; margin:0px;}



/*******************************************************************
			 Formulaire-Bilan des organismes
******************************************************************/
.champ_hauteur_30 {height:30px;}
.champ_hauteur_40 {height:40px;}
.champ_hauteur_var {min-height:100%}

/*******************************************************************
			 Statistiques grands événements
******************************************************************/
h1.stats {background-color:#3184a0}
h2.stats {color:#3184a0}
img.entete{margin:0 0 5px -10px}
h3.cirque {color:#3184A0;/*border-bottom:2px #60c9eb solid; width:560px*/}
#zone_cirque {background-color:#3184A0; margin-top:-11px; padding:5px; color:white; font-weight:bold; font-size:1.2em}
.graphique {text-align:center; clear:both}
.graphique2 {margin-left:135px}
h3.moulin {color:#925c89;/*border-bottom:2px #60c9eb solid; width:560px*/}
#zone_moulin {background-color:#925c89; margin-top:-11px; padding:5px; color:white; font-weight:bold; font-size:1.2em}
.graphique {text-align:center;}
.zone_float {float:right; width:150px; padding:5px; margin-right:15px; margin-top:45px}
.zone_float.cirque{background-color:#3184A0; color:white; margin-right:35px}
.zone_float.moulin{background-color:#925c89; color:white}
.zone_encadre.stats {background-color:#3184a0; color:white;}
.zone_special {float:left; width:300px;padding:10px; margin-top:15px;background-color:#3184a0; color:white; }
div.zone_encadre.stats ul li a {color:white}