/*///////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Vallauris Golfe du Juan ///////////////////////////*/
/*
		V            V      GGGGG                 J
		 V          V     G                              J
		  V        V     G                               J
		   V      V     G     GGGG                J
		    V    V      G              G    J          J
		     V  V        G            G     J          J
		       V             GGGGG       JJJJJJ
*/
/*///////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/


.spip-admin-float { right: 3% !important; top: 60px !important; }


/*//////////////////////// RESET CSS //////////////////////*/

img, div { behavior: url(../../images/iepngfix.htc) }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

blockquote, q {
  quotes: none;
}

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse: collapse; border-spacing: 0; }

.transparencePNG, img, div { behavior : url(/_template/include/css/resources/iepngfix.htc) ;}



/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */

a {text-decoration: none; color: #333;}
a:hover, a:hover.spip_note,a:hover.spip_ancre,a:hover.spip_in, a:hover.spip_out, a:hover.spip_mail, 
a:hover.spip_url, a:focus,a:hover,a:active { 
	color: #333; text-decoration: none;
}
a img, img { border: none;}


/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6, h1 a,h2 a, h3 a,h4 a,h5 a,h6 a { 
	margin: 0; padding: 0; font-weight: normal !important;  
	text-transform: uppercase; color: #58595b; text-align: left; clear: both;
}

h1, h1.spip { 
	font-size: 170%; border-bottom: 2px solid #5a5b5f;
}
h2, h2.spip { 
	font-size: 150%; border-bottom: 2px solid #5a5b5f;
}
h3, h3.spip { 
	margin-top: 25px; margin-bottom: 15px;  font-size: 130%; border-bottom: 2px solid #5a5b5f;
}

h4, h4.spip { margin-top: 20px; margin-bottom: 10px; font-size: 110%; border-bottom: 1px solid #5a5b5f; }
h5, h5.spip { margin-top: 10px; margin-bottom: 5px; font-size: 110%;  }
h6, h6.spip { margin-top: 10px; margin-bottom: 5px; font-size: 100%; font-weight: bold;}


/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: inherit; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }


/* SPIP-STYLE                                                           */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Listes SPIP */
ul.spip li  {
	list-style: square inside none;
}
ol.spip li { list-style: decimal; }

/* Citations, code et poesie */
blockquote.spip, .intitule { 
	margin: 0 auto 2em auto; padding: 5px; border-left: 1px dotted #aaa; font-style: italic; 
	display: block; font-size: 110%;
}
blockquote.spip_poesie { margin: 2em 0; margin-left: 5em; padding-left: 1em;  border-left: 1px dotted #aaa; font-family: georgia,serif; }
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }

.spip_code { font-family: verdana ,sans-serif; color: #888; }
.spip_cadre { width: 75%; margin: 0 auto; border: 1px inset #FF6600; font-size:inherit;}
div.spip_code, .spip_cadre { margin-bottom: 1em;  }
.texteencadre-spip {background:#250902 url(../../images/zoneboutique.jpg) repeat; color: white; width: 75%; margin: 0 auto; border: 2px inset #FF6600;}
.spip_surligne { background: #FF6; }
.caractencadre-spip { background: #afa52a; padding: 0 3px; color: white;}
.caractencadre2-spip { background: #32363c; padding: 0 3px; color: white;}

/* Tableaux */
table.spip { max-width: 99%;width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { 
	caption-side: top; /* bottom pas pris en compte par IE */ text-align: left; font-weight: bold;
	margin: 20px 0 10px 0;
}
table.spip tr.row_first {background: #B4DE5E url(../../images/fnd_menumention.jpg)  left center repeat-y;}
table.spip tr.row_even { background-color: #e7f4fc;}
table.spip tr:hover.row_even { background-color: #cee9f9;}
table.spip tr.row_odd { background-color: #f1f6ec; }
table.spip tr:hover.row_odd { background-color: #e3eeda; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }
          
/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_ancre, a.spip_in, a.spip_mail, a.spip_out, a.spip_url, a.spip_glossaire { /* liens internes a la page */
	text-decoration: underline;
} 
a.spip_in {} /* liens internes */
a.spip_mail { }
a.spip_mail:before { content: "\002709"; } /* liens vers un email */
a.spip_out {  } /* liens sortants */
a.spip_url {  } /* liens url sortants */
a.spip_glossaire { } /* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration: underline overline; }
.on { } /* liens exposes */

.spancrypt {padding-left:1px !important;}

.displayNone {
	display: none;
}
.opacity{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
	filter: alpha(opacity=0);
}	

.opacityNone{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter: alpha(opacity=100);
}	
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */


/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; margin-left: 20px; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

.menu ul li a { display: block; font-variant: small-caps; }
.menu ul li a:hover { background-color: #EEE; }

/* Pagination */
.pagination { clear: both; text-align: right; color: #666; }
.pagination span, .pagination a { padding: 1px 3px; }
.pagination .on, .pagination a:hover { font-weight: bold; color: #666; background: #DDD; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: none; border: 0; }

.formulaire_recherche { margin-bottom: 0; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: left; clear: right; margin: 0 4px 4px 0; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }



/* Style de textes
---------------------------------------------- */
.gros {
	font-size: 130%;}
.moyen {
	font-size: 115%;}
.petittexte {
   font-size: 100%;}
.toutpetittexte {
   font-size: 80%;}
.on { font-weight: normal ; }
.clear {
	clear: both !important;
}
.sc, sc {
	font-variant: small-caps;
}
.maj {
	text-transform: uppercase;
}
.gras {
	font-weight: bold;
}
.normal {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.retraitdroit {
	margin-right: 20px;
}
.retraithaut {
	margin-top: 20px;
}
.retraitgauche {
	margin-left: 20px;
}
.retraitbas {
	margin-bottom: 20px;
}
.retraitcol {
	padding: 0 5px;
}
.retraitvertical {
	padding: 10px 0 5px 0;
}
.espacevertical {
	margin: 10px 0 15px 0;
}
.centre {
	text-align: center;
}
.aligngauche {
	text-align: left !important;
}
.aligndroit {
	text-align: right !important;
}
.justify {
	text-align: justify;
}
.italique {
	font-style: italic;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.moitie {
	width: 45%;
}
.blanc { color: white; }
.or { color: #FFB94e; }

p {
	margin: 10px 0 15px 0;
}


.off { line-height: 16px; }
.fonce { color: #776856; }

.transparencePNG, img, div { behavior : url(/_template/include/css/resources/iepngfix.htc) ;}

hr.spip, hr {
	clear: both;
	margin:20px 15px 20px;
	border: none !important; border-top : 2px dotted #AAA !important;
}

hr.plus {
	height: 9px; width: 530px; background: url(../../images/hr.jpg) left no-repeat ;
	border: none; clear: both; margin: 14px 0 0 0;
}
small { font-size: 70%; color: #BBB; }
a.plus { background: transparent url(../../images/plus.gif) left center no-repeat; margin-top: 8px; padding: 2px 0 0 20px; display: block; }
a:hover.plus { background-color: #EEE; }


hr.big { width: 670px; margin:10px 0 10px auto ;}
#SSMENU hr {
	margin:1px auto; height: 1px; background: transparent url(../../images/point_verti.gif) left 0 repeat-x ;
	border: none; clear: both;
}
.block { display: block; }

div.erreur {
	background-color:#C6011D;
	color:#FFFFFF;
	width:780px;
}
.bgnone { background: none !important; }

.none { display: none;}
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
.invisible { position: absolute; top: -3000em; height: 1%; }
.gris {color: #8C8C8C;}
.rouge { background: transparent url(../../images/fond_transp2.png); }



/*///////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////
//// S T R U C T U R E
///////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

html { 
	margin: 0; padding: 0; font-size: 0.6875em; line-height: 18px;
	font-family: Helvetica, tahoma, sans-serif; 
}

body {
	margin: 0;
	margin-top: 0 !important;
	padding: 0;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;  
	background-size: contain !important;
	background-color: #DFDAD7 !important;
}

a img, img { border: none; }
p, p.spip {
}
ul, ul.spip {
	margin: 5px 0 0 0;
	padding-left: 10px;
}
ul li a, ul.spip li a { }
#ARTICLETEXTE {
	background: white url(../../images/fond_bloc.jpg) top repeat-x;
	font-size: 120%; padding: 10px; 
	margin: 0 15px 10px 0;
}
#ARTICLE p, #ARTICLE p.spip, #ARTICLETEXTE p, #ARTICLETEXTE p.spip {
}
#ARTICLETEXTE td {
}

/* ///////// STRUCTURE ///////////// */ 
#CENTRAGE {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#ENTETE_PRINT{
	display:none !important
}

#ENTETE {
	height :200px;
	padding-top: 0px;
	font-size: 10px ;
}
a.logo {
	margin: 0; padding: 0; position: absolute; top: 55px;
}
#ONGLET {
	height: 28px; font-size: 130%;
	padding: 7px 0 0 15px;
	border-top : 2px solid #6b6c71;
	background: transparent url(../../images/fonce.png) top repeat;
}
#ONGLET, #ONGLET a { color: white; }
#ONGLET a:hover { 
	color: #97e0ff; border-radius:5px; background-color: #444;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

a.contact {	background: transparent url(../../images/contact.png) 2px center no-repeat;	padding: 4px 4px 4px 15px; margin-right: 30px; }
a.numero {	background: transparent url(../../images/numero.png) 2px center no-repeat;	padding: 4px 4px 4px 15px; margin-right: 30px; }
a.tourisme {	background: transparent url(../../images/tourisme.png) 2px center no-repeat; padding: 4px 4px 4px 15px; margin-right: 30px; }
a.agenda {	background: transparent url(../../images/agenda.png) 2px center no-repeat;	padding: 4px 4px 4px 15px; margin-right: 30px; }
a.billetterie { background: transparent url(../../images/billetterie_ti.png) 2px center no-repeat;	padding: 4px 4px 4px 19px; margin-right: 30px; }

a.annuaire {	background: transparent url(../../images/annuaire.png) 2px center no-repeat; padding: 4px 4px 4px 17px;  }

.formulaire_recherche {
	width: 220px; float: right;
}
#ENTETE .formulaire_recherche span.rech { display: none; }
.formulaire_recherche form { width: 200px; }
.formulaire_recherche input {
	border: none; height: 19px; width: 163px; font-size: 100%; color: #555;
	background :  white url(../../images/recherche.jpg) left center no-repeat;
}
.formulaire_recherche input.submit {
	padding: 0; 	margin: 0; width: 21px; height: 19px; cursor: pointer; text-indent: -999px;
	background :  white url(../../images/recherche_ok.jpg) left center no-repeat;
}

.langue { float: right; padding-left: 20px; border-left : 1px solid #fff; margin-right: 10px; }
.langue a { margin-right: 5px; padding-bottom: 6px; }
.langue a.lang_on, .langue a:hover { background: transparent url(../../images/lang_on.png) bottom no-repeat !important; }


#BANDEAU {
	float: right;
	width: 728px; height: 90px;
	margin-top: 0px;
}

.meteo {
	background: transparent url(../../images/clair.png) repeat top left !important;
	min-height: 75px; border: 1px solid #888; width: 250px;
	position: absolute; margin-left : 720px !important; top:85px; padding-top: 5px;
}




/*////////////// MENU ///////////////// */
#menu {
	width: 100%;
	padding: 0; margin: 0;
}
#menu a.principal {
	color: white; font-family: tahoma, sans-serif; text-transform: uppercase;
	font-size: 130%; display: block; padding: 10px 20px; height: 17px; margin: 0 5px;
}
#menu a:hover.principal, #menu .on { background: transparent url(../../images/menu_roll.jpg) repeat;
}


/*************************************************************************************************************
 * MENU HAUT
*************************************************************************************************************/
div#menuorangetaupe {
	margin: 0;
	padding: 0;
}
ul#menu-haut {
	position: relative;
	list-style-type: none;
	padding: 0 !important;
	margin: 0 0 0 0px !important;
	width: 100%;
	height: 37px;
	background: transparent url(../../images/fonce.png) top repeat;
}
			
ul#menu-haut li {
	display: block;
	z-index: 100;
	float: left;
	height: 37px;
	text-align: center;
}
			
ul#menu-haut li.on {
	color: #555; font-weight: bold;
}
			
ul#menu-haut li a {
	z-index: 100;
	text-decoration: none;
}

ul#menu-haut li.on a.first {
	color: #555;
}


				
/*//////////////////////////////////*/

#Mairie, #Culture, #Sports, #Jeunesse, #Economie, #Social, #Cadre-de-vie, #S-curit- {
	width: 980px; position: absolute; top: 37px; left: 0; margin-left: 0px;
	background: transparent url(../../images/fonce3.png) top repeat;
	text-align: left; z-index: 100;
}
div.rub_ssmenu {
	float: left; padding: 5px 10px 5px 10px; margin: 2px 5px; width: 460px; 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}
div.rub_ssmenu a {
	font-size: 120%; color: white;
}
div.rub_ssmenu img {	float: left; margin-right: 15px; }
.titre_ssmenu { font-size: 150%; font-weight: bold; }
div:hover.rub_ssmenu { background: #75a1d3 url(../../images/fonce.png) top repeat; border-radius:10px; }
div:hover.rub_ssmenu .titre_ssmenu { color: #97e0ff; }
div.rub_ssmenu p { margin: 0 0 10px 0; }



/*//chemin /////////*/
body.sommaire div.CHEMIN { display: none; }
div.CHEMIN {
	padding: 0 0 0 15px;
	background: #DFDAD7;
}
div.CHEMIN a {
	color: #514444 !important;
}
div.CHEMIN a:hover {
	color: #4A82B7 !important;
}



/*//////////////////////////// CONTENU /////////////////////////////////// */
.contenu { background: white; }
.contenu2 { background: #DFDAD7 url(../../images/fond_contenu2.gif) repeat-y; }

/*/////////////////////////// */
#BLOCEDITO {
	float: right;
	width: 680px;
	height: 315px;
	padding: 65px 20px 0 10px;
	background: transparent url(../../images/edito_blocedito.gif) left top no-repeat;
	margin:0 0 0px 0;
	position: relative;
}
#BLOCEDITO div ul li img {
	width: 700px !important;
	height: 315px !important;
}
.titres {
	position: absolute; z-index: 10; right: 20px;
	height: 315px; width: 216px; 
}

.titres div a.edito_event {
	display: block;
	width: 171px; height: 57px;
	padding: 10px 5px 0 40px;
	color: #333232; font-size: 130%;
	text-transform: uppercase;
	background: transparent url(../../images/edito_fond_titre.png) right center no-repeat;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.titres div a:hover.edito_event {
	background: transparent url(../../images/edito_titres_roll.png) right center no-repeat;
}
div.edito_actus {
	background: transparent url(../../images/edito_fond_titre.png) right center no-repeat;
	width: 171px; height: 38px;
	padding: 10px 5px 0 40px;
}
#defile_evenements {
	width: 700px;
	height: 315px;
}
.evenement {}
.DATE {
	display: none;
}
.edito_intro {
	padding: 5px 10px;
	color: white;
	position: relative; bottom: 0;
	/*width:495px;*/
	height: 38px; margin-top: -54px;
	background: transparent url(../../images/fonce.png) repeat;
}

/*/////////////////////////// */

div.bloc_agenda {padding-bottom: 5px;}
div.agenda_accueil {  /*bloc Agenda avec scroll*/
	width: 250px;
	height: 300px;
	padding: 65px 0px 15px 20px; margin: 0;
	background: transparent url(../../images/agenda.gif) left top no-repeat;
	width: 250px;
	float: left;
}

body.sommaire div.bloc_agenda {width: 220px !important;	font-size: 120%; }

div.bloc_agenda div.ombre_gauche {margin-left: 15px;}


.case_actus {
	height: 200px; overflow: hidden;
	margin:0;
	padding: 0 5px 0 5px;
	position: relative;
	left: 0px;
	top: 0px;
}
.case_actus_scroll {
	height: 280px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:0;
	padding: 0 5px 0 0;
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 80%;
}
.billetterie .case_actus_scroll {
	height: 1360px;
}

body#multiWidgetBody {
	padding: 0 !important;
}

 
.event { margin: 0 0 15px 0; }
.titrearticle, div.textecolonne a span.titrearticle {
	text-transform: uppercase; color: #414042; font-size: 120%;
}
a.liendesc span.souligne {
	color: #414042; 
	margin-bottom: 10px;
}
a.voirtout {
	background: transparent url(../../images/plus.gif) left center no-repeat;
	border-bottom: 2px solid #cececf; color: #999;
	padding-left: 15px; text-transform: uppercase; display: block;
	margin: 10px 0;
}
#BLOCEDITO a.voirtout { color: #333;}
a:hover.voirtout { padding-left: 17px; color: #555; }

 .scrollup {
    position: relative;
	overflow: hidden;
	height: 300px;
    padding: 0  0 0 0 ;

 }

 .headline {
    position: absolute;
    top: 210px;
    height: 100%;
    width :230px;
 }
 .headline a {
    display: block;
    width :210px;
}



/*///////////  A C C U E I L  //////////////// */
/*blocs  Z O O M  */
body.sommaire .zoom_sur_sommaire {  /*Ceramique*/
	clear: left;
	float: left;
	width: 520px; margin-top: 0;
	padding: 45px 0px 10px 0;
	background: transparent url(../../images/zoom.gif) left top no-repeat;
	position: relative;
}
body.sommaire .zoom_sur_sommaire .taillebloc100, body.sommaire .zoom_sur_sommaire .taillebloc50 { background: none; margin: 0 0 0 10px;padding-right: 0; }
body.sommaire .zoom_sur_sommaire .logoarticle { height: 195px; overflow: hidden; margin: 0; }
body.sommaire .zoom_sur_sommaire .fond-titre-taillebloc100, body.sommaire .zoom_sur_sommaire .fond-titre-taillebloc50 { 
	position: absolute; 
	width: 490px; border: none; margin-top: 122px;
	background: transparent url(../../images/fonce.png) repeat; color: white;
	padding: 5px;
}
body.sommaire .zoom_sur_sommaire .fond-titre-taillebloc100 h2, body.sommaire .bloc_gauche_sommaire .fond-titre-taillebloc50 h2, body.sommaire .bloc_gauche_2_sommaire .fond-titre-taillebloc50 h2 { 
	border-bottom: none; font-size: 80%; 
}
body.sommaire .zoom_sur_sommaire .fond-titre-taillebloc100 h2 a, body.sommaire .bloc_gauche_sommaire .fond-titre-taillebloc50 h2, body.sommaire .bloc_gauche_2_sommaire .fond-titre-taillebloc50 h2 a { 
	color: white; text-decoration: none;
}
body.sommaire .zoom_sur_sommaire a.liendesc { 
	display: block;  
	position: absolute; 
	width: 479px;
	bottom: 10px;
	background: transparent url(../../images/fonce.png) repeat; color: white;
	padding: 3px; font-size: 90%;
}

body.sommaire div.taillebloc100 {  
	width: 485px; padding-left: 20px;
}
body.sommaire div.taillebloc50 {  
	width: 240px; padding-left: 0px;
	background: none;
}
div.widthtaillebloc100.bloc-central { 
	width: 100%;
}
div.widthtaillebloc100.bloc-central .fond-titre-taillebloc100 { 
	font-size: 100%;
}
body.sommaire div.widthtaillebloc100.classModif { 
	width: 95%;
}
body.sommaire div.widthtaillebloc50.classModif {
	width: 45%;
	margin-right: 35px;
}
body.sommaire div.widthtaillebloc50.classModif div.taillebloc50  { 
	width: 100%;
}
body.sommaire .bloc_gauche_sommaire {
	clear: left;
	padding-left: 10px;
}

body.sommaire .bloc_gauche_sommaire, body.sommaire .bloc_gauche_2_sommaire {  /* menus + noms de rues */
	width: 240px;
	overflow: hidden;
	position: relative;
}
body.sommaire .bloc_gauche_2_sommaire {  /* menus + noms de rues */
	margin-left: 20px !important;
}
 
body.sommaire .bloc_gauche_sommaire div.taillebloc50, body.sommaire .bloc_gauche_2_sommaire div.taillebloc50 {  
	background: none;
	padding: 0 5px 0 10px;
	width: 225px;
}

body.sommaire .bloc_gauche_sommaire a.liendesc, body.sommaire .bloc_gauche_2_sommaire a.liendesc {  
	background: url("../../images/fonce.png") repeat scroll 0 0 transparent;
    color: white;
    font-size: 90%;
    height: 55px;
    padding: 5px 8px;
    position: absolute;
    top: 130px;
    left: 0;
    width: 209px;
    margin-left: 10px !important;
}
body.sommaire .bloc_gauche_sommaire a.liendesc {
	margin-left: 20px !important;
}

body.sommaire .bloc_gauche_sommaire a.liendesc .tailletypo, body.sommaire .bloc_gauche_2_sommaire a.liendesc .tailletypo { 
	display: none;
}



body.sommaire .bloc_gauche_sommaire.bloc-central, body.sommaire .bloc_gauche_2_sommaire.bloc-central { margin: 0 ; }
body.sommaire .bloc_gauche_sommaire a.liendesc .titrearticle { color: white; text-transform: none; }

body.sommaire .bloc_gauche_sommaire .logoarticle, body.sommaire .bloc_gauche_2_sommaire .logoarticle { 
	height: 195px; overflow: hidden; margin: 0;
}


/*/////////////////////////// */
#SERVICES {
	float: right;
	width: 450px;
	padding: 43px 0px 0 0;
	margin-left: 10px;
	background: transparent url(../../images/services.gif) left top no-repeat;
}
#SERVICES2 {
	padding: 0; margin-top: 20px; 
}
#SERVICES2 img { width: 230px; }
#SERVICES a, #SERVICES2 a, a.billetterie_lien {
	float: left; margin: 0 10px 10px 0; padding: 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#SERVICES a:hover, #SERVICES2 a:hover, a:hover.billetterie_lien {
	background: #A7AEBE;
}

/*////// + //////*/
div.classModif a.liendesc { display: block; color: #58595B; }
div.classModif a:hover.liendesc span  { 
	color: #000; 
}

/*/////////////////////////// */
#VENIR {
	clear: both;
	height: 160px; width: 960px;
	padding: 30px 0 0 20px;
	background: #a6aebd;
}

#VENIR.VENIR_fr {
	background: #a6aebd url(../../images/fond_venir_fr.jpg) left top no-repeat;
}

#VENIR.VENIR_en {
	background: #a6aebd url(../../images/fond_venir_en.jpg) left top no-repeat;
}

#VENIR.VENIR_it {
	background: #a6aebd url(../../images/fond_venir_it.jpg) left top no-repeat;
}

#VENIR a {
	display: block; width: 530px; color: white; font-size: 120%;
	padding: 40px 0 15px 10px; border-radius : 10px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}
#VENIR a:hover { background-color:#bbc3d5; }

#VENIR a.fr {
	background: transparent url(../../images/fond_venirguide_fr.png) left top no-repeat;
}

#VENIR a.en {
	background: transparent url(../../images/fond_venirguide_en.png) left top no-repeat;
}

#VENIR a.it {
	background: transparent url(../../images/fond_venirguide_it.png) left top no-repeat;
}

/*/////// PIED PAGE //////// */
#PIEDDEPAGE {
	clear: both; background: #7f4c44 ; color: white;
}
#PIEDDEPAGE a {
	color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}
#PIEDDEPAGE a:hover {
	color: #ddd;
}
.zonepied {
	background: transparent url(../../images/pieddepage.jpg) 95% 95% no-repeat;
	width: 980px; margin-left: auto; margin-right: auto;
	padding: 5px 0 70px 0; min-height: 200px;
}
.adresse {
	width: 160px; padding: 55px 0 0 10px; float: left; margin: 0 20px 10px 0;
	background: transparent url(../../images/valauris.jpg) top left no-repeat;
}
#PLAN {
	width: 780px; float: right;
}
#PIEDDEPAGE ul { padding: 0; margin: 0; list-style: none; }
#PIEDDEPAGE li a { 
	display: block; color: #dac3bf ; border-radius:5px; padding-left: 2px;
}
#PIEDDEPAGE li a:hover { color: #fff; background-color: #986760;}
#PIEDDEPAGE li.ssmenu { 
	width: 135px; border-left:1px solid #a8807a; margin: 0 15px 20px 0; font-weight: bold;
	padding-left: 5px; min-height: 110px;
}
#PIEDDEPAGE ul ul { margin: 10px 0 0 0; }


