/* Vallauris Golfe du Juan*/

body {
	margin: 0;
	padding: 0;
}
*, .Texte {
	font: normal 11px Verdana, arial, sans-serif;
}

a {
	color: #986320;
	text-decoration: none;
}
a img, img {
	border: none;
}
a:hover { color: #362d1e;}

p, p.spip {
}

ul, ul.spip {
	list-style: url(../../images/puceboite.gif) outside;
	margin: 5px 0 0 0;
	padding-left: 10px;
}

.tailletypo {
}
.petittexte{
   font-size: 10px;
}
.toutpetittexte{
   font-size: 9px;
   font-style: italic;
}
#ARTICLE p, #ARTICLE p.spip, #ARTICLETEXTE p, #ARTICLETEXTE p.spip {
	margin-top: 7px;
}
#ARTICLETEXTE td {
}

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

#ENTETE {
	height :120px;
	padding-top: 10px;
	font: 10px verdana;
	color: #666;
}
#ONGLET {
	width: 525px;
	height: 22px;
	float: right;
	padding: 3px 0 0 7px;
	background: transparent url(../../images/onglet.gif) top no-repeat;
}
#BANDEAU {
	width: 728px;
	height: 90px;
	margin-top: 1px;
	float: right;
	background: transparent url(../../images/fond_bandeau.jpg) top right no-repeat;
}
#CLASSIQUE{
	background: #FFF;
	width: 468px;
	height: 60px;
	float: right;
	margin: 2px 2px 0 0;
}
.accroche {
	font: bold 11px Verdana, arial, sans-serif;
}

/*////////////// MENU ///////////////// */
#menu {
	width: 100%;
	min-height:50px;
	height:auto !important;
	height:75px;
	margin: 10px 0 10px 0;
	background: white;
}
#menu a {
	font: bold 11px  verdana ;
	color: white;
}
#menu a:hover {
	color: #555;
}
.menu_separe {
	margin-top: 15px;
}





/*************************************************************************************************************
 * MENU HAUT
*************************************************************************************************************/
div#menuorangetaupe {
	margin: 0;
	padding: 0;
}
ul#menu-haut {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
	width: 980px;
	background: transparent url(../../images/menu/orangetaupe/menu1.gif) repeat-x;
	height: 30px;
}
			
ul#menu-haut li {
	display: block;
	z-index: 100;
	float: left;
	position: relative;
	height: 30px;
	width: 107px;
	text-align: center;
	/*background: transparent url(../../images/menu/menu_separe.gif) left no-repeat;*/
	border-left: 1px solid silver;
}
			
ul#menu-haut li.on {
	background: transparent url(../../images/menu/orangetaupe/menu1_roll.gif) repeat-x;
	color: #555;
}
			
ul#menu-haut li a {
	z-index: 100;
	letter-spacing: -0.05em;
	font: bold 11px  verdana ;
	text-decoration: none;
}

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

ul#menu-haut dl {
	position: absolute;
	top: 30px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 980px;
	background: #A0976C url(../../images/menu/orangetaupe/menu2.gif) repeat-x;
}
ul#menu-haut dd {
	display: none;
	float: left;
	position: relative;
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul#menu-haut dd a, #menu-haut dd a:visited  {
	display: block;
	height: 20px;
	padding: 4px 6px 0 6px;
	background: transparent;
	color: white;
	width: auto;
}
	
ul#menu-haut dd a:hover{
	color: #555;
	background: transparent;
}
			
ul#menu-haut li dl dd a.on {
	color: #555;
}

				




.menu1orangetaupeitem, .menu1rougeorangeitem, .menu1bleurougeitem {
	float: left;
}
.menu2orangetaupe, .menu2rougeorange, .menu2bleurouge {
	position: relative;
}
.menu1orangetaupeitem a, .menu1rougeorangeitem a, .menu1bleurougeitem a, .menu1orangetaupeitemon a, .menu1rougeorangeitemon a, .menu1bleurougeitemon a {
	display: block;
	width: 98px;
	height: 22px;
	padding-top: 8px;
	text-align: center;
	background: transparent url(../../images/menu/menu_separe.gif) right no-repeat;
	letter-spacing: -0.05em;
}
.menu2item a {
	padding: 0 7px;
	letter-spacing: -0.05em;
	font-weight: normal;
}

