@charset "UTF-8";
/* CSS Document */

/* La page web */
Body {
	/*background:#edf3d9 url(style/bg/bg.png) repeat-x;*/
	background: #edf3d9;
	text-align: center;
	vertical-align: middle;
	font-family: Helvetica,sans-serif;
	font-size: 13px;
}

/* Lien non coloré */
Body a{
	color:#000;
}

#site #page #centre #texte a.spip_out{
	color:#333;
}
#site #page #centre #textea.spip_out:hover{
	color:#000;
}


/* site au centre de la page  */
#site {
	background-color: #fff;
	-background-color: none;
	background-repeat: no-repeat; 
	border: solid 2px #000;
	border-bottom:none;
	width: 999px;
	height: 694px;
	display: block;
	margin: auto;
	margin-top: 5px;
}

/* En tête du site */
#site #entete {
	width: 100%;
	height: 114px;
	display: block;
	text-align: left;
	}

/* Lien vers la page d'accueil */
#site #entete #casepasse{
	width: 499px;
	height: 100%;
	display: block;
	float:left;
	}	
	
/* Emplacement du logo */
#site #entete #casepasse #logo{
	width: 130px;
	height: 130px;
	display: block;
	}
	
/*Barre d'icones */
#site #entete #navicon{
	display:block;
	float:right;
	height:30px;
	margin-right:10px;
	padding-top:50px;
	width:299px;
	}	
	
/*Icones : PAGES D'ACCUEIL + PICTOGRAMME EN HAUT A DROITE*/
#site #entete #navicon a{
	display:block;
	margin-left:10px;
	text-decoration: none;
	float:right;
	height:25px;
	width:25px;
	cursor:pointer;
}	
#site #entete #navicon a.liens{
	background: url(style/img/links.png) no-repeat 0% 0%;
}	
#site #entete #navicon a.liens:hover{
	background: url(style/img/links.png) no-repeat 0% 115%;
}

#site #entete #navicon a.home{
	background: url(style/img/home.png) no-repeat 0% 0%;
}	
#site #entete #navicon a.home:hover{
	background: url(style/img/home.png) no-repeat 0% 115%;
}	

#site #entete #navicon a.contact{
	background: url(style/img/contact.png) no-repeat 0% 0%;
}	
#site #entete #navicon a.contact:hover{
	background: url(style/img/contact.png) no-repeat 0% 115%;
}	

#site #entete #navicon a.rss{
	background: url(style/img/rss.png) no-repeat 0% 0%;
}
#site #entete #navicon a.rss:hover{
	background: url(style/img/rss.png) no-repeat 0% 115%;
}	

#site #entete #navicon a.legal{
	background: url(style/img/legal.png) no-repeat 0% 0%;
}	
#site #entete #navicon a.legal:hover{
	background: url(style/img/legal.png) no-repeat 0% 115%;
}	

#site #entete #navicon a.plan{
	background: url(style/img/plan.png) no-repeat 0% 0%;
}
#site #entete #navicon a.plan:hover{
	background: url(style/img/plan.png) no-repeat 0% 115%;
}	

#site #entete #navicon a.prive{
	background: url(style/img/prive.png) no-repeat 0% 0%;
}
#site #entete #navicon a.prive:hover{
	background: url(style/img/prive.png) no-repeat 0% 115%;
}	


#site #page #centre #accueilicon a{
display:block;
float:right;
height:27px;
text-decoration:none;
width:27px;
}
#site #page #centre #accueilicon a.eform{
	background: url(style/img/eform.png) no-repeat 0% 0%;
}	
#site #page #centre #accueilicon a.eform:hover{
	background: url(style/img/eform.png) no-repeat 0% 115%;
}	
#site #page #centre #accueilicon a.musee{
	background: url(style/img/musee.png) no-repeat 0% 0%;
}
#site #page #centre #accueilicon a.musee:hover{
	background: url(style/img/musee.png) no-repeat 0% 105%;
}	
#site #page #centre #accueilicon a.france{
	background: url(style/img/france.png) no-repeat 0% 0%;
}
#site #page #centre #accueilicon a.france:hover{
	background: url(style/img/france.png) no-repeat 0% 115%;
}	
#site #page #centre #accueilicon a.durable{
	background: url(style/img/durable.png) no-repeat 0% 0%;
}	
#site #page #centre #accueilicon a.durable:hover{
	background: url(style/img/durable.png) no-repeat 0% 106%;
}	
#site #page #centre #accueilicon a.fleur{
	background: url(style/img/fleur.png) no-repeat 0% 0%;
}	
#site #page #centre #accueilicon a.fleur:hover{
	background: url(style/img/fleur.png) no-repeat 0% 110%;
}	

#site #page #centre #accueilicon a.encheres{
	background: url(style/img/encheres.png) no-repeat 0% 0%;
}
#site #page #centre #accueilicon a.encheres:hover{
	background: url(style/img/encheres.png) no-repeat 0% 105%;
}	

	
/* Page regroupant le menu, le centre et la partie A la Une */
#site #page{
	width: 100%;
	height: 561px;
	-margin-top: -4px;
	display: block;
	}
	
/* Menu */
#site #page #menu {
	width: 170px;
	height: 100%;
	display: block;
	float: left;
	text-align: left;
	-padding-right : 40px;
	}
	
/* Rubriques principales du Menu pour IE7 */ 
*+html #site #page #menu .secteur{
	font-variant: normal;
	}
	
/* Rubriques principales du Menu */ 
#site #page #menu .secteur{
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
	}

/* Rubriques du Menu */ 
#site #page #menu ul{
	list-style: none;
	margin-left: 0;
	padding-left: 3px;
	padding-top: 6px;	
	font-size: 14px;
	display: block;
	width: 100%;
	height:440px;
	}
	
/*Couleur de menu en surbrillance noir*/
#site #page #menu ul li a.on, #site #page #menu ul li a:hover{
	color: #000;
}
	
/* Décalages des Rubriques du Menu */ 
#site #page #menu ul li ul{
	-margin-left: 0.8em;
	font-variant: normal;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 3px;
	font-size: 12px;
	height:auto;
}

#site #page #menu ul li ul li a.on{
	font-weight: normal;
	}
#site #page #menu ul li ul li a{	
		letter-spacing: -0.1px;
	}

/* Liens du menu */
#site #page #menu a{
	text-decoration: none;
}
	
/* Liens du menu au passage de souris */
#site #page #menu a:hover{
	text-decoration:underline ;
	}
	
/* Liens du menu actif */
#site #page #menu a.on{
	text-decoration:underline;
	}
	
/* Formulaire de recherche Loupe + Barre de recherche*/
#site #page #menu #search{	
	height: 30px;
	-height: 20px;
	width:181px;
	display: block;
	text-align: left;
	
}
#site #page #menu #search #champs{
	display:block;
	margin-left:3px;
	padding-left:4px;
	float:left;
	width: 134px;
	height: 100%;
}
#site #page #menu #search #loupe {
	background: url(style/img/loupe.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:20px;
	width:20px;	
	margin-top:-2px;
	z-index:200;
	-margin-left:-20px;
}
#site #page #menu #barresearch {
	height:17px;
	width:180px;
	float:left;
	margin-left:5px;	
	padding-top: 3px;
	text-align:left;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	}
#site #page #menu #search #recherche {
	background:transparent;
	border: none;
	text-align:left;
}


	
/* Contenu du site */
#site #page #centre {
	width: 550px;
	-width: 531px;
	padding-right:4px;
	-padding-right:0px;
	margin-top: -2px;
	margin-left: 0px;
	-margin-left: -41px;
	padding-left: 4px;
	padding-bottom: 2px;
	height: 100%;
	display: block;
	float: left;
	text-align: justify;
	color: #000000;
	font-size:9pt;
	}
	
#site #page #centre.rubrique {
	overflow: hidden;
}



/*Liste rss en 2 colonnes*/
#site #page #centre #texte #rss ul{
	margin-bottom: 1em;
}

#site #page #centre #texte #rss ul{
	width: 480px;
	list-style: none;
}

#site #page #centre #texte #rss ul li{
	float: left;
	width: 239px;
}