.piedcss {
	line-height: 1px;
	height: 1px;
	font-size: 5px;
}
#NT a {
	background: #cb9f9a url(../../images/nt.gif) center no-repeat;
	width: 24px; height: 15px;
	float: left; display: block;
	margin: 20px 0 0 0 ;
}
#NT a:hover {
	background-color: #eed9d8;
}

#NUAGEMOTS {
	background: #b3b3b3 url(../../images/nuagemots.gif) top repeat-x;
	border-top: 1px solid white;
	padding: 5px;
	text-align: center;
}
#NUAGEMOTS a, #NUAGEMOTS_BLOC a {
	color: #d00008;
	padding: 0 3px;
}
#NUAGEMOTS a:hover, #NUAGEMOTS_BLOC a:hover {
	color: #770508;
}
#NUAGEMOTS_BLOC {
	padding: 3px;
}
.blocpublicite {
	text-align: center;
	padding: 3px;
}






/*//////////////// BLOC GENERAUX /////////////////////////// */
.fond-titre-taillebloc50, .fond-titre-taillebloc100 {
	
}
.bloc-central {
	float: left;
	margin: 5px 0;
	font-size: 120%;
}
.bloc-central a:hover {
	background-color: #f3faff;
}
.fond-titre-taillebloc50 {
	margin-bottom: 15px;
	text-transform: uppercase;
}
.taillebloc50 {
	width: 45%;
	padding: 5px 10px 15px 10px;
	margin: 0px 15px 10px 0;
	background: white url(../../images/fond_bloc.jpg) top repeat-x;
}
.fond-titre-taillebloc100 {
	margin-bottom: 15px;
	text-transform: uppercase; border-bottom: 2px solid #5a5b5f;
	font-size: 150%; color: #58595B;
}
a:hover.titrerub {
	background: none;
}
.taillebloc100 {
	padding: 5px 10px 15px 10px;
	margin: 15px 15px 10px 0;
	background: white url(../../images/fond_bloc.jpg) top repeat-x;
	width: 95%;
}
.logoarticle {
	float: left;
	margin: 0 20px 5px 0;
}
.chaporubrique .logoarticle {
	float: left;
	margin: 10px 20px 5px 0;
}

.logoarticle a img {
	padding: 3px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #A7AEBE;
}
.logoarticle a:hover img {
	background: #d3dcf0;
}
.chaporubrique, .ombre_droite_rub {
	font-size: 120%; line-height: 20px;
	padding: 10px; margin-right: 15px;
	color: #58595B; background: white; 
}
.chaporubrique, #COLONNE2 .ombre_droite_rub {
	font-weight: bold;
	margin-bottom: 15px;
}
.chaporubrique h2 {
}
.chaporubrique ul li {
list-style-position : inside;  
}


.centre {
	clear:both;
	width: 90%;
	text-align: center;
	margin-bottom: 5px;
}
.textecolonne {
	padding:0 5px 10px 10px;
}
div.taillebloc50 ul {
	list-style: url(../../images/pucebloc.gif) outside;
	margin: 0 0 0 15px;
	padding: 0;
}





/*//////////////////////////// COLONNES /////////////////////////////////// */
#COLONNE1 {
	float: left; width: 230px; padding: 5px 15px; 
}

#COLONNE2 {
	float: left; width: 720px; padding: 5px 0;
}





