/* CSS Document */
body{
	font-family: "Century Gothic", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-image: url(/images/accueil/fond.jpg);
	background-repeat: repeat-x;

}
/* Page principale*/
#page {
	width: 978px;
	top: 10px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	left: 50%;
	margin-left: -510px;
	height: auto;
	position: absolute;
	}
.fond_page_ete {
	background-image: url(/images/accueil/main_modele_ete.jpg);
}
.fond_page_hiver {
	background-image: url(/images/accueil/main_modele_hiver.jpg);
}
.fond_page{
	background-image: url(/images/accueil/main_modele.jpg);
}
	
/* Mise en page du contenu */	
#contenu {
	width: 529px;
	height: auto;
	z-index: 1;
	text-align: justify;
	margin-top: 230px;
	float: left;
}
.textee {
	font-size: 10px;
}
.adresse {
	position: absolute;
	left: 422px;
	top: 190px;
	width: 330px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/*Menu du haut*/
#navbar	{
	width: 710px;
	height: 145px;
	color: #FFFFFF;
	text-decoration: none;
	left: 0px;
	top: 0px;
	float: left;
}
#bas {
	position: absolute;
	top: 100%;
	left: 0px;
}

/* Menu de gauche*/
#navbar2 {
	visibility: visible;
	text-decoration: none;
	z-index: 2;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	left: 25px;
	top: 232px;
	height: auto;
	margin-top: 230px;
	width: 200px;
	float: left;
}
#photo_haut {
	position:absolute;
	width:145px;
	height:144px;
	z-index:1;
	left: 9px;
	top: 4px;
}
.menu {
	left: -50px;
	font-size: 12px;
	font-weight: bold;
	clip: rect(0px,0px,0px,0px);
	list-style-image: url(images/titre/puces.gif);
	margin: 0px;
	padding: 0px;


}
.menu2{
	clip: rect(auto,auto,auto,40px);
	margin: 0px;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #97D6E8;
	width: 180px;
	text-transform: lowercase;
	height: 17px;
}
.menu2 a{
	font-size: 12px;
}
.menu3 {
	font-size: 14px;
	margin: 0px;
	width:145px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	height: 20px;
}

.texteb {
}

/*Footer*/
#navbar3 {
	position:absolute;
	width:925px;
	z-index:1;
	left: 0px;
	top: 1070px;
	height: 25px;
	z-index:2;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: center;
}



a {
	text-decoration: none;
	color: #003333;
}

a:hover {
	color: #A5B342;

}
/* Aspect de la news sur la page d'accueil*/
#news {
	margin: 5px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	overflow: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.newssec {
	position: absolute;
	top: 101%;
}

.newshomeillus{
	position: absolute;
	height:auto;
	width: 380px;
	margin: 0px;
	padding: 0px;
	top: 105%;
	left: 0px;

}
/* Les hauts de page*/
.titres_liens {
	text-transform: uppercase;
}
.bencart{
	padding: 2px;
	float: right;
}
.titre_breves {
	position: absolute;
	height: auto;
	width: 250px;
	left: 395px;
	top: 18px;
}

.dates {
	position:relative;
	color:#56ACCD;
	text-transform: uppercase;

	}
.barre {
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;}