span.menu2itemon a {
	color: #555 !important;
}

/*/////// MENU ORANGE TAUPE //////// */
#menu1orangetaupe{
	height: 30px;
	background: transparent url(../../images/menu/orangetaupe/menu1.gif) repeat-x;
}
.menu1orangetaupeitem a:hover {
	background: transparent url(../../images/menu/orangetaupe/menu1_roll.gif) repeat-x;
	display: block;
}
.menu1orangetaupeitemon {
	background: transparent url(../../images/menu/orangetaupe/menu1_roll.gif) repeat-x;
	float: left;
}
.menu2orangetaupe {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	background: #A0976C url(../../images/menu/orangetaupe/menu2.gif) repeat-x;
}


/*/////// MENU ROUGE ORANGE //////// */
#menu1rougeorange{
	height: 30px;
	background: transparent url(../../images/menu/rougeorange/menu1.gif) repeat-x;
}
.menu1rougeorangeitem a:hover {
	background: transparent url(../../images/menu/rougeorange/menu1_roll.gif) repeat-x;
	display: block;
}
.menu1rougeorangeitemon {
	background: transparent url(../../images/menu/rougeorange/menu1_roll.gif) repeat-x;
	float: left;
	}
.menu2rougeorange {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	background: transparent url(../../images/menu/rougeorange/menu2.gif) repeat-x;
}


/*/////// MENU BLEU ROUGE //////// */
#menu1bleurouge{
	height: 30px;
	background: transparent url(../../images/menu/bleurouge/menu1.gif) repeat-x;
}
.menu1bleurougeitem a:hover {
	background: transparent url(../../images/menu/bleurouge/menu1_roll.gif) repeat-x;
	display: block;
}
.menu1bleurougeitemon {
	background: transparent url(../../images/menu/bleurouge/menu1_roll.gif) repeat-x;
	float: left;
	}
.menu2bleurouge {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	background: transparent url(../../images/menu/bleurouge/menu2.gif) repeat-x;
}

div.CHEMIN {
	padding-top: 30px;
}
div.CHEMIN a {
	font: normal 11px verdana !important;
	color: #514444 !important;
}
div.CHEMIN a:hover {
	color: #FF6600 !important;
}



/*//////////////////////////// COL 1 /////////////////////////////////// */
#COLONNE1 {
	float: left;
	width: 235px !important;
	min-height: 100px;
	text-align: left;
	margin-bottom: 10px;
	background: white;
}
.bloc-colonne1{
	width: 235px;
	margin: 10px 0 10px 0;
}
.meteo {
	background: transparent url(../../images/meteo.gif) no-repeat top left;
	height: 105px;
}
.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 {
	background: transparent url(../../images/ombre_gauche.gif) no-repeat bottom left;
}
.ombre_droite {
	background: transparent url(../../images/ombre_droite.gif) no-repeat bottom right;
}

.fond-titre-bloc-colonne1 {
	background: transparent url(../../images/fond-titre-bloc-colonne1.gif) no-repeat -5px 10px;
	margin-bottom: 2px;
	padding-left: 13px;
}
.fond-titre-bloc-descrub {
	background: transparent url(../../images/fond-titre-bloc-colonne1.gif) no-repeat 0 13px;
}
.ombre_gauche_rub {
	background: transparent url(../../images/ombre_gauche_rub.gif) no-repeat bottom left;
}
.ombre_droite_rub {
	background: transparent url(../../images/ombre_droite_rub.gif) no-repeat bottom right;
}