/*////////////////////////////OLD /////////////////////////////////// */
#COLONNE1 .bloc-colonne1 { /*meteo*/
	margin: 10px 0 10px 0; padding: 10px;
	background: white;
}
.fond-titre-bloc {
	padding-left: 10px;
}
.profil {
	background: transparent url(../../images/profil.gif) no-repeat bottom left;
	height: 102px;
}
div.profil ul {
	list-style: url(../../images/puceboite.gif) outside;
}
div.profil li:hover {
	width: 140px;
	background: #FFB32F;
}
.profil-image{
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 10px;
	border: 1px solid #f0e1b8;
	background: #fffcf4 url(../../images/fond_boite.gif) repeat-x bottom;
}
.actualites {
	min-height:242px;
	height:auto !important;
	height:242px;
}
.ombre_gauche {
}
.ombre_droite {
}
#COLONNE1 .ombre_droite, #COLONNE1 .ombre_droite_rub {
	background: white;
	margin: 0 0 15px 0;
}

.fond-titre-bloc-colonne1 {
	text-transform: uppercase;
	margin-bottom: 2px;
}
.fond-titre-bloc-descrub {
}
.ombre_gauche_rub {
}

#COLONNE1 .ombre_droite_rub a { color: #58595b; display: block; }
#COLONNE1 .ombre_droite_rub a:hover { background-color: #ddd;  }




#texte_agenda{
	position: absolute;
	margin: 0 0 20px 0;
	top: 0;
	left: 0;
}

div.case_actus img.spip_logos, div.case_actus_scroll img.spip_logos {
	margin-right: 5px;
}
.publications {
	margin-right: 5px;
	padding: 0 0px 0px 15px;
	overflow: hidden;
}
a.on {
	font-weight: bold;
	color: #555;
}
a:hover.on {
	color: #986320;
}



/*//////////////// COL 3 /////////////////////////// */
.bloc-colonne3{
	text-align: left;
	margin: 10px 0 10px 0px;
}
.boite {
	background: #fffcf4;
}
div.splickrbox table img { margin: 0 8px 5px; }

div.boite ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style: url(../../images/puceboite.gif);
}
.fond-titre-zone {
	text-align: center; background: #f2ebda; font-size: 140%;
	padding: 5px 0; margin: 0; text-transform: uppercase;
}
.fond-titre {
	text-align: center;
	padding: 0; margin: 0;
}
.lien_zone {
	border: none; margin: 30px 0;
}
.lien a {
	border: none; display: block; font-size: 150%; line-height: 24px; font-variant: small-caps;
	background: transparent url(../../images/fleche.gif) left center no-repeat;
	padding-left: 30px; border-bottom: 2px solid #a19f9d;
}
.lien a:hover {
	background: #a19f9d url(../../images/fleche.gif) left center no-repeat; color: white;
}
div.boite img.spip_logos {
}
div.boite a img.spip_logos {
	border: 1px solid transparent;
}
div.boite a:hover img.spip_logos {
	border: 1px solid gray;
}
h3.logo_auteur img.spip_logos {
	margin-right: 10px;
}




/*//////////////// PAGES INTERNES /////////////////////////// */

ul.nuage li a {
	white-space: normal;
}
ul.nuage span.frequence {
	display: none;
}
/*a:hover span.frequence {
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	width: 140px;
	height: 20px;
	padding: 5px;
	margin-top:-5px;
	margin-left:-130px;
	z-index: 100;
	text-decoration: none;
	color: #FFF;
	background-color: #6fcef5;
	border: solid 1px #617e9f;
	-moz-border-radius: 1em 0;
	font: 10px Verdana, sans-serif;
	text-align: left;
	cursor:pointer;
	overflow: hidden;
}*/

/* les mots */
ul.nuage a.nuage   { font-size: 11px; }
/* variantes */
ul.nuage a.nuage0  { font-size: 8px; color: #f2951c !important;}
ul.nuage a.nuage1  { font-size: 9px; color: #f5a019 !important;}
ul.nuage a.nuage2  { font-size: 10px; color: #f2951c !important;}
ul.nuage a.nuage3  { font-size: 11px; color: #ee7d1f !important;}
ul.nuage a.nuage4  { font-size: 12px; color: #e96022 !important;}
ul.nuage a.nuage5  { font-size: 13px; color: #e64223 !important;}
ul.nuage a.nuage6  { font-size: 14px; color: #e42322 !important;}
ul.nuage a.nuage7  { font-size: 15px; color: #d80c21 !important;}
ul.nuage a.nuage8  { font-size: 16px; color: #c80420 !important;}
ul.nuage a.nuage9  { font-size: 17px; color: #a8121d !important;}
ul.nuage a.nuage10 { font-size: 18px; color: #9f131c !important;}

ul.nuage a:hover { color: #6ab3eb !important; cursor: pointer;}

/*//////////////// PAGES INTERNES /////////////////////////// */

#COLONNE2 a.liendesc {
	color: #777;
}

.chapo {
	clear: right;
}
.chapo p {
	font-weight: bold;
	text-align: justify;
	color: #333;
}
div.chapo ul.spip {
	list-style-position: inside;
}
div.chapo ul.spip li {
	font-weight: bold;
	text-align: justify;
	color: #333;
}

.hbergsstitre {
	margin-left: 10px;
}

.chapoannuaire{
	color: #4F659F;
}

.capaciteannuaire{
	font-weight:bold;
	font-size:12px;
	color: #FF6600;
}

div.chapoannuaire ul.spip, div.descriptifannuaire ul.spip, #HEBERGTEXTE ul li{
	list-style-position: inside;
}

#HEBERGTEXTE ul li {
    margin: 0 0 1px 0;
	list-style:url(../../images/elements/puce.gif) inside;
}
#HEBERGTEXTE td {
	background: #E6E6E6;
}

#outilsTexte {
	float: right;
	width: 260px; 
	text-align: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #CCC;
}
	div.langues {
		color: #777;
		text-align: center;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
		font-size: 8px;
	}
	div.langues span { padding: 2px ; }
	div.langues span a { color: #1a9fdc; padding: 2px; }
	div.langues span a:hover { background: #DDD; }
	div.langues span span { text-align: center; background: #DDD; }
	
	#readspeaker_button {
		margin:0 7px; padding-bottom: 7px; float: left;
	/*	border-bottom: 1px dotted #CCC; */
	}
	div.socialtags {
	    clear: none; float: right;
	    margin: 5px 0 0 5px;
	    padding: 0;
	}


.Texte {
	font-size: 12px;
}

.evenements {
	float: right;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	overflow: hidden; width: 70px;
}
#PLUS {
  font-size: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
  color: #555;
}
#PLUS a.voirtout{display: inline;}

#PS { }
#SAVOIRPLUS { }

.illustrations {
	padding:5px; width: 190px; margin: 10px; background: #faf7f5;
}
.illustrations a { text-align: center; display: block; }
div:hover.illustrations { background: white url(../../images/fond_bloc.jpg) top repeat-x; }
.documents {
	padding:5px 5px 10px 5px;
	color: #555; width: 300px; margin: 0 10px 10px 0;
	float: left; 
}
#COLONNE1 .documents { width: 210px; }
div.highslide-caption { text-transform: uppercase; text-align: left; background: white; }
div.highslide-caption p { text-transform: none; margin: 0; padding: 10px; }
.documentsRub {
	border-top: 5px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	margin-right: 5px;
	float: left;
}
.logoDocRub {
	text-align: center;
	vertical-align: top;
	float: left;
	margin-right: 10px;
	width: 55px;
}
.logoDocRub a {
	display: block;
	padding: 5px;
}
.logoDocRub a:hover {
	background: #DDD; border-radius : 5px;
}
.blocdoc {
	margin-bottom: 15px;
}
.nomDocRub {
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #DDD;
	padding-left: 3px;
	float: right;
	width: 230px;
}
.nomDocBloc{
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #DDD;
	padding-left: 3px;
	width: 100px;
	margin-bottom: 20px;
}
div.nomDocRub p {
	padding: 0;	margin: 0;
}

.rubriqueDescriptif p {
	font-weight: bold; 
}
div.rubriqueDescriptif li {
	padding-left: 3px; 
}
div.rubriqueDescriptif li.liste_arton {
	background: #ddd;
}
div.rubriqueDescriptif li.liste_arton a {
	font-weight: bold;
}

#SOUSMENU ul {
	padding-left: 10px;
}
#SOUSMENU li.liste_rubon, #SOUSMENU a.liste_rubon {
	background: #ddd;
	padding-left: 2px;
	margin-right: 5px;
	display: block;
	font-weight: bold;
}
#SOUSMENU li.liste_rubon a {
	font-weight: bold;
	color: white !important;
}

li.liste_rub, li.liste_rubon, li.liste_art, li.liste_arton, li.list_art {
	list-style: square outside;
}

.blocs_titre {
	background: transparent url(../../images/moins.gif) left no-repeat;
}
.blocs_replie {
	background: transparent url(../../images/plus.gif) left no-repeat;
}



/* /////// page RECHERCHE ///////////////////////////////////////////////// */
li.list_art, body.recherche li.liste_rub {
	margin-bottom: 5px;
}
li:hover.list_art,  body.recherche li:hover.liste_rub { background: #deecfa; }
li.list_art a,  body.recherche .liste_rub a  { text-transform: uppercase; font-size: 120%;}
li:hover.list_art a, li:hover.list_art a:hover,  body.recherche li:hover.liste_rub a { color:#7c9dbf;}

ul.ssmenurub li {
	list-style: square ;
	margin-left: 3px;
}
ul.ssmenurubon {
	list-style: square outside;
	margin-left: 3px;
}
ul.ssmenurubon li {
	list-style: square outside;
	margin-left: 3px; background: #EEE;
}
ul.ssmenurub ul {
	margin-left: 10px;
}


/*// Cartes ds articles /////////*/
div.planD {
	margin: 15px 0 0 0;
	height: 19px;
	height: auto;
	min-height: 19px;
	float: left;
	width: auto;
	background: transparent url(../../images/planD.gif) right top repeat-y;
}
div.planG {
	height: 19px;
	height: auto;
	min-height: 19px;
	padding: 0 10px 0 35px;
	width: auto;
	float: left;
	background: transparent url(../../images/planG.gif) left top repeat-y;
}
div.planG a, div.planG span {
	font-weight: bold; line-height: 18px;
	color: #4F659F;
	padding-right: 10px;
}
div.planG a:hover {
	color: #FF6600;
}









div.lieuD {
	margin: 15px 0 0 0;
	padding: 0;
	height: 31px;
	height: auto;
	min-height: 31px;
	float: left;
	width: auto;
	background: transparent url(../../images/lieuD.gif) right top repeat-y;
}
div.lieuG {
	height: 31px;
	height: auto;
	min-height: 31px;
	padding: 0 10px 0 82px;
	width: auto;
	float: left;
	background: transparent url(../../images/lieuG.gif) left top repeat-y;
}
div.lieuG a, div.lieuG span {
	font-weight: bold; line-height: 18px;
	color: #4F659F;
}
div.lieuG a:hover {
	color: #FF6600;
}
div.lieuG a.voir_plan  {
	font-weight: bold;
	float:left;
	padding: 0;
	margin:0;
}

div.lieuG a div.voir_plan{
    color: #FF6600;
}


div.fiche_plan {
	margin:0 0 15px 0;
	clear: both;
	padding: 5px;
	border-top: 1px solid #DAEE35;
	border-left: 1px solid #DAEE35;
	border-right: 1px solid #9FB023;
	border-bottom: 1px solid #9FB023;
	height: 400px;
}
div.carte_gis {
	float: right;
	width: 100%;
}
.streetview {
	background: #978d7d url(../../images/carte_fond.jpg) top left no-repeat;
	padding: 5px;
}
div.streetfermer {
	cursor: pointer;
	margin-left: 5px;
	height: 15px;
	text-align: center;
	border: 1px solid gray;
	width: 70px;
}
div.breve {
	width: 150px;
	text-align: justify;
	margin: 10px;
}
.brevetxt {
	padding: 5px 12px 15px 12px;
}
div.breve_titre {
	font-weight: bold;
	color: #444;
	background: white url(../../images/zoneplus.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 7px;
}
.breve_logo {
	margin-top: 5px;
	padding-right: 10px;
	text-align: center;
}
.brevetxt p {
	font-size: 10px;
}
.boite_contact {
	margin-top:10px; 
}
div.fondligne {
	font-weight: bold;
	padding: 0px 0 0px 13px;
	line-height: 19px;
}
form.formulaire_automatique ul li{
	list-style: none;
}
form.formulaire_automatique label {
	color: #333;
}
form.formulaire_automatique input.text, form.formulaire_automatique textarea {
	width: 500px;
}

/*//////////////// AUTRES /////////////////////////// */


#NOMRUBRIQUE {
	float:right;
	margin-top:0px;
	margin-bottom:10px;
}
#COL_GAUCHE {
	float: left;
	width: 205px;
	margin: 20px 0;
	padding: 30px 5px 10px 20px;
	font: 10px verdana;
	color: #484848;
}
div.logo_document a {
	float: left;
	margin-right: 5px;
	border-right:1px solid #BBB;
}
div.logo_document a:hover {
	border-right:1px solid red;
	cursor: pointer;
}
#CONTENUTEXTE {
	float: right;
	width: 500px;
	margin: 0px 0 20px 0;
	padding-right: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #484848;
}
#TITREARTICLE {
	clear: both;
	background: transparent url(../../images/fond_titrearticle.jpg) left 2px no-repeat;
	font: 12px verdana;
	padding-left: 20px;
	color: #666;
}
.titreArticle {
	font: bold 17px/17px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #bd2121;
}
.soustitreArticle {
	font: bold 13px verdana, sans-serif;
	color : #555;
}
#ENCART {
	margin: 5px 0 0 20px; ;
	text-align: left;
}
#ENCART img, #ENCART a img { 
}
#ENCART a:hover img { 
}

#OUTILS a:hover { 
	margin: 0px; 
}