/*Titres des articles*/
.caseO {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


/* Les textes*/
.paragraphe {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	clip: rect(auto,0px,auto,auto);
	width: 97%;
	height: auto;
}

.paragraphe2 {
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 5px;
	line-height: 16px;
	text-align: justify;
	margin-bottom: 0px;
}
.paragraphe2G {
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	text-align: justify;
	text-transform: uppercase;
}
/*Habillage des photos*/
.photohabdroit {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.photohabgauche {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

/*Légende des photos*/
.libphoto{
	font-size:9px;
	width:200px;

}
.libphoto2 {
	font-size:11px;
	padding: 1px;
	font-weight: normal;
}
.libphoto3 {
	font-size:10px;
	padding: 3px;
	font-weight: normal;
	width: 170px;
	text-align: center;	
}

/*Aspect partenaires dans page partenaire*/
.partenaires {
	width: 170px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	float:left;
	height:115px;
	vertical-align:top;
	background-image: url(images/partenaires/fd_partenaires.gif);
	padding-top: 2px;
}

/*Les titres principaux*/
h1 {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	font-size: 28px;
	font-weight: normal;
}
h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #9B0D12;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 10px;
	text-transform: uppercase;
	color: #000000;
	margin: 1px 1px 2px;
	padding: 0px;
}

/* Les calendriers*/
#calendrier {
	position: absolute;
	top: 75px;
	left: 13px;
	width: 678px;
}

.calendrier1 {
	background-color: #9B0D12;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.calendrier2 {
	background-color:#CE4822;
	color: #FFFFFF;
	}
.calendrier3 {
	background-color:#FFFFFF;
	color:	#000000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px;
	text-transform: capitalize;
}
.calendrier4 {
	background-color:#F8F6E7;
	color:	#000000;
	font-size: 10px;
}
.details {
	margin-left: 10px;
	border: 1px solid #950C11;
	padding: 2px;
	width:330px;
	height:200px;
	z-index:1;
	left: 362px;
	top: 264px;
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
}


/* Les puces*/
li {
	list-style-image: url(/images/titre/puces.gif);
	line-height: 18px;
}

/* Message d'erreur*/
.message {
	color: #9B0D12;
	position: absolute;
	height: 23px;
	width: 478px;
	left: 536px;
	top: 199px;
	background-color: #FFFFFF;
}
/*  La galerie photos; les grandes photos */

.galerie{
	height:	450px;
	width: 450px;
	text-align: center;
	vertical-align: middle;
	}
	
.libgalerie{
	position: absolute;
	height:	auto;
	width: 450px;
	text-align: center;
	text-transform: uppercase;
	left: 91px;
	top: 100px;

	}
	
.curseurdroit {
	position: absolute;
	height: auto;
	width: 25px;
	left: 561px;
	top: 100px;
}
.curseurgauche {
	position: absolute;
	height: auto;
	width: 25px;
	left: 35px;
	top: 100px;
}

/* Présentation des galerie et articles*/
#encart {
	width: 245px;
	font-size: 10px;
	float:left;
	height:120px;
	margin: 5px;
}
/* Les vignettes*/
.photos {

	width: 144px;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	float:left;
	height:115px;
	vertical-align:top;
	padding-top: 4px;
}


/* Encart des consignes*/
.consignes {

	padding: 2px;
	border: 1px solid #FFFFFF;
}
.titres_consignes {
	font-size: 14px;
	width: 100px;
	position: relative;
	top: -20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.annonces {
	width: 90%;
	height:auto;
	padding-bottom:5px;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003333;
	float: left;

}
.paragraphe3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	clip: rect(auto,0px,auto,auto);
	width: 100%;
	float: right;
	height: auto;
}
#titre {
	width: 176px;
	left: 165px;
	height: auto;
	top: 186px;
	z-index: 2;
	position: absolute;

}
.transparent {

	 filter:alpha(opacity=80);
   	-moz-opacity:0.8;
   	opacity: 0.8;
}
.caseP {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: none;
	width: 200px;
	color: #996600;
	position: absolute;
	height: 20px;
	top: 0px;
	left: 565px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
}
#colonl {
	position:absolute;
	width:180px;
	height:auto;
	z-index:3;
	left: 786px;
	top: 253px;
}
#barrec {
	width:10px;
	height:500px;
	z-index:3;
	padding-top: 230px;
}
#page1 {

	position: absolute;
	width: 900px;
	height: auto;
	top: 19px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	left: 50%;
	margin-left: -450px;
}
#bas {
	top: 100%;
}

.calque{
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color:#999999;
  opacity : .1;
  filter : alpha(opacity=1);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;
  z-index:1;
}

.image_calque{
	height: 100%;
}

.window{
	color: #FFFFFF;
	position: absolute;
	visibility : hidden;
	padding: 0px;
	font-family: Courrier;
	align: center;
	width: 700px;
	height : 550px;
	top : 5;
	left : 50%;
	margin-left:-350px;
	z-index:10;
	background-color:#7EB0CC;
	border: 1px solid #333333;
}

.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
}
#texte {
	width: auto;
	height: auto;
	z-index: 1;
	text-align: justify;
}


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

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

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

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

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
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: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.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 { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

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

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */