/************************
* Syle speciaux *
*******************/
/******************************************
	BANDEAU SITE F
******************************************/
body {
	background : #ffffff; 
	margin: 0px;
	padding: 0px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	line-height:1.3em;
	}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}

* img {
	margin: 0;
	padding: 8px;
	display:block;
	border:0px;}

* h3 	{
	margin: 0;
	padding: 2px;
	display:block;
	font-size: 14px bold 1em/1em Verdana,Arial,Helvetica;
	color:#3b2565;
	}

* h3 .phil{
	margin: 0;
	padding: 2px;
	display:block;
	font-size: 14px bold 1em/1em Verdana,Arial,Helvetica;
	color:#447056;
	}

* a 	{
	color:#0000ff;
	text-decoration:none;
	border:0px;}

div#pagef {
	margin-left: auto; 
        margin-right: auto;
	width:760px;
	height: auto;
	display:block;
	border: 0px solid #ffffff;
	}

/******************************************
	Sommaire général image cliquable
******************************************/
div#sommaire {
	position:relative;
	float: left;   
	margin:0;
	margin-left:5px;
	margin-top:10px;
	width: 760px;
	padding:0px;
	text-align:center;
	font-size:12px;
	color: #000000;
	border: 0px solid /*bordures*/ #ff00ff ;
	}

div#sommaire img {
	margin-left: auto; 
        margin-right: auto;
	margin-top:30px;
	padding:0px;
	display:block;
	text-align:center;
	color: #000000;
	border: 0px solid /*bordures*/ #0000ff ;
	}

div#options ul {
	position:relative;
	float: left;   
	width: 760px;
	margin:0;
	margin-left:5px;
	margin-top:0px;
	padding:0px;
	display: inline;
	font-size:10px;
	color: #000000;
	border: 0px solid /*bordures*/ #ff00ff ;
	}
div#options ul li {
	margin:0;
	padding:0px;
	padding-right:50px;
	display: inline;
	border: 0px solid /*bordures*/ #0000ff ;
	}

div#options ul li a {
	text-decoration:none;
	}
/******************************************
	BANDEAU GAUCHE
******************************************/
div#fbandeau {
	position:relative; 
	float:left;
	margin:0px;
	padding: 0px;
	width:140px;
	height:auto;
	display: block;
	background : #ffffff;
	border: 0px solid #0000FF;
	}

div#fbandeau img {
	position:relative; 
	float:left;
	margin:0px;
	margin-top: 5px;
	margin-bottom : 20px;
	padding: 0px;
	display: block;
	border: 0px solid #00FFFF;
	}

span#titre {
	position:relative
	float:left;
	margin:0px;
	margin-top:0px;
	padding: 0px;
	display: block;
	border: 0px solid #00FF00;
	}
/******************************************
	ARTICLES
******************************************/
div#Contenu {
	position:relative;
	float: left;   
	margin:0;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	width: 550px;
	height:auto; 
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	font-size:12px;
	color: #000000;
	background : #ffffff;
	border: 1px solid /*bordures*/ #ACA589 ;
	}
div#Contenucolor {
	position:relative;
	float: left;   
	margin:0;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	width: 550px;
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	font-size:12px;
	color: #000000;
	background : #E1D9C4;
	border: 1px solid /*bordures*/ #ACA589 ;
	}
div#Contenucolor .img {
	margin-left:20px;
	padding-left:10px;
	}

div#hierarchie {
	position:relative;
	float:left;
	margin: 0px;
	margin-top:5px;
	padding: 5px;
	width: 600px;
	height : 55px; 
	border: 0px solid #981840;
	}

div#hierarchie ul {
	position:relative; 
	float:left;
	width:95%;
	margin:0px;
	margin-top:15px;
	margin-left:5px;
	padding: 0px;
	display: block; 
	background : #ffffff;
	border: 0px solid #981840;
	}
	
div#hierarchie ul li {
	position:relative; 
	float:left;
	width: auto;
	margin: 0px;
	margin-right:5px;
	padding: 0px;
	display: nowrap;
	list-style-type:none;
	background : #ffffff;
	border: 0px solid #981840;
	}