/*/////FIL ACTUALITE*/
.case_actus {
	height: 170px;
	margin:0;
	padding: 0 5px 20px 0;
	position: relative;
	left: 0px;
	top: 0px;
}
.case_actus_scroll {
	height: 170px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:0;
	padding: 0 5px 0 0;
	position: relative;
	left: 0px;
	top: 0px;
    width :210px;
}

 .scrollup {
    position: relative;
	overflow: hidden;
	height: 170px;
    width : 200px;
    padding: 0  10px 0 5px ;

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

#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;
}
.evenements {
	margin-right: 5px;
	padding: 10px 0px 0px 15px;
	overflow: hidden;
}
.publications {
	margin-right: 5px;
	padding: 0 0px 0px 15px;
	overflow: hidden;
}
a.on {
	font-weight: bold;
	color: #555;
}
a:hover.on {
	color: #986320;
}


/*//////////////// COL 2 /////////////////////////// */
#COLONNE2 {
	float: left;
	width: 543px !important;
	min-height: 100px;
	margin:0 0 10px 10px;
	background: white;
}

#VALLAURIS {
	text-align:right;
	margin-bottom:-26px;
}
#BLOCEDITO {
	height: 302px;
	background: transparent url(../../images/blocedito.gif) top no-repeat;
	margin:0 0 5px 0;
	padding: 0 0 0 10px;
}
.titres {
	float: left;
	width: 160px;
	padding-top: 35px;
}

#BLOCEDITO div a {
	display: block;
	width: 154px;
	padding: 5px 3px;
	margin-bottom: 5px;
	font: bold 13px Arial, sans-serif;
	color: white;
}
#BLOCEDITO div a:hover {
	background: transparent url(../../images/titres_roll.gif) right center;
}
#defile_evenements {
	float: right;
	width: 365px;
	height: 265px;
	margin: 31px 6px 0 0;
}
.DATE {
	font: normal 10px Arial, sans-serif;
	color: white;
	background: transparent url(../../images/cache.gif) repeat;
	-moz-opacity: 0.50;
	opacity: 0.7;
	filter: alpha(opacity=50);
	position: relative;
	margin-top: -63px;
	width: 54px;
}
#TITRE_EDITO {
	position: relative;
	width: 300px;
	font: small-caps bold 15px Arial, sans-serif;
	color: white;
	background: transparent url(../../images/cache.gif) repeat;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
	margin-top: -20px;
	margin-left: 63px;
	padding-left: 5px;
}
.INTRODUCTION_FOND {
	padding: 3px 10px;
	background: transparent url(../../images/cache.gif) repeat;
	position: relative;
	width: 345px;
	height: 42px;
	margin-top: 1px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.INTRODUCTION {
	padding: 3px 10px;
	font: bold 12px Arial, sans-serif;
	color: white;
	position: relative;
	margin-top: -50px;
	width: 345px;
	height: 45px;
}

.bloc-central {
	float: left;
	margin: 5px 0;
}
.bloc-central a {
	color: #333;
	display: block;
}
.bloc-central a:hover {
	background: #e6e6e6;
}
.fond-titre-taillebloc50 {
	background: transparent url(../../images/fond-titre-bloc-colonne2.gif) no-repeat left 10px;
	margin-bottom: 2px;
	padding-left: 10px;
}
.taillebloc50 {
	width: 239px;
	padding: 0 15px 15px 15px;
	margin-right: 2px;
}
.fond-titre-taillebloc100 {
	background: transparent url(../../images/fond-titre-bloc-colonne2long.gif) no-repeat left 10px;
	margin-bottom: 2px;
	padding-left: 10px;
}
a:hover.titrerub {
	background: none;
}
.taillebloc100 {
	width: 518px;
	padding: 0 10px 15px 15px;
}
.logoarticle {
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}

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

.titrearticle {
	font-weight: bold;
}
.gris {
	color: #444;
}
.clear { clear: both;}

/*//////////////// COL 3 /////////////////////////// */
#COLONNE3 {
	float: left;
	width: 180px !important;
	min-height: 100px;
	margin-bottom: 10px;
	margin-left: 10px;
	background: white;
}
.bloc-colonne3{
	text-align: left;
	margin: 10px 0 10px 0px;
}
.boite {
	border: 1px solid #f0e1b8;
	border-top:1px solid #ca8e55; 
	background: #fffcf4 url(../../images/fond_boite.gif) repeat-x bottom;
}
div.boite ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style: url(../../images/puceboite.gif);
}
.fond-titre-zone {
	text-align: center;
	height: 19px;
	padding: 0;
	margin: 0;
	background: transparent url(../../images/fond-titre-droite.gif) no-repeat top right;
}
.fond-titre {
	text-align: center;
	height: 19px;
	padding: 0;
	margin: 0;
	background: transparent url(../../images/fond-titre.gif) no-repeat top left;
}
.lien_zone {
	border: none;
	background: transparent url(../../images/fond-titre-lien-droite.gif) no-repeat right;
}
.lien {
	border: none;
	background: transparent url(../../images/fond-titre-lien.gif) no-repeat left;
	text-align: center;
	height: 19px;
}
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;
}

/*/////// PIED PAGE //////// */
#PIEDDEPAGE {
	clear: both;
	background: #978d7d url(../../images/pieddepage.gif) top left repeat-x;
	padding: 5px;
	height: 30px;
	font: 10px verdana;
}
.piedcss {
	line-height: 1px;
	height: 1px;
	font-size: 5px;
}
#PIEDDEPAGE a {
	color: #362d1e;
}
#PIEDDEPAGE a:hover {
	color: #986320;
}
#NT {
	background: transparent url(../../images/nt.gif) left no-repeat;
	width: 23px;
	height: 15px;
	float: right;
	text-align: right;
	margin-top: -15px;
	margin-right: 20px;
}
#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;
}


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

.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;
}

.chaporubrique p {
	font-weight: bold;
	text-align: justify;
	color: #1a9fdc;
}
.chaporubrique ul li {
list-style-position : inside;  
}
#outilsTexte {
	float: right;
	width: 55px;
	text-align: right;
	margin-left: 10px;
}
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: 0 0px 0 4px;
}
div.langues span a { color: #1a9fdc; }
div.langues span a:hover { color: #FF6600; }
div.langues span span {
	background: transparent url(../../images/traduction.gif) top left no-repeat;
	text-align: center;
}

#readspeaker_button {
	margin:7px 0;
}


.Texte {
	font-size: 12px;
}

.evenements {
	float: right;
	
}
#PLUS {
	background: white url(../../images/elements/zoneplus.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 7px;
	float: left;
	margin-top: 10px;
}
#PLUS2 {
	background: white url(../../images/elements/zoneplus.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 7px;
	float: left;
	margin-top: 10px;
}
#PS {
	background: white url(../../images/elements/ps.gif) top left no-repeat;
	padding-left: 28px;
	padding-top: 3px;
	padding-bottom: 7px;
	min-height: 22px;
}
#SAVOIRPLUS {
	background: transparent url(../../images/elements/savoirplus.gif) top left no-repeat;
	height: 18px;
	margin: 5px 0;
	padding-left: 115px;
	padding-top: 1px;
}
.gauche {
	float:left;
}
.droite {
	float:right;
}
.illustrations {
	padding:5px 15px 15px 15px;
}
.documents {
	padding:5px 5px 10px 5px;
	color: #555;
	float: left;
}
.documentsRub {
	border-top: 5px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	margin-right: 5px;
	width: 250px;
	float: left;
}
.logoDocRub {
	text-align: center;
	vertical-align: top;
	float: left;
	margin-right: 10px;
	width: 55px;
}
.logoDocRub a {
	display: block;
	padding: 1px;
}
.logoDocRub a:hover {
	background: #DDD;
}
.blocdoc {
	margin-bottom: 15px;
}
.nomDocRub {
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #DDD;
	padding-left: 3px;
	float: right;
	width: 180px;
}
.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 {
	margin: 5px 15px 15px 15px;
}
div.rubriqueDescriptif li {
	padding-left: 3px;
}
div.rubriqueDescriptif li.liste_arton {
	background: #ffb66e url(../../images/list_art.gif) repeat-x bottom;
}
div.rubriqueDescriptif li.liste_arton a {
	font-weight: bold;
	color: white !important;
}

#SOUSMENU ul {
	padding-left: 10px;
}
#SOUSMENU li.liste_rubon, #SOUSMENU a.liste_rubon {
	background: #ffb66e url(../../images/list_art.gif) repeat-x bottom;
	padding-left: 2px;
	margin-right: 5px;
	display: block;
	color: white;
	font-weight: bold;
}
#SOUSMENU li.liste_rubon a {
	font-weight: bold;
	color: white !important;
}

li.liste_rub, li.liste_rubon {
	list-style: url(../../images/pucebloc.gif) outside;
}

li.liste_art,li.liste_art {
	list-style: url(../../images/puceboite.gif) outside;
}

ul.ssmenurub {
	list-style: url(../../images/elements/liste1.gif) outside;
	margin-left: 10px;
}
ul.ssmenurubon {
	list-style: url(../../images/elements/liste1on.gif) outside;
	margin-left: 10px;
}
ul.ssmenurub ul {
	margin-left: 10px;
}


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-left: 35px;
	width: auto;
	float: left;
	background: transparent url(../../images/planG.gif) left top repeat-y;
}
div.planG a, div.planG span {
	font: bold small-caps 15px Georgia, serif;
	color: #4F659F;
	padding-right: 10px;
}
div.planG a:hover {
	font: bold small-caps 15px Georgia, serif;
	color: #FF6600;
}









div.lieuD {
	margin: 15px 0 0 0;
	padding: 0;
	height: 35px;
	height: auto;
	min-height: 35px;
	float: left;
	width: auto;
	background: transparent url(../../images/lieuD.gif) right top repeat-y;
}
div.lieuG {
	height: 33px;
	height: auto;
	min-height: 33px;
	padding-left: 82px;
	padding-top: 2px;
	width: auto;
	float: left;
	background: transparent url(../../images/lieuG.gif) left top repeat-y;
}
div.lieuG a, div.lieuG span {
	font: bold small-caps 14px Georgia, serif;
	color: #4F659F;
	padding-right: 10px;
}
div.lieuG a:hover {
	font: bold small-caps 14px Georgia, serif;
	color: #FF6600;
}
div.lieuG a.voir_plan  {
	font: bold  10px Georgia, serif;
	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: 550px;
}
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;
	font-family: Verdana, arial, sans-serif;
	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 {
	background: #EEE;
	border: 1px solid #DDD;
}
.pagination a {
	padding: 0 1px;
}
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: left;
	float: right;
	margin-top: 5px;
}
div.dateblock, span.dateblock{
	background: transparent url(../../images/blocdate.gif) 4px top no-repeat;
	line-height: 1em;
	width: 51px;
	height:42px;
	color: #aaa;
	text-align: center;
	margin: 0px;
	letter-spacing: 0.07em;
	cursor:pointer;
	/*padding: 8px 1px 1px 1px ;*/
	text-decoration: none;
	float:left; 
	padding:3px 3px 5px 0;
	display: block
}
span.dateblock_day{
	font-weight: bold;
	font-size: 14px;
	font-weight:bold;
	color: #fe441c;
	text-align: center;
	position: relative;
	top: -1px;
	text-decoration: none;
}
span.dateblock_mon{
	font-size: 13px;
	text-align: center;
	color: #1895ce;
	font-variant:small-caps;
	text-decoration: none;
	padding: 0; 
	margin-top: -8px;
}