#site #page #centre #texte #rss ul li a{
	display: block;
	width: 12em;
	text-decoration: none;
}

#site #page #centre #texte #rss ul li a:hover{
	color: #ccc;
}
#site #page #centre #texte a.rss:hover{
	color: #ccc;
}

#site #page #centre #texte #rss br{
	clear:left;
}


/*Habillage des Textes*/

/*Textes*/
#site #page #centre #texte{

	display: block;
	width:490px;
	float: left;
	margin-left: 30px;
	-margin-left: 15px;
	margin-bottom: 5px;
	word-spacing: -0.8pt;
}
/*Texte de la rubrique*/
#site #page #centre #texte.rubrique{
	display: block;
	width:510px;
	-height: 290px;
	height:264px;
	float: left;
	margin-left: 30px;
	-margin-left: 15px;
	margin-bottom: 11px;
	text-align:left;
	font-size:0.88em;
}
/*Texte de l'article*/
#site #page #centre #texte.article{
	height:500px;
	margin-top:-6px;
	overflow-y:auto; 
	overflow-x:hidden;
}
/*Texte de l'accueil*/
#site #page #centre #texte.accueil{
	height:460px;
	text-align: left;
}

/*News page d'accueil*/
#site #page #centre #accueil_news{
	display:block;
	float:left;
	color:#fff;
	text-align: center;
	margin: 0px 25px 25px 25px;
	background-color:#6D071A;
	padding: 3px;
}

/*Icones de l'accueil*/
#site #page #centre #accueilicon{
	display:block;
	float:left;
	height:100px;
	margin-bottom:5px;
	margin-left:-15px;
	margin-top:10px;
	padding-left:0;
}
/*Logo*/
#site #page #centre #texte #logo{
	float: left;
	margin-right: 5px;
	margin-bottom:5px;
}

#site #page #centre #texte .formulaire_ecrire_auteur{
	text-align: left;
}

/*Pavé des rubriques*/
#site #page #centre #rubMenu{
	display: block;
	width:490px;
	height: 250px;
	float: left;
	margin-left: 30px;	
	-margin-left: 15px;
	margin-top: 10px;
}
/*Pavé des sous-rubriques*/
#site #page #centre #rubriques {
	display:block;
	float:left;
	height:245px;
	margin-left:0.5%;
	margin-top:5px;
	width:49.5%;
	-width:250px;
	}

/*sous-rubrique du pavé*/
#site #page #centre #rubriques .RubMenuSousTitre {
	display:block;
	width: 100%;
	height: 20px;
	min-height: 20px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	border: none;
	font-size: 15px;
}

/*sous rubrique active du pavé*/
#site #page #centre #rubriques .RubMenuSousTitre .on{
	width:95%;
	margin-left:2.5%;
}

/*sous rubrique survolée du pavé*/
#site #page #centre #rubriques a:hover {
	background: url(style/bg/deg.png) repeat-x center center;
}

/*Liste des articles*/	
#site #page #centre #content {
	display:block;
	float:left;
	-margin-left:-30px;
	height:245px;
	margin-top:5px;
	width:49.9%;
	-width:250px;
	}

/*item de la liste*/	
#site #page #centre #content ul li{
	margin-left: -10px;
	-margin-left: 0px;
	}	
#site #page #centre #content ul li a{
	font-size:13.5px;
	margin-bottom: 5px;
	letter-spacing: -0.3px;
	-letter-spacing: 0;
	text-decoration: none;
	-z-index: 200;
	}	
#site #page #centre #content ul li a:hover{
	color:#fff;
	}	
	

/* Sous Menu : Raccourcis vers les articles de la même rubrique*/
#site #page #centre #sousMenu {
	margin-bottom: 1em;
	padding-bottom:10px;
	-padding-bottom:-20px;
	display: block;
	width:550px;
	position: absolute;
}

/*Sommaire spip*/
#site #page #centre div.cs_sommaire_avec_fond {
	background:url(style/bg/deg.png) repeat-x left -10px;
	border-bottom:none;
	border-right:none;
	margin-right:-4px;
	margin-top:0px;
	padding-bottom:0.1em;
	margin-bottom:4px;
}

/*Titres de pages */
#site #page #centre h1{
	display:block;
	height:21px;
	padding-left:5px;
	margin-left:30px;
	width:519px;
	-width:500px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}

/*Sommaire auto*/
#site #page #centre div.cs_sommaire ul{
	/*////height: 200px;*/
}

#site #page #centre div.cs_sommaire li{
	margin-bottom: 2px;
}


#site #page #centre div.cs_sommaire a{
	text-decoration:none;
}

/* Titre du Menu en cours*/
#site #page #centre .blocs_titre{
	height: 20px;
}

/* Titre du Menu en cours*/
#site #page #centre h4.RubMenuTitre{
	padding-left: 3px;
	margin-bottom:0px;
	margin-top:0px;
	height:18px;
	border-bottom:1px dotted;
	text-align:center;
}

#site #page #centre #menuRubrique{
	margin-top: 5px;	
}

/* Mise en page*/
#site #page #centre br
{
  clear: left;
}

/*--------------------------------------------------------------------------*/


/* Style des titres de type h1 */
#site #page #centre h1.titre, #site #page #centre h1{
	font-size: 16px;	
	margin-top: 2px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;	
	text-decoration: none;
	font-family:Tahoma;
	}	
	
/*Cacher flèche ancres*/
a.sommaire_ancre {
	display:none;
}

/* Style des titres de type h2 */	
#site #page #centre h2{
	font-size: 15px;
	text-align: center;	
	text-decoration: none;
	font-family:Tahoma;
	}	
	
/* Style des titres de type h3 */
#site #page #centre h3{
	font-size: 13px;	
	margin-bottom: 2px;	
	margin-top: 1px;	
	text-align: left;	
	text-decoration: none;
	font-family:Tahoma;
	}	
	
/* Centrer la pagination en bas de page*/
#site #page #centre .pagination{
	float:left;
	text-align:center;
	width:100%;
	font-size:10pt;
	margin-top:2pt;
}	
#site #page #centre span.cs_pagination_off{
	text-decoration: none;
}


#site #page #itemplan{
	border:1px dotted #70538B;
	display:block;
	float:left;
	font-size:9px;
	margin-bottom:1px;
	margin-left:1px;
	min-height:130px;
	min-width:160px;
}

#site #page #itemplan h4{
	margin-top:-2px;
	margin-bottom: 1px;
}

#site #page #itemplan h4 a{
	color: #442A59;
	font-size:11px;
	margin-top:0;
	margin-bottom:0;
}

*+html #site #page #itemplan ul {
	margin-top:3px;	
	margin-left:50px;
	margin-bottom: 0px;
}

#site #page #itemplan ul {
	margin-top:3px;	
	margin-left:0px;	
}

		
/* style de la partie A la Une */

#site #page #droite {
	width: 270px;
	-width:268px;
	height: 99.9%;
	display: block;
	float: left;
	margin-left:0px;
	text-align: justify;
	}


#site #page #droite #une{
	height:559px;
	padding-left:5%;
	padding-right:5%;
	width:242px;
	-width:240px;
	display:block;
	font-size: 9pt;
}

#site #page #droite #une h3.spip{
	margin-top:0;
	padding-top:2em;
	
}

#site #page #droite #une .spip_documents_left {float:left;margin-bottom:5px;margin-right:0;}


/* Pied de page */
#site #pied {
	width: 100%;
	height: 16px;
	-height: 0px;
	background:#141414;
	display: block;
	text-align:center;
}

#site #pied #indexPied{
	margin-top:0px;
	height: 2px;
	padding-top:2px;
	-display: none;
}	

/* Liens du pied de page */
#site #pied a{
	color:#736157;
}

#site #pied #xylo{
	margin-top: 3px;
	background: url(style/bg/bg-pied.gif) no-repeat;
	height: 12px;
	display: block;
	text-align:left;
	width:100%
	-height:5px;
}
#site #pied #xylo a, #site #pied #xylo span{
	margin: 0;
	padding: 0;
}
	
	
/* ------------------------Style des tableaux-------------------*/	