div#hierarchie a {
	font-size: 11px;
	font-weight: bold;
	color: #3B2565;
	text-decoration:none;
	}

div#farticles {
	position:relative; 
	float:left;
	width: 100%;
	margin:0px;
	margin-right:10px;
	margin-top:20px;
	padding:10px;
	width:auto;
	height:auto;
	display: block;
color:#000000;
	border: 1px solid #FF0000;
	}

/******************************************
	galerie photos vignettes
******************************************/
div#titrerub {
	position:relative; 
	float:left;
	width:90%; 
	margin: 0px;
	padding: 0px;
	display:block;
	font: 14px bold 1em/1.3em Arial,Verdana,Helvetica;
	color: #00ff00;
	text-align:center;
	background : #ffffff;
	border: 0px solid #0000ff;
	}

div#vignettes {
	position:relative; 
	float:left;
	width:520px;
	height:550px; 
	margin: 0px;
	margin-left:25px;
	padding: 0px;
	display:block;
	background : #ffffff;
	border: 0px solid #0000ff;
	}

div#vignettes ul {
	margin-left: auto; 
        margin-right: auto;
	width:85%; 
	padding:0px;
	display:block;
	background : #ffffff;
	border: 0px solid #981840;
	}
		
div#vignettes ul li {
	position:relative;  
	float:left; 
	margin-left: auto; 
        margin-right: auto;
	list-style:none;
	width: 140px;
	height:120px;
 	padding: 20px 0px 0px 5px; 
	display: inline;
	background : #ffffff;
	border: 0px dotted #FF0000;
	}

div#vignettes ul li a {
	text-decoration: none;
	}
/******************************************/
div#Contenu2 { 
	position:relative;
	float: left;   
	margin:0;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	width: 550px;
	height:600px;
	padding: 5px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
	font-size:12px;
	color: #000000;
	background : #ffffff;
	border: 1px solid /*bordures*/ #ACA589 ;
	}

div#galeriephoto img {
	margin-left: auto; 
        margin-right: auto;
	width: auto; 
	padding: 0px;
	display:block;
	border: 0px solid #ff0000;
	}

div.pt img {
	width: 400px;
	height:600px;
	margin-left: auto; 
        margin-right: auto;
	display:block;
	border: 0px solid #00FF00;
	}

div.ls img {
	width: 600px;
	height:500px;
	margin-left: auto; 
        margin-right: auto;
	display:block;
	border: 0px solid #0000FF;
	}

div.galerietexte {
	margin-left: auto; 
        margin-right: auto;
	width:500px; 
	margin: 2px;
	padding:5px;
	display:block;
	font: 10px normal 1.2em/1.2em "Verdana, Helvetica, sans-serif";
	text-align:left;
	color:#ACA589;
	background : #ffffff;
	border: 0px dotted solid #000000;
	}
	
/******************************************
	liste articles en sommaire
******************************************/
div#listeart ul {	
	position:relative; 
	float:left;
	width:100%; 
	margin: 0px;
	padding: 0px;
	display:block;
	background : #ffffff;
	border: 0px solid #0000ff;
	}
		
div#listeart  ul li {
	position:relative; 
	float:left;
	list-style:none;
	width: 50px;
	height:20px;
	margin: 5px 3px;
	padding: 15px;
	display: inline;
	font: 12px bold 1em/1.2em Arial, Helvetica, sans-serif;
	color: /*texte*/#ACA589;
	text-align:center;
	background : #ffffff;
	border: 1px dotted #ACA589;
	}

div#listeart  ul li a {
	color: /*texte*/#ACA589;
	text-decoration: none;
	}
	
/******************************************
	page accueil 
******************************************/
div#pgaccueilb1 {
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	width: 700px;
	display: block;
	font: 14px bold 1em/1em Times New Roman,Times,serif;
	color:#6E5E4E;
	text-align:center;
	border: 0px solid #ff0000;
	}
div#pgaccueilb1 em {
	font:  12px italic Times New Roman,Times,serif;
	color:#6E5E4E;
	}

div#pgaccueilb2 {
	position:relative;
	float:left;
	margin: 0px;
	padding: 5px;
	padding-top:5px;
	width: 700px;
	height:300px;
	display: block;
	color:#000000;
	background : #ffffff;
	border: 0px solid #00ff00;
	}