.pagination {
}
.pagination a, #PAGINATION_HAUT a {
	width: 25px; height: 23px; text-align: center; background: #d5d5d5; color: #5C5853; box-shadow: 1px 1px 1px #999;
	padding: 3px 4px 1px 6px; margin: 0 1px; border-radius : 50%; 
}
.pagination a:hover, .pagination a.on, #PAGINATION_HAUT a:hover, #PAGINATION_HAUT a.on { background: #5C5853; color: white; font-weight: normal; }

div.decoupe_haut {
	margin: 0 9em 10px 9em;
	border-top:2px solid #ef9e71;
}
div.decoupe_bas {
	margin: 10px 9em 0 9em;
	border-bottom:2px solid #ef9e71;
}
div.pagination a { color: #EF8868;}
div.pagination a:hover { color: #ca041a; background-color: #CCC;}

.fonce {
	color: #222;
}
.normal {
	color: #484848;
}
#COMMENTAIRE {
	background: transparent url(../../images/fond_bouton.gif) no-repeat;
	float: right;
	width: 195px;
	height: 19px;
	margin-top: 15px;
	margin-left: 20px;
	padding-top: 2px;
	text-align: center;
	font: 10px verdana;
}

.survol {
	display: none;
}

#OUTILS {
	width: 45px;
	text-align: right;
	float: right;
	margin-top: 5px;
}
div.dateblock, span.dateblock{
	background: #E6F0FA; border-radius : 5px;
	line-height: 1em;
	width: 61px;
	height:52px;
	color: #aaa;
	text-align: center;
	margin: 0 10px 0 0;
	cursor:pointer;
	/*padding: 8px 1px 1px 1px ;*/
	text-decoration: none;
	float:left; 
	padding:10px 3px 5px 0;
	display: block
}
span.dateblock_day{
	font-weight: bold;
	font-size: 27px;
	font-weight:bold;
	color: #595756;
	text-align: center;
	position: relative;
	text-decoration: none; margin-top: 9px; display: block;
}
span.dateblock_mon{
	font-size: 20px;
	text-align: center;
	color: #1895ce;
	font-variant:small-caps;
	text-decoration: none;
	padding: 0; margin-top: -3px; display: block;
}
:hover.dateblock { background: #A7AEBE !important; }
a:hover span.dateblock_day, a:hover span.dateblock_mon { color: #E6F0FA; }
#ARTICLETEXTE a:hover span.dateblock_day, #ARTICLETEXTE a:hover span.dateblock_mon { color: #A7AEBE; }

a:hover span.survol, a:hover div.dateblock span.survol {
	display: block; position: absolute;
	top: auto; left: auto;
	width: 170px;
	padding: 5px;
	margin-top:-00px;
	margin-left:60px;
	z-index: 100;
	text-decoration: none;
	color: #444; font-variant: normal !important;
	background-color: white;
	border: solid 1px #C0C0C0;
	text-align: left; cursor:pointer;
}
body.recherche a:hover span.survol {
	margin-top:0px; margin-left: -200px;
	text-transform: none;
}



div.articles { margin-top: 20px;}

ul.articlesauteur {
	border-top:1px solid #CCC;
	margin-top: 0;
}
ul.articlesauteur li {
	list-style: url(../../images/puce.gif);
}


/* Tableaux pour ARTICLES DES ELUS //*/

.article-texte-534 table.spip, .article-texte-533 table.spip, .article-texte-532 table.spip {
	border: none ;
    color: #444444;
    font: 12px verdana,sans-serif;
    margin: auto auto 1em;
    outline-color: #FFFFFF;
}

.article-texte-534 table.spip tr.row_even, article-texte-534 table.spip tr.row_even:hover, 
.article-texte-534 table.spip tr.row_odd, article-texte-534 table.spip tr.row_odd:hover,
.article-texte-533 table.spip tr.row_even, article-texte-533 table.spip tr.row_even:hover, 
.article-texte-533 table.spip tr.row_odd, article-texte-533 table.spip tr.row_odd:hover,
.article-texte-532 table.spip tr.row_even, article-texte-532 table.spip tr.row_even:hover, 
.article-texte-532 table.spip tr.row_odd, article-texte-532 table.spip tr.row_odd:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}

.article-texte-534 table.spip td, .article-texte-533 table.spip td, .article-texte-532 table.spip td {
	border: none !important;
}



/* //////////// DOCUMENTS //////////////*/

.spip_documents {
	font-size: 70%;
	text-align: center;
	margin-bottom:15px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	width: auto;
}
.spip_documents_center {
	clear: both;
	width: 100%;
}
.spip_documents_left { 
	margin-right: 20px;
}
.spip_documents_right { 
	margin-left: 20px;
}

.spip_doc_titre {
	font-size: 9px;
	font-weight: bold; 
	margin-left: auto;
	margin-right: auto;
}
.spip_doc_descriptif {
	font-size: 9px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
.spip_puce {
	list-style-position: inside;
}


/* ///////////////// SPIP BARRE de raccourcis TYPOgraphiques ///////////////// */

table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #c9c2c2;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; border-bottom: 1px solid gray; }

/*  ------------------------------------------
/*  Habillage des FORUMS
/*  ------------------------------------------ */

.Titre {
	color: gray;
	font: italic 14px Arial;
}
.texteForum {
	padding: 2px 2px 12px 5px;
}
.reponse {
	padding-left: 5px;
}
.texteForumReponse {
	padding: 2px 2px 4px 25px;
}
.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 1em;
	padding-top: 2px;
	border-top: 1px solid #CCC;
	font-size: 0.9em;
	font-weight: bold; 
}
.form_forum {
	width: 400px;
}

/* * Habillage des forums */
ul.forum {
	width:100%;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
li.forum {
	list-style-image: none;
}

.forum-fil {
	margin-bottom: 1em;
	border: 1px solid #CCC;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.forum-chapo { 
	background: #ffb66e url(../../images/list_art.gif) repeat-x bottom;
}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { 
	display: block;
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	font-size:13px;
	color: white;
	font-weight: bold;
}
.forum-chapo2 { 
	background: #EFD8C2;
}
.forum-chapo2 .forum-titre, .forum-chapo2 .forum-titre a { 
	display: block;
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	font-size:11px;
	color: #444;
	font-weight: normal;
}
.forum-chapo a:hover { color: #bd2121;}

.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.9em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }
.repondre, .repondre a {
	font: italic 10px verdana;
	color: #DD9900;
	text-align: right;
	padding: 3px;
}
.repondre a:hover {
	color: #666;
}

/*  B O I T E   D E  M E S S A G E  */

ul .forum-chapo, ul .forum-chapo2 { 
	font-weight:bold;
	border-top: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #DEDEDE;
	margin: 0;
	padding: 3px 6px 2px 6px;
}
ul ul .forum-chapo { font-weight:normal; }
ul ul ul .forum-chapo { font-weight:normal;  }
ul ul ul ul .forum-chapo {font-weight:normal;}
ul ul ul ul ul .forum-chapo { font-weight:normal; }


/*  ------------------------------------------
/*  Habillage des FORMULAIRES
/*  ------------------------------------------ */
/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option, .formulaire_sondage { 
	margin: 0; padding: 0;  font-family: Helvetica, Arial, sans-serif;
}

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.95em;
}
.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; 
}
.formulaire_spip fieldset { /* ZONE GLOBALE DE SAISIE  dans ecriture form*/
	position : relative;
    padding-top : 1em;
    top : 0;
    display: block;
	margin: 1em 0 ;
	padding: 1em ;
	border: none;
}
.formulaire_sondage fieldset { 
	margin: 0 0.3em; padding: 0 0.3em;  
}
input.radio {
	border: none;
}