p.spip{
margin-bottom:2px;
margin-top:5px;
}

table.spip {
border:1px solid;
border-collapse:collapse;
margin:0.5em 0 1em;

}

/*--------------------------------------------------------------*/
/* ------------------------Style des formulaires en ligne Intégrés (Interdit) -------------------*/
#site #page .spip_forms{
	color:black;
	font-weight:normal;
	border-left:0px solid #963;
	width:500px;
	font-size: 10px;
}	

#site #page .spip_forms .spip_form_champ {clear:both;
	display:block;
	margin-bottom:0em;
	margin-top:0em;
}

#site #page .spip_forms .spip_bouton input{
	background:#EDEDED none repeat scroll 0 0;
	border:1px solid #563033;
	color:#4A4336;
	cursor:pointer;
	float:right;
	font-size:1em;
	font-weight:bold;
	height:28px;
	margin-right:100px;
	margin-top:100px;
	width:100px;
}

#site #page .spip_forms input{
	height: 11px;
	width: 160px;
}

#site #page .spip_forms textarea{
	height: 40px;
}

#site #page .spip_forms fieldset{
	border-top: 1px dashed #8F8181;
	border-left: 1px solid #8F8181;
	width:205px;
	float: left;
	margin-right: 10px;
}
	
#site #page .spip_forms .forml,.spip_forms .fondl{
	background:#FFF;
	color:#4A4336;
}

#site #page .formInfo a,.formInfo a:active,formInfo a:visited{
	background-color:transparent;
	font-size:1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:-5px;
	color:#f66;
	text-decoration:none;
	float:right;
}
/*--------------------------------------------------------------------------*/

/* ------------------------Style des pages formulaires en ligne-------------------*/

/* site au centre de la page  */
#siteForm {
	
	width: 700px;
	height: 800px;
	display: block;
	margin: auto;
	margin-top: 5px;
}

/* En tête du site */
#siteForm #enteteForm {
	width: 100%;
	height: 114px;
	display: block;
	text-align: left;
	float:left;
	}
	
/* En tête du site */
#siteForm #pageForm {
	background: #e1dcbc url(style/bg/forms.gif) no-repeat;
	padding-left:15%;
	padding-right:15%;
	padding-top:110px;
	padding-bottom:10px;
	width: 70%;
	height: auto;
	display: block;
	text-align: left;
	float:left;
	}	

/* Pied de Page du site */
#siteForm #piedForm {
	padding-left:15%;
	padding-right:15%;
	width: 70%;
	height: 16px;
	display: block;
	text-align:left;
	float:left;
}

/* Lien vers la page d'accueil */
#siteForm #enteteForm #casepasse{
	width: 499px;
	height: 100%;
	display: block;
	float:left;
	}	
	
/* Emplacement du logo */
#siteForm #enteteForm #casepasse #logo{
	width: 130px;
	height: 130px;
	display: block;
	}
	
	
#siteForm #pageForm .spip_forms ul.choix_mots, #siteForm #pageForm .spip_forms ul.spip_form_choix_multiple, #siteForm #pageForm .spip_forms ul.spip_form_choix_unique {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:5px;
	width:230px;
}	
#siteForm #pageForm .spip_forms li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#siteForm #pageForm .spip_forms{
	color:black;
	font-weight:normal;
	border-left:0px solid #963;
	width:500px;
	font-size: 10px;
}	

#siteForm #pageForm .spip_forms .spip_form_champ {clear:both;
	display:block;
	margin-bottom:0em;
	margin-top:0em;
}

#siteForm #pageForm .spip_forms .spip_bouton input{
	background:#EDEDED none repeat scroll 0 0;
	border:1px solid #563033;
	color:#4A4336;
	cursor:pointer;
	float:right;
	font-size:1em;
	font-weight:bold;
	height:28px;

}

#siteForm #pageForm .spip_forms textarea{
	/*height: 40px;*/
}

#siteForm #pageForm .spip_forms fieldset{
	border-top: 1px dashed #8F8181;
	border-left: 1px solid #8F8181;
	width:480px;
	float: left;
	margin-right: 10px;
}
	