a:hover span.survol {
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	width: 170px;
	padding: 5px;
	margin-top:-20px;
	margin-left:55px;
	z-index: 100;
	text-decoration: none;
	color: #333;
	background-color: #F2F2F2;
	border: solid 1px #C0C0C0;
	-moz-border-radius: 1em 0;
	font: 10px Verdana, sans-serif;
	text-align: left;
	cursor:pointer;
}

a:hover div.dateblock span.survol {
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	width: 170px;
	padding: 5px;
	margin-top:-15px;
	margin-left:55px;
	z-index: 100;
	text-decoration: none;
	color: #333;
	background-color: #F2F2F2;
	border: solid 1px #C0C0C0;
	-moz-border-radius: 1em 0;
	font: 10px Verdana, sans-serif;
	text-align: left;
	cursor:pointer;
}


#PLUS {
	background: white url(../../images/elements/zoneplus.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 7px;
	float: left;
	margin-top: 10px;
}
#PLUS2 {
	background: white url(../../images/elements/zoneplus.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 7px;
	float: left;
	margin-top: 10px;
}
#PS {
	background: white url(../../images/elements/ps.gif) top left no-repeat;
	padding-left: 28px;
	padding-top: 3px;
	padding-bottom: 7px;
	min-height: 22px;
}
#SAVOIRPLUS {
	background: transparent url(../../images/elements/savoirplus.gif) top left no-repeat;
	height: 18px;
	margin: 5px 0;
	padding-left: 115px;
	padding-top: 1px;
}

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

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


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

.spip_documents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;  
}

/* 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;
	font: 12px verdana;
	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%;
}

span.formulaire_recherche form {
	width: 250px;
	clear: none;
	display: inline;
}
.formulaire_recherche input{
	border:#666666 1px solid;
	background-color:white;
	font: normal 10px verdana, sans-serif;
}
.formulaire_recherche input.submit{
	font: normal 9px verdana, sans-serif;
	padding: 0;
	margin: 0;
}

.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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
}

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


/*//////////////// NOTRE CONTACT /////////////////////////// */

.formulaire_contact input,.formulaire_contact textarea {
	border: 1px solid #f0e1b8;
	background: #fffcf4 url(../../images/fond_boite.gif) repeat-x bottom;
	width: 92%;
}
.formulaire_contact textarea {
	padding: 3px;
	font-size: 12px;
	color: #333;
}
input.checkcontact {
	width: 20px;
	background: none;
	border: none; 
}


/*//////////////// INPUT FORM /////////////////////////// */
div.boutons input.submit {
	width: auto;
	float: right;
	cursor: pointer;
	padding: 0 10px;
	margin:0 20px 20px 0;
	background: transparent url(../../images/menu/bleurouge/menu1.gif) repeat-x;
	border: 0;
	font-weight: bold;
}
div.boutons input:hover.submit {
	color: #FFF;
	background: transparent url(../../images/menu/bleurouge/menu2.gif) repeat-x;
}






/* Imprimer */
div.fermer {
	width: 130px;
	float: right;
	text-align: center;
	border: 1px solid gray;
	padding: 1px;
}


/* 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   */
#ARTICLETEXTE ul li {
	margin-top: 1px;
	margin-left: 0px;
	list-style-image:url(../../images/elements/puce.gif);
}
#ARTICLETEXTE ul li ul li {
	margin-top: 1px;
	margin-left: 12px;
	list-style-image:url(../../images/elements/puce_sous.gif);
}
#ARTICLETEXTE ul li ul li ul li {
	margin-top: 1px;
	list-style-image:url(../../images/elements/puce_fleche.gif);
	margin-left: 10px;
}


ol.spip {
	margin-top: 1px;
	margin-bottom: 1px
}

hr.spip, hr {
	clear: both;
	margin:10px auto 5px auto;
	height: 9px;
	width: 517px;
	background: white url(../../images/elements/hr.jpg) no-repeat;
	border: none !important;
	border-left: 1px solid white;
}
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;}