.formulaire_spip fieldset ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.formulaire_spip legend { /* CHAMP TITRE DES ZONES SAISE */
    position :relative;
    top :-1.5em;
	font-weight: bold;
	padding: 2px 10px;
	color: #FF6600;
	border-left: 1px solid #AA6D32;
	border-bottom: 1px solid #AA6D32;
	background: transparent url(../../images/fond-titre-droite.gif) no-repeat top right;
}
textarea, input, input.text {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #EEE;
	margin-bottom: 5px;
}
form.noajax fieldset textarea {
	width: 95%;
}
.formulaire_spip label {
	color: #1895ce;
}

.formulaire_spip .forml {
	width: 60%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; 
}
.form_forum .formulaire_forum .forml {
	width: 90%;
}	
div.formulaire_ecrire_auteur .forml {
	width: 95%;
}


.rechercheTitre {
	border-bottom: 1px solid #FF6600;
	margin: 10px 0;
}
ul.liste-articles, ul.liste-rubriques {
	list-style: url(../../images/sousmenu_puce.gif) inside;
	margin: 0;
	padding: 0;
}



.formulaire_oubli {
	font-size: 12px;
}

.reponse_formulaire {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background: #FF6600;
	padding: 0 3px;
}
.spip_bouton {
	border:#666666 1px solid;
	color:#666666;
	background-color: #CCC;
}

p.boutons {
	text-align: right;
}
.boutons input, .boutons a {
	background: transparent url(../../images/menu/bleurouge/menu1.gif) repeat-x;
	color: #ca041a;
	letter-spacing: -0.05em;
	width: 195px;
	height: 19px;
	padding-top: 2px;
	text-align: center;
	font: 10px verdana;
	cursor: pointer;
}
.boutons input:hover, .boutons a:hover {
	background: transparent url(../../images/menu/bleurouge/menu2.gif) repeat-x;
	color: #566c82;
}
.erreur_message {
	color: red;
}



/* //////////////////NOTRE Form CONTACT///////////// */
div.formulaire_formidable ul { list-style: none; }
div.formulaire_formidable .editer_destinataires_1{ margin: 20px 0; }
div.formulaire_formidable input.text , div.formulaire_formidable textarea { display: block; }


div.formulaire_formidable input.text, div.formulaire_formidable textarea {
	border: 1px solid #f0e1b8;
	background: #fffcf4 url(../../images/fond_boite.gif) repeat-x bottom;
	padding: 5px;
	max-width: 90%;
}
div.formulaire_formidable textarea {
	padding: 3px;
	font-size: 12px;
	color: #333;
	width: 96%;
}
div.formulaire_formidable input:hover.text { border: 1px solid #A5AEBD; background: #FFF; }
div.formulaire_formidable input:focus.text { border: 1px solid #A5AEBD; background: #fffcf4; }
.erreur { background: none; color: black; }



/* ////////////////// Spip Listes ///////////////// */

form.formulaire-spiplistes-abo, form.formulaire-spiplistes-abo fieldset {
	padding: 0; margin: 0;
}
div.coord input.forml {
	width: 90%;
}
form.formulaire-spiplistes-abo ul li {
	list-style: none inside;
}
form.formulaire-spiplistes-abo div.boutons input {
	width: 40%;
}
form.formulaire-spiplistes-abo p.message-formulaire {
	color: #333;
	background: #BCEFB3;
	font-size: 10px;
	padding: 5px;
}
form.formulaire-spiplistes-abo fieldset label.block {
	margin-bottom: 0;
}

#spiplistes-formabo {
	margin: 2em 0;
	width: 523px;
}

#spiplistes-formabo.cadre {
	padding: 10px;
}
#spiplistes-formabo ul li {
	list-style: none inside;
	margin-left: 30px;
}


/*//////////////// INPUT FORM /////////////////////////// */
div.boutons input.submit, input.submit {
	width: auto;
	float: right;
	cursor: pointer;
	padding: 0 10px;
	margin:0 20px 20px 0;
	border: 0;
	font-weight: bold;
	border-bottom: 3px solid #A7AEBE; border-radius : 5px; background: #eee;
	text-align: center; color: #666;
}
div.boutons input:hover.submit, input:hover.submit {
	border-bottom: 3px solid #acb417 !important; background: #ddd; color: #333;
}

/* PLAN DU SITE */
ul.plan_ssrub {
	margin-bottom: 10px;
	list-style: none;
}
ul.plan_ssrub li {
	margin-top: 1px;
	margin-left: 0px;
	padding-left: 10px;
	background: transparent url(../../images/fond-titre-bloc-colonne2long.gif) no-repeat left 12px;
	font-weight: bold;
}
ul.plan_ssrub li a {
	border-bottom: 1px solid white;
}
ul.plan_ssrub li a:hover {
	border-bottom: 1px solid silver;
	color: #FF6600;
}

ul.plan_ssrub li li a {
	color: #555;
	font: 11px  verdana ;
}

ul.plan_ssrub li.list_rub {
	margin-top: 1px;
	font-weight: normal;
	list-style: url(../../images/elements/liste1.gif) outside;
	background: none;
	margin-left: 30px;
}
ul.plan_ssrub li.list_art {
	list-style: url(../../images/puceboite.gif) outside;
	background: none;
}
/* FIN PLAN */


/*   LISTE ARTICLE   */
ol.spip {
	margin: 0 0 0 20px;
}

table.spip {
	width: 90%;
}
table.spip tr.row_first {
	background-color: #FCF4D0;
}
table.spip tr.row_odd {
	background-color: #C0C0C0;
}
table.spip tr.row_even {
	background-color: #F0F0F0;
}
table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}




/* //////////STYLE ARTICLE ////////////// */

b, strong { font-weight: bold !important;}
i, .italique { font-style: italic;}
.souligne { text-decoration: underline;}


 .texteencadre-spip {
	clear:both;
	border-top: 3px solid #555;
	background: #ffc092 url(../../images/elements/blockquote.jpg) repeat-x top;
	border-bottom: none;
	border-right: none;
	border-left: none;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:110%;
	 color:#333;
	 text-align:center;
	 padding: 5px;
	 margin:15px 20%;
 }
 .caractencadre-spip, strong.caractencadre-spip {
	 color:#ffffff;
	 background-color: #ffa970;
	 font-weight:normal;
	 padding: 0px 4px 0px 4px;
 }

sc {
	font-variant:small-caps;
}
sup {
	vertical-align: 25%;
	font-variant: small-caps;
	font-size: 0.8em;
}
sub {
	vertical-align: -25%;
	font-variant: small-caps;
	font-size: 0.8em;
}

.caractencadre2-spip {
	color: #999999;
	background-color: inherit;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom:#cccccc 1px dotted;
}
/* Pour le mode preview dans l'admin */
#article_preview {
	overflow: auto;
	background-color: #eeeeee;
	color: inherit;
}

.spip_note {font-style:italic;color: #803636; background-color: inherit; padding-bottom:13px;border-bottom:#CCCCCC 1px dotted;}
.notes {font-size:11px; font-weight:bold;}

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { background-color: inherit;} /* liens internes */
a.spip_out { background-color: inherit;} /* liens sortants */
a.spip_url { background-color: inherit;} /* liens url sortants */
a.spip_glossaire { background-color: inherit;} /* liens vers encyclopedie */

a.spip_note:hover {} /* liens vers notes de bas de page */
a.spip_in:hover { color: #362d1e; background-color: inherit;} /* liens internes */
a.spip_out:hover { color: #362d1e; background-color: inherit;} /* liens sortants */
a.spip_url:hover { color: #362d1e; background-color: inherit;} /* liens url sortants */
a.spip_glossaire:hover { color: #a9a8a2; background-color: inherit;} /* liens vers encyclopedie */

.on { font-weight: bold; } /* liens exposes */

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip { 
	margin:1em 0 1em 1em; 
	padding : 5px 5px 15px 5px;
	float: right;
	width: 30%;
	color: #222;
	text-align: justify;
	background: #978d7d url(../../images/carte_fond.jpg) -200px center repeat-y;
	border-top: 3px solid #FF6600;
}
blockquote.spip_poesie { 
	border-left: 1px solid #a9a8a2;
	border-right: 1px solid #a9a8a2;
	padding: 0.3em 1em;
	margin-left:20%;
	margin-right:20%;
	margin-top: 10px;
	font-style: italic;
	background: #9bc2d4 url(../../images/elements/poesie.jpg) repeat-x bottom;
	color: #3e5a71;
}
blockquote.spip_poesie div {
	font-weight: bold;
}
.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; color: inherit; font-size: inherit; font-weight: bold;}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #a9a286;
	border-collapse: collapse;
	font: 12px verdana,sans-serif;
	color: #444;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #a9a286;color: inherit; }
table.spip tr.row_odd { background: #dedbd1; color: inherit;}
table.spip tr.row_even { background: #f0efea; color: inherit;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


/*///// MINI calendrier ////// */
#calendar { text-align:center;  }

.fondcalendrier { width: 100%; border:1px solid #a4a4a4; background: #fff;}

div#calendar thead  { background: #C2CFDA; color: #4349AA; }

caption.calendcaption { 
	border:1px solid #a4a4a4; padding: 10px 2px; background: white;
}
.calendcaption a {vertical-align:middle; font-variant:small-caps; font-weight:bold; font-size: 150%;  }
#calendar table tbody a { display: block; }
#calendar a:hover {color: #4349AA; }

div#calendar table { border-collapse:separate; border-spacing: 1px; }
div#calendar td:hover.occupe { background: #999 }
td.libre { background: #EEE;}
td.occupe {background: #83DCFE; }
td.occupe a { font-weight: bold; color: #FFF; padding: 1px; }
td.occupe a:hover {color: #CCC;  }
td.horsperiode {color:#bababa; font-style: italic;}

/* //// AGENDA  ////////////*/
.precsuiv a {
	border-bottom: 3px solid #A7AEBE; border-radius : 5px; background: #eee;
	text-align: center; color: #888;
	cursor: pointer;
	margin-top: 10px;
	padding: 3px 20px;
}
.precsuiv a:hover {
	border-bottom: 3px solid #acb417; background: #ddd; color: #333;
}
div.agenda {
	margin: 20px 0 0;
	clear: both;
}
div.agenda a h3 {
	margin: 0 0 5px 0;
}
div.agenda a img {
	padding: 3px !important;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #A7AEBE;
}
div.agenda a:hover img {
	background: #d3dcf0;
}
div.agenda p {
	margin: 0;
}


.agendaNiet {
	text-align: center;
	margin: 40px 0;
}
ul.events_themes { list-style: square inside; }
ul.events_themes a { 
	font-size: 120%; padding: 0 30px 0 3px; font-variant: small-caps;
}
ul.events_themes a:hover,ul.events_themes a.on  { background: #C2CFDA; border-radius: 5px; color: white; }
.rubagenda {
	font-variant: small-caps;
}
.evtlogo {
	margin-right: 20px; width: 150px !important; 
	text-align: center; 
}
a img.evtlogo { border: 2px solid white; padding: 1px;}
a:hover img.evtlogo { border: 2px solid #A7AEBE;}
span.evttitre {
	margin-bottom: 10px; font-size: 130%; text-decoration: underline;
	text-transform: uppercase; padding: 3px 0 0;
}
a:hover span.evttitre { background: #EEE; }

/* PAGINATION  */
 
#PAGINATION_HAUT {
	padding:0 5px;
	float:right;
	font-size:11px;
}

#PAGINATION_BAS {
	padding:0 5px;
	margin-top:10px;
	float:right;
	font-size:11px;
}




/*    COMARQUAGE      */
#COMARQUAGE {
	background: transparent url(../../images/comarquage_fond.gif) no-repeat top left;
	width: 433px;
	height: 243px;
	margin-top: 10px;
	padding: 140px 20px 20px 90px;
}
.items1xml {
	float: left;
	width: 172px;
	margin-right: 5px;
}
.items1xml a { color: #256af5;}
.items1xml a:hover { color: #ee3415;}
.items2xml {
	float: left;
	width: 172px;
}
.items2xml a { color: #ee3415;}
.items2xml a:hover { color: #256af5;}

div.co-chemin { padding-left: 30px; }
.co-chemin a { color:#666}
.co-chemin a:hover { color:#FF6600}

td.avert-titre, .avert-titre {
	background: #FFFBF4;
	border:1px solid #FF6600;
	padding: 5px;
}
.avert {
	background: white url(../../images/elements/comark_avert.jpg) bottom repeat-x;
	border-bottom:3px solid #FF6600;
	margin-bottom: 20px;
}
.box_sp_o_titre {
	font : bold italic 13px arial, sans-serif;
	color: #333;
	background: #978d7d url(../../images/carte_fond.jpg) -200px center repeat-y;
	border-top: 3px solid #FF6600;
	padding: 0 4px;
	white-space:nowrap;
}
.box_sp_o {
	border: 1px solid #DDD;
}
table.noeud a {	color: #333; border-bottom: 1px solid #EEE;}
table.noeud a:hover { color: #FF6600;}

table.noeud ul {
	padding-left: 25px;
}

table.noeud table.tableau td {
	border: 1px solid silver;
	vertical-align: top;
	padding:5px;
	margin: 10px 0;
	background: red;
}
span.index {
	color:#cc3333; font-size:20px;font-weight:bold; border-bottom: 2px solid #FF6600;
}
li.index1:first-letter {
	font: bold 13px arial,sans-serif;
	color:#444;
}
li.index1 a { color: #635a52; font: normal small-caps 14px arial,sans-serif;}
li.index1 a:hover { color: #FF6600;}


/* /////// Rainette METEO ////////////CONDITIONS:modele rainette_conditions */
.rainette_conditions {
	margin: -5px 0 0 0; padding: 0; color: #444;
	background: none;
	border: none;
	float: none;
	width: 248px !important;
}

.rainette_conditions .icone {
	float: left; 
	width: 30px; 
	height:30px; 
	padding: 0 5px 0 0px;
	
}
div.jour { 
	float: left; 
	padding: 0; 
	margin: 0; 
	width: 185px;
	line-height: 16px;
}

.rainette_conditions .jour { }

.rainette_conditions .temp {
	color: #FF6600;
	font-size: 13px;
	font-weight: bold;
}
.rainette_conditions .suite {
	clear: both;
	padding-left: 5px;
	font-size: 10px;
	line-height: 13px;
	width: 230px;
}
.rainette_conditions .jour div {
    text-align:right;
    font-size:8px;
}
div.semaine {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: -8px;
	margin-right: 5px;
}

.rainette_previsions_2x12h {
	width: 100% !important; clear: both;
}
.rainette_previsions_2x12h .cellule {width: 50%; border:none;}
.rainette_previsions_2x12h .entete {
	width: 50%;
	background: #fffcf4 url(../../images/fond_boite.gif) repeat-x bottom;
	border:none;
	border-bottom: 1px solid #AA6D32;
	color: #666;
	letter-spacing: 1px;
}
.rainette_previsions_2x12h .icone {width: 95px; height:110px; padding: 0 ;}

.rainette_previsions_2x12h .contenu {width: 95%; }
.rainette_previsions_2x12h .t_reelle {
	width: 150px;
}
.rainette_previsions_2x12h .maj {
	width: 541px;
	border-top: 1px solid #AA6D32;
}
.rainette_previsions_2x12h .t_reelle span { font-size: 33px; line-height: 30px;}
.rainette_previsions_2x12h .cadre { float: none; clear: both; }










/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////  ANNUAIRE organisations  //////////////////////////////////////////////////////////////////////////// */
body.annuaire h1 { font-family: 'Comfortaa', cursive; }

div.annuaire_menu {
	background: white ; padding: 10px; margin-bottom: 10px;
}
div.annuaire_menu ul {
	list-style: none; font-size: 130%; margin-bottom: 20px;
}
div.annuaire_menu li a {
	display: block; margin: 3px 0; padding: 2px 0 2px 5px;
	font-size: 95%; letter-spacing: 0.02em;
	border-left : 15px solid #A7AEBE; background: #EEE; color: #555; border-radius : 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
div.annuaire_menu li a:hover, div.annuaire_menu li a.on {
	border-left : 15px solid #FF5500; background: #A7AEBE; color: white;
}
div.annuaire_menu li li a {
	display: block; margin: 2px 0; padding: 1px 0 1px 5px;
	font-size: 75%; letter-spacing: 0.02em;
	border-left : 5px solid #DDD; background: none; color: #000; border-radius : 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
div.annuaire_menu li li a:hover, div.annuaire_menu li li a.on {
	border-left : 5px solid #FF5500; background: #EEE;color: #555; 
}

div.annuaire_rech {
	margin-bottom: 10px;
	font-size: 110%; 
}

h5.rech{
	text-transform: none !important;
	margin-bottom: 0px;
}
body.annuaire div.chaporubrique { padding-bottom: 0; }
body.annuaire div.chaporubrique input.submit { margin-bottom: 0; }

div.annu_accueil {
	margin: 10px 0 0 0;
}
a.retourannu { 
	display: block; font-variant: small-caps; font-size: 120%; background-color: #A7AEBE; color: #DDD;
	background-position: 3px center ; padding-left: 20px; margin-bottom: 2px ;
}
a:hover.retourannu { background-color: #969dab; color: #FFF; }

div.annu_accueil .formulaire_spip input.submit { background: #A7AEBE; color: white; text-transform: uppercase; padding: 5px; cursor: pointer; }
div.annu_accueil .formulaire_spip input:hover.submit { background: #edf2ff;  color: #555;  }

div.annu_accueil h4, div.organisation h4 { 
	clear: none; width: auto; font-family: 'Comfortaa', cursive; 
}
div.annu_accueil h4 a, div.organisation h4 a { display: block; padding: 2px;}
div.annu_accueil h4 a:hover, div.organisation h4 a:hover { background: #EEE; color: #111; }

div.annu_accueil .droite a img, div.organisation .droite a img { margin: 5px 0; border: 2px solid #CCC; }
div.annu_accueil .droite a:hover img, div.organisation .droite a:hover img { border: 2px solid #888; }

div.organisation ul li { 
	list-style: none; font-family: 'Comfortaa', cursive; 
}


.annuaire_sscat {border-left:solid 5px #A7AEBE; padding-left: 8px}
.annuaire_sscat a {color: #000000;}
.annuaire_sscat a:hover,.annuaire_sscat a.on {color: #555555;font-weight: bold;}


/*  ⬆  */
body.annuaire #ARTICLETEXTE .droite a { color:#999; }
body.annuaire #ARTICLETEXTE .droite a:hover { color:#222; }


/* menu accueil  BULLES ////////////////////////////////////*/
.annu_picto {}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ca-menu {
    padding: 0 0 70px 48px;
    margin: 0px auto 0px;
    width: 670px;
}
.ca-menu li {
    width: 160px;
    height: 160px;
    border: 10px solid #f0ece9;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin: 0 30px -19px -48px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover {
    border-color: #969dab;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* couleurs + images menus*/
.ca-menu li.border4 { background: #FFF url(../../images/annuaire/alimentation.jpg) top no-repeat; }
.ca-menu li.border9 { background: #FFF url(../../images/annuaire/deco.jpg) top no-repeat; }
.ca-menu li.border5 { background: #FFF url(../../images/annuaire/art.jpg) top no-repeat; }
.ca-menu li.border14 { background: #FFF url(../../images/annuaire/auto.jpg) top no-repeat; }
.ca-menu li.border3 { background: #FFF url(../../images/annuaire/batiment.jpg) top no-repeat; }
.ca-menu li.border19 { background: #FFF url(../../images/annuaire/bijoux.jpg) top no-repeat; }
.ca-menu li.border15 { background: #FFF url(../../images/annuaire/cours.jpg) top no-repeat; }
.ca-menu li.border21 { background: #FFF url(../../images/annuaire/hifi.jpg) top no-repeat; }
.ca-menu li.border20 { background: #FFF url(../../images/annuaire/enfant.jpg) top no-repeat; }
.ca-menu li.border16 { background: #FFF url(../../images/annuaire/fleur.jpg) top no-repeat; }
.ca-menu li.border1 { background: #FFF url(../../images/annuaire/habits.jpg) top no-repeat; }
.ca-menu li.border6 { background: #FFF url(../../images/annuaire/horticulture.jpg) top no-repeat; }
.ca-menu li.border22 { background: #FFF url(../../images/annuaire/hotel.jpg) top no-repeat; }
.ca-menu li.border11 { background: #FFF url(../../images/annuaire/immo.jpg) top no-repeat; }
.ca-menu li.border13 { background: #FFF url(../../images/annuaire/indus.jpg) top no-repeat; }
.ca-menu li.border10 { background: #FFF url(../../images/annuaire/info.jpg) top no-repeat; }
.ca-menu li.border12 { background: #FFF url(../../images/annuaire/nautisme.jpg) top no-repeat; }
.ca-menu li.border2 { background: #FFF url(../../images/annuaire/ventepro.jpg) top no-repeat; }
.ca-menu li.border7 { background: #FFF url(../../images/annuaire/restaurant.jpg) top no-repeat; }
.ca-menu li.border17 { background: #FFF url(../../images/annuaire/sante.jpg) top no-repeat; }
.ca-menu li.border8 { background: #FFF url(../../images/annuaire/commerce.jpg) top no-repeat; }
.ca-menu li.border18 { background: #FFF url(../../images/annuaire/sport.jpg) top no-repeat; }



.catborder1, .ca-menu li:hover.border1, div.annuaire_menu li.border1 a:hover, div.annuaire_menu li.border1 a.on,
.catborder10, .ca-menu li:hover.border10, div.annuaire_menu li.border10 a:hover, div.annuaire_menu li.border10 a.on ,
.catborder20, .ca-menu li:hover.border20, div.annuaire_menu li.border20 a:hover, div.annuaire_menu li.border20 a.on 
{ border-color: #9ddf47; }

.catborder2, .ca-menu li:hover.border2, div.annuaire_menu li.border2 a:hover, div.annuaire_menu li.border2 a.on ,
.catborder11, .ca-menu li:hover.border11, div.annuaire_menu li.border11 a:hover, div.annuaire_menu li.border11 a.on ,
.catborder21, .ca-menu li:hover.border21, div.annuaire_menu li.border21 a:hover, div.annuaire_menu li.border21 a.on 
{ border-color: #47dfa7; }

.catborder3, .ca-menu li:hover.border3, div.annuaire_menu li.border3 a:hover, div.annuaire_menu li.border3 a.on ,
.catborder12, .ca-menu li:hover.border12, div.annuaire_menu li.border12 a:hover, div.annuaire_menu li.border12 a.on ,
.catborder22, .ca-menu li:hover.border22, div.annuaire_menu li.border22 a:hover, div.annuaire_menu li.border22 a.on 
{ border-color: #47c1df; }

.catborder4, .ca-menu li:hover.border4, div.annuaire_menu li.border4 a:hover, div.annuaire_menu li.border4 a.on ,
.catborder13, .ca-menu li:hover.border13, div.annuaire_menu li.border13 a:hover, div.annuaire_menu li.border13 a.on,
.catborder19, .ca-menu li:hover.border19, div.annuaire_menu li.border19 a:hover, div.annuaire_menu li.border19 a.on
{ border-color: #7073f0; }

.catborder5, .ca-menu li:hover.border5, div.annuaire_menu li.border5 a:hover, div.annuaire_menu li.border5 a.on ,
.catborder14, .ca-menu li:hover.border14, div.annuaire_menu li.border14 a:hover, div.annuaire_menu li.border14 a.on 
{ border-color: #dc7df0; }

.catborder5, .ca-menu li:hover.border5, div.annuaire_menu li.border5 a:hover, div.annuaire_menu li.border5 a.on ,
.catborder15, .ca-menu li:hover.border15, div.annuaire_menu li.border15 a:hover, div.annuaire_menu li.border15 a.on 
{ border-color: #f06568; }

.catborder7, .ca-menu li:hover.border7, div.annuaire_menu li.border7 a:hover, div.annuaire_menu li.border7 a.on ,
.catborder16, .ca-menu li:hover.border16, div.annuaire_menu li.border16 a:hover, div.annuaire_menu li.border16 a.on 
{ border-color: #f08d52; }

.catborder8, .ca-menu li:hover.border8, div.annuaire_menu li.border8 a:hover, div.annuaire_menu li.border8 a.on ,
.catborder17, .ca-menu li:hover.border17, div.annuaire_menu li.border17 a:hover, div.annuaire_menu li.border17 a.on
{ border-color: #f0e751; }

.catborder9, .ca-menu li:hover.border9, div.annuaire_menu li.border9 a:hover, div.annuaire_menu li.border9 a.on ,
.catborder18, .ca-menu li:hover.border18, div.annuaire_menu li.border18 a:hover, div.annuaire_menu li.border18 a.on
{ border-color: #baf017; }



.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333; line-height: 23px;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 60px;
    color: #f6f6f6;;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 10px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

h2.ca-main {
	border: none;
    font-size: 15px; 
    letter-spacing: 0px;
    position: absolute; top: 90px;
    width: 170px; left: 50%;
    margin-left: -85px;
    opacity: 1; text-align: center;
    font-family: 'Comfortaa', cursive;
    color: #454951; text-shadow: 1px 1px 0 white; background: transparent url(../../images/clair.png);
}
.ca-menu li:hover .ca-main{
    color: #EEE; text-shadow: 1px 1px 0 black;
    background: transparent url(../../images/fonce.png); border-radius : 5px;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
h2.ca-main2, h2.ca-main5, h2.ca-main8 {
	line-height: 17px;
}
.ca-menu li:hover .ca-icon{
    color: #454951;
    font-size: 60px;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}



/**
* Surcharge popup bouton Spipablocs dans le front pour le contextmenu
*
*/
ul.contextMenu {
	top: auto !important;
	left: auto !important;
	margin-left: 0 !important;
	margin-top: 15px !important;
}