#siteForm #pageForm .spip_forms .forml,.spip_forms .fondl{
	background:#FFF;
	color:#4A4336;
}

#site #page .formInfo a,.formInfo a:active,formInfo a:visited{
	background-color:transparent;
	font-size:1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:-5px;
	color:#f66;
	text-decoration:none;
	float:right;
}
/*--------------------------------------------------------------------------*/

/* ------------------------Style des pages Citéa-------------------*/

/* site au centre de la page  */
#siteCitea {	
	width: 700px;
	display: block;
	margin: auto;
	margin-top: 5px;
}

/* En tête du site */
#siteCitea #pageCitea #enteteCitea {
	width: 100%;
	height: 114px;
	display: block;
	text-align: left;
	float:left;
	}
	
/* En tête du site */
#siteCitea #pageCitea {
	background: #e1dcbc url(style/bg/citea.gif) no-repeat;
	padding-top:0;
	width: 100%;
	height: auto;
	display: block;
	text-align: left;
	float:left;
	}	
	
#siteCitea #pageCitea hr.spip {
	display:block;
	margin-top:25px;
	margin-bottom:5px;
	float:none;
}

/* En tête du site */
#siteCitea #pageCitea #texteCitea{
	float:left;
	margin-left:15%;
	marginin-right:15%;	
	}	
#siteCitea #pageCitea #texteCitea .rubCitea{ 
	width: 400px;
	display:block;
	
	}

/* Pied de Page du site */
#siteCitea #pageCitea .pied{
	text-align:center;
	margin-bottom:15px;
	margin-top:10px;
	color: #666;
}

#siteCitea #pageCitea #gaminCitea {
	background: transparent url(style/bg/gamin.jpg) no-repeat bottom right;
	width:700px;
	height:250px;
	display: block;
	float: none;
	margin-top:300px;
	
}

#siteCitea #pageCitea ul{
	display:block; 
	border:1px solid #70538B;
	margin-top:0px;
	-moz-border-radius-bottomleft:8px;
}

#siteCitea #pageCitea li{padding-top:2px;padding-bottom:0x;}
#siteCitea #pageCitea li a{	text-decoration:none;}
#siteCitea #pageCitea li a:hover{text-decoration:underline;}
#siteCitea #pageCitea h2{font-size:15px; color:#70538B;}
#siteCitea #pageCitea h2.titre{font-size:15px; text-align:right; color:#70538B;}

#siteCitea #pageCitea h1{
	font-size:16px;
	color:#DDD;
	background-color:#70538B;
	/*-moz-border-radius-bottomleft:8px;*/
	-moz-border-radius-topleft:8px;
	padding:2px 2px 1px 2px;
	margin-top:20px;
	margin-bottom:0px;
}


/*--------------------------------------------------------------------------*/

/* ------------------------Style des pages Façade-------------------*/

/* site au centre de la page  */
#siteFacade {	
	width: 1024px;
	display: block;
	margin: auto;
	margin-top: 5px;
	}

/* En tête du site */
#siteFacade #pageFacade #enteteFacade {
	width: 100%;
	height: 200px;
	display: block;
	text-align: left;
	float:left;
	}
	
/* En tête du site */
#siteFacade #pageFacade {
	background: #d2d6d1 url(style/bg/fondFacade.jpg) no-repeat;
	padding-top:0;
	width: 100%;
	height: auto;
	display: block;
	text-align: left;
	float:left;
	border:1px solid black;
	}	
	
#siteFacade #pageFacade hr.spip {
	display:block;
	margin-top:25px;
	margin-bottom:5px;
	float:none;
}

/* En tête du site */
#siteFacade #pageFacade #texteFacade{
	float:left;
	margin-left:3%;
	marginin-right:3%;	
	width:94%;
	font-size:15px;
	color:#564844;
	}	
	
#siteFacade #pageFacade #texteFacade p.spip {margin:5px 35px 5px 35px;}

#siteFacade #pageFacade #texteFacade .rubFacade{ 
	width: 400px;
	display:block;
	
	}