div#pgaccueilb3 {
	position:relative;
	float:left;
	margin: 0px;
	margin-top: 0px;
	padding: 5px;
	width: 700px;
	display: block;
	font:  12px normal Times New Roman, Times,serif;
	color:#6E5E4E;
	border: 0px solid #0000ff;
	}

div#pgaccueilb3 em {
	font:  12px italic Times New Roman,Times,serif;
	color:#6E5E4E;
	}

div#rubmenu ul {
	position:relative; 
	float:left;
	width:120px;
	height:300px;
	margin: 0px;
	margin-left:20px;
	margin-right:50px;
	padding: 0px;
	display: block; 
	font: 12px bold 1em/1.3em Arial, Helvetica, sans-serif;
	text-align:left;
	background : #ffffff;
	border: 0px solid #0000ff;
	}
	
div#rubmenu ul li {
	position:relative; 
	float:left;
	list-style:none;
	width: 100%;
	height:auto;
	margin: 0px;
	padding: 0px;
margin-bottom: 15px;
	display: block;
	list-style-type:none;
	background : #ffffff;
	border: 0px solid #FFFF00;
	}

div#rubmenu a {
	color: #000000;
	text-decoration:none;
	}

div#rubopt ul {
	position:relative; 
	float:right;
	width:150px;
	height:auto;
	margin:0px;
	margin-right:30px;
	padding: 0px;
	display: block; 
	font: 12px bold 1em/1.3em  Arial, Helvetica, sans-serif;
	text-align:right;
	background : #ffffff;
	border: 0px solid #ff00ff;
	}
	
div#rubopt ul li {
	position:relative; 
	float:left;
	list-style:none;
	width: 100%;
	height:auto;
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type:none;
	background : #ffffff;
	border: 0px solid #FFFF00;
	}

div#rubopt a {
	color: #000000;
	text-decoration:none;
	border:0px;
	}
	
div#blimg {
	position:relative; 
	float: left;
	margin-left: auto; 
        margin-right: auto;
	padding: 3px;
	width: auto;
	height:auto;
	display:block;
	border:0px solid #ff00ff;
	}
span#ruboptbas a {
	position:relative; 
	float: right;
	padding-top:250px;
	display:block;
	border:0px solid #00ffff;
	}
/******************************************
	page actualité
******************************************/
div#actualaune {
	position:relative;
	float:left;
	margin:0px;
	margin-left: 10px;
	margin-top: 15px;
	width:60%;
	padding: 0px;
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
	color: #000000;
	background : #E1D9C4;
	border: 0px solid #ff0000;
	}
	
div#actualaune h3 {
	margin: 0;
	padding: 2px;
	display:block;
	font : 14px bold 1em/1em Verdana,Arial,Helvetica;
	}
	
div#actualaune dl {
	position:relative;
	/*float:left;*/
	margin: 0px;
	padding-bottom: 10px;
	width:100%;
	display:block;
	border: 0px solid #000000;
	}

div#actusousrub {
	position:relative;
	float:right;
	margin: 5px;
	width:30%;
	height:auto;
	display:block;
	padding: 0px 5px 0px 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	color: #000000;
	background : #ffffff;
	border: 2px dotted #ACA589; 
	}

div#actusousrub ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:block;
	}

div#actusousrub ul li {
/*	position:relative;
	float:left;*/
	list-style:none;
	margin: 0px;
	padding: 5px 0px;
	width:100%;
	text-align:left;
	display:block;
	border: 0px solid #000000;
	}
div#actusousrub ul li a {
	color: #000000;
	text-decoration:none;
	}

/******************************************
	page et...
******************************************/
div#imgrubet ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:block;
	border: 0px solid #ff0000;
	}

div#imgrubet ul li {
	position:relative;
	float:left;
	list-style:none;
	margin-left: auto; 
        margin-right: auto;
	padding: 10px 0 0 10px;
	width:260px;
	height:auto;
	display:block;
	border: 0px solid #00ff00;
	}
div.avance img {
	margin: 0px;
	margin-left:30px;
	padding: 10px;
	display:block;
	border: 0px solid #00ff00;
	}
	 }