h1.spip, h1 {
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	color: #ffffff;
	letter-spacing:1px;
	margin-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

h2.spip, h2 {
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #8e3939;
}

h3.spip, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #1895ce;
	background: transparent url(../../images/elements/titre1.gif) left top no-repeat;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:7px 5px 3px 35px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
a:hover h3, a:hover h3.spip {
	color: #FF6600;;
}

h4.spip, h4 {
	color: #3f576e;
	background: transparent url(../../images/elements/titre2.gif) left top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 0px 5px 0 26px;
	text-decoration: underline;
}

h5.spip, h5 {
	color: #456d8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../../images/elements/titre3.gif) left top no-repeat;
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding-left: 30px;
}
h6.spip, h6 {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../../images/elements/titre4.gif) left 2px no-repeat;
	font-size: 12px;
	color: #708c9b;
	text-align: justify;
	margin: 15px 0 0 0;
	padding-left: 14px;
}
 .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 { color: #986320; background-color: inherit;} /* liens internes */
a.spip_out { color: #ff9046; background-color: inherit;} /* liens sortants */
a.spip_url { color: #ff9046; background-color: inherit;} /* liens url sortants */
a.spip_glossaire { color: #ff9046; 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; margin-left:20px; width: 160px;background: transparent url(../../images/fond_minicalendrier.gif) top left no-repeat; padding-top: 5px;  }

.fondcalendrier { width: 160px; border-right:1px solid #a4a4a4; border-left:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; background: #EEE;}

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

caption.calendcaption {
	border-right:1px solid #a4a4a4; border-left:1px solid #a4a4a4;
}
.calendcaption a {padding:2px; vertical-align:middle;font-variant:small-caps; font-weight:bold; color: #FF6600;}
.calendcaption a:hover {color: #4349AA;}

td.libre { background: #EEE;}
td.occupe {background: #f4802a;}
td.occupe a { font-weight: bold; color: #444; padding: 1px; }
td.occupe a:hover {color: white;  }
td.horsperiode {color:#bababa; font-style: italic;}

/* //// AGENDA  ////////////*/
.precsuiv {
	width: 100px;
	border-bottom: 1px solid #AA6D3E;
	text-align: center;
	font: 10px verdana;
	cursor: pointer;
	margin-top: 10px;
}
.agendaNiet {
	text-align: center;
	margin: 40px 0;
}
.evenement { margin-top: 20px;}
.evenement a div { color: #333; }
.rubagenda {
	width: 95px;
	position: relative;
	margin-bottom: -30px;
}
.evtlogo {
	width: 102px;
	float: left;
	margin-right: 20px;
	text-align: center; 
	margin-top: 35px;
}
.evtlogo a img{ border: 1px solid transparent; padding: 1px;}
.evtlogo a:hover img{ border: 1px solid #FF6600;}

/* PAGINATION  */
 
#PAGINATION_HAUT {
	border-bottom:#ccc 1px dotted;
	padding:0 5px;
	margin-top:-25px;
	float:right;
	font-size:11px;
}

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

#PAGINATION_HAUT .on , #PAGINATION_BAS .on {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF6600;
}

#PAGINATION_HAUT .lien_pagination, #PAGINATION_BAS .lien_pagination {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/*    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: 0; padding: 0; color: #444;
	margin-top: -5px;
	background: none;
	border: none;
	float: none;
	width: 235px;
}

.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;
	width: 230px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 13px;
}
.rainette_conditions .jour div {
    text-align:right;
    font-size:8px;
    color: #FFBA4F;
}
div.semaine {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: -8px;
	margin-right: 5px;
}

.rainette_previsions_2x12h {
	width: 541px;
	border: 1px solid #AA6D32;
}
.rainette_previsions_2x12h .cellule {width: 269px; border:none;}
.rainette_previsions_2x12h .entete {
	width: 269px;
	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: 269px; }
.rainette_previsions_2x12h .t_reelle {
	width: 150px;
}
.rainette_previsions_2x12h .maj {
	width: 541px;
	border-top: 1px solid #AA6D32;
}