/* Pied de Page du site */
#siteFacade #pageFacade .pied{
	background: url(style/bg/thiers.png) no-repeat;
	text-align:center;
	margin-bottom:15px;
	padding-top:150px;
	color: #666;
	display:block;
	float:left;
	width:100%;
	height:0px;
}


#siteFacade #pageFacade ul.menuFacade{
	display:block; 
	margin-top:0px;
	width:317px;
	background-color:#5d7884;
	margin-left:174px;
	color:#fff;
	
}

#siteFacade #pageFacade ul.menuFacade li{list-style:none;padding-bottom:0x;height:20px;padding-top:10px;}
#siteFacade #pageFacade ul.menuFacade li:hover{background-color:#93a7b2;}

#siteFacade #pageFacade ul.menuFacade li a{font-size:16px;color:#fff; font-weight:bold;	text-decoration:none;width:317px;height:20px;display:block;}
#siteFacade #pageFacade ul.menuFacade li a:hover{text-decoration:none;}
#siteFacade #pageFacade h2{font-size:15px; color:#5D7884;}
#siteFacade #pageFacade h2.titre{color:#732812; font-size:24px; text-align:right;}

#siteFacade #pageFacade h1{
	font-size:16px;
	color:#DDD;
	padding:2px 2px 1px 2px;
	margin-top:20px;
	margin-bottom:0px;
	width:300px;
}

/*--------------------------------------------------------------------------*/

/* ---------------------Style des pages Port de France----------------------*/

/* site au centre de la page  */
#sitePort {	
	width: 1024px;
	display: block;
	margin: auto;
	margin-top: 5px;
	}

/* En tête du site */
#sitePort #pagePort #entetePort {
	width: 100%;
	height: 200px;
	display: block;
	text-align: left;
	float:left;
	}
#sitePort #pagePort #logoToul {
	width: 136px;
	height: 142px;
	display: block;
	text-align: left;
	float:left;
	}
	
#sitePort #pagePort #entetePort #PortLang{
	display: block;
	text-align: right;
	float:right;
	margin-right: 5px;
	margin-top: 5px;

	}
/* En tête du site */
#sitePort #pagePort {
	background: #B7E2F6 url(style/bg/fondPort.jpg) no-repeat;
	padding-top:0;
	width: 100%;
	height: auto;
	display: block;
	text-align: left;
	float:left;
	border:1px solid black;
	}	
	
#sitePort #pagePort hr.spip {
	display:block;
	margin-top:25px;
	margin-bottom:5px;
	float:none;
}

/* En tête du site */
#sitePort #pagePort #textePort{
	float:left;
	margin-left:8%;
	marginin-right:8%;	
	width:84%;
	font-size:17px;
	color:#564844;
	}	
	
#sitePort #pagePort #textePort p.spip {margin:5px 0px 5px 0px; }

#sitePort #pagePort #textePort .rubPort{ 
	width: 400px;
	display:block;
	
	}

/* Pied de Page du site */
#sitePort #pagePort .pied{
	//background: url(style/bg/thiers.png) no-repeat;
	text-align:center;
	margin-bottom:15px;
	padding-top:150px;
	color: #666;
	display:block;
	float:left;
	width:100%;
	height:0px;
}


#sitePort #pagePort ul.menuPort{
	display:block; 
	margin-top:80px;
	width:280px;
	background-color:#0A71B4;
	margin-left:174px;
	color:#fff;
	
}

#sitePort #pagePort ul.menuPort li{list-style:none;padding-bottom:0x;height:20px;padding-top:10px;}
#sitePort #pagePort ul.menuPort li:hover{background-color:#97BE0D;}

#sitePort #pagePort ul.menuPort li a{font-size:16px;color:#fff; font-weight:bold;	text-decoration:none;width:317px;height:20px;display:block;}
#sitePort #pagePort ul.menuPort li a:hover{text-decoration:none;}
#sitePort #pagePort h2{font-size:15px; color:#5D7884;}
#sitePort #pagePort h2.titre{color:#0A71B4; font-size:24px; text-align:right;}

#sitePort #pagePort h1{
	font-size:16px;
	color:#DDD;
	padding:2px 2px 1px 2px;
	margin-top:20px;
	margin-bottom:0px;
	width:300px;
}