/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
body {
	background:#efd8a6; 
	margin-left:auto;
	margin-right:auto;
	padding: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	line-height:1.2em;
	}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h1 {
	margin: 0px;
	padding: 10px;	
	color:/*titre_page*/ #a4624c ;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	}	
.lien {
	color:#3300CC;
	font-size:14px;
	font-weight: bold;
	text-align:left;
	}	
	
.infos {
	margin: 0px;
	padding: 0px;	
	padding-top:10px;
	padding-bottom:5px;
	color:#3300CC;
	width:250px;  
	display:block;
	height: auto; 
	font-size:14px;
	font-weight: bold;
	text-align:left;
	}
.texte {
	color:#000000;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	}		

.titredate {
	margin: 0px;
	padding: 0px;	
	color:/*titre_page*/ #a4624c ;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	}
.titreanim {
	margin: 0px;
	padding: 0px;	
	color:/*titre_page*/ #a4624c ;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	}
/******************************************
	ACCUEIL 547
******************************************/

div#pageessai {
	text-align:left;
	padding: 0px;
	width:auto;
	height: auto;
	display:block;
	background :#efd8a6;
	}
	
div#accueil {
	position:relative; 
/*	float:left;   */
	margin-left: auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	width:830px;  
	height: auto; 
	display:block;
	background :#a4624c;
			border: 0px solid #ff0000;
	}
div#accueil ul {
/*	position:relative; */
/*	float:left; */
	list-style:none;
	margin:Opx;
	margin-left:5px;
	padding: 0px;
	width:auto;
	height: auto;
	display:block;
	background :#a4624c;
	}	
div#accueil ul li {
/*	position:relative; */ 
/*	float:left; */
	margin:Opx;
	margin-left: 25px; 
	text-align:left;
	padding: 0px;
	width:auto;
	height: auto;
	display:inline;
	background :#a4624c;	
	}
div#bloctitre {
	position:relative;
	float:left; 
    margin: 0px;
	padding: 0px;
	padding-bottom:15px;
	width:auto; 
	text-align:left;
	display:block;
	background :#a4624c;
	}
div#bloctitre01 {
	position:relative;
	float:left; 
	margin: 0px; 
	margin-left: 10px; 
    margin-top: 5px;	
	padding: 0px;
	display:block;
	}	
div#bloctitre02 {
	position:relative;
	float:left; 
	margin: 0px; 
	margin-left: 100px;
	margin-top:20px; 
	padding: 0px;
	width: auto;
	display:block;
	}
div#bloctitre ul {
	position:relative;
	float:left; 
	margin: 0px; 
	margin-left: 70px; 
	margin-right: 20px; 
	padding: 0px;
	width: auto;
	height: auto;
	display:block;
	}
div#bloctitre ul li {
	margin: 0px; 
    margin-top: 10px;
	padding: 0px;
	width: auto;
	height: auto;
	display:block;
	}		
/******************************************
	PAGE TYPE 547
******************************************/	
div#bandeau {
	position:relative; 
	float:left;   
	margin-left: auto; 
    margin-right: auto;
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;
	padding: 0px;
	width:830px;
	height: 95px;   
	display:block;
	background :#a4624c;
	}

div#bandeaubloc1 ul {
	position:relative;
	float:left; 
	margin: 0px; 
	margin-left: 10px; 
	text-align:left;
	padding: 0px;
	width:640px;
	height: 80px;  
	display:block;
			border: 0px solid #ff00ff;
	}
div#bandeaubloc1 ul li {
	position:relative;
	float:left; 
	margin: 0px; 
    margin-top: 5px;
	padding: 0px;
	width: 120px;
	height: 80px;
	display:inline;
		border: 0px solid #ff00ff;
	}
div#bandeaubloc1 ul li a {
	margin-left: 0px; 
	font: bold 0.8em/1em Verdana,Arial,Helvetica;
	color:#ffffff;
	text-decoration:none;
	}
span#titrerub {
	text-align:left;
	padding: 0px;
	width:auto;
	height: auto; 
	display:block;
	}
div#bandeaubloc2 {
/*	position:relative; 
	float:left;  */
	margin-right:20px;
	text-align:left;
	padding: 0px;
	width:auto;
	height: auto; 
	display:block;
	background :#a4624c;
	}	
/******************************************
	PAGE TYPE 547 - Articles
******************************************/		
div#articles {
	position:relative; 
	float:left;  
	text-align:left;
	padding: 0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	width:790px;
/*	height: 96%; */
	min-height: 350px; 
	_height: 350px; // hack uniquement interprété par IE Win
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 0px solid #ff00ff;
	}
div#articles a {	
	color:#000000;
	font-style:normal;
	font-variant:small-caps;
	text-decoration:underline;
}
div#articles2 {
	position:relative; 
	float:left;   
	margin: 0px; 
	padding: 0px;
	width:70%; 
/*	height: 96%; 
	min-height: 350px; 
	_height: 350px; // hack uniquement interprété par IE Win*/

	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 0px solid #00ff00;
	}

div#articles2 ul {
	position:relative; 
	float:left;   
	margin: 0px; 
	padding: 0px;
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 1px solid #00ff00;
	}
div#articles2 ul li {
	position:relative; 
	float:left;   
	margin: 0px; 
	margin-top : 10px;
	padding: 0px;
	width: auto;
	height: auto;
	display:inline;
	list-style:none;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
		border: 1px solid #ffff00;
	}	

div#articles2 ul li a {
	color:#00ff00;
	font-style:italic;
	text-decoration:none;
	}
	
div#colonedroite {
	position:relative; 
	float:right;   
	margin: 0px; 
	padding: 3px;
	width:27%;
/*	height: auto;  */
	display:block;
	font-size: 10px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 4px solid #a4624c;
	}
div#colonedroite2 {
	position:relative; 
	float:right;   
	margin: 0px; 
	padding: 5px;
	width:20%;
/*	height: auto;  */
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 4px solid #a4624c;
	}		

div#filrouge {
/*	position:relative;
	float:top; */
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	display: nowrap;
	width:auto;
	font:10px bold 1.2em/2em Verdana,Arial,Helvetica;
	color: #000000;
	border: 0px solid /*bordures*/ #ff7200;
	}
div#filrouge a {
	margin: 0px; 
	padding: 0px 0px 0px 10px;
	font: Verdana,Arial,Helvetica;
	font-size: 12px;
	font-variant:small-caps;
	text-transform:uppercase;
	text-decoration: none;
	color: #000000;
	text-decoration: none; 
	}
	
div#habimg {
/*	position:relative; */
	float:right;   
	margin: 0px; 
	text-align:left;
	padding: 5px;
	width:auto;
	height: auto; 
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 4px solid #a4624c;
	}
	
* dl {
	margin: 0;
	padding: 0px;
	padding-top:10px;
	padding-bottom:5px;
	}
* dt {
	float: left;
	margin: 0px 10px 0;
	padding: 0;
	text-align:left;
	}
div#infosbloc {
	margin: 0px; 
	margin-bottom : 10px;
	padding: 5px;
	width:98%;
	height: auto; 
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	text-align:left;
	background :#fef9bb;
		border: 1px solid #efd8a6;
	}
div#infostitre {
	margin: 0px; 
	margin-bottom : 10px;
	padding: 5px;
	width:98%;
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	text-align:left;
	background :#ffffff;
	border: 1px solid #000000;
	}	
span#infosimg {
	margin:0px;
	margin-left:5px;
	float:right;
	display:block;
	border: 2px solid #000000;
	}	
span#infoscompl {
	float:right;
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	text-align:left;
	}	
span#lieu {
	position:relative;
	float:right;
	margin-left:50px;
	width:130px;  
	display:block;
	font-size: 10px bold 1em/1em Verdana,Arial,Helvetica;
	color:#000000;
	text-align:center;
	background :#ffffff;
	border: 0px solid #000000;
	}	
span#label {
	position:relative;
	float:right;
	margin-left:150px;
	width:100px;  
	display:block;	
	font-size: 16px;
	font-style:bold;
	color:#ff0000;
	background :#ffffff;
	text-align:center;
	vertical-align:middle;
	border: 0px solid #000000;
	}
div#localisation {
	position:relative; 
	float:right;   
	margin: 0px; 
	padding: 5px;
	width:100px;
/*	height: auto;  */
	display:block;
	font-size: 12px normal 1em/1em Verdana,Arial,Helvetica;
	background :#ffffff;
		border: 4px solid #efd8a6;
	}		
/******************************************
	PAGE TYPE 547 - peid page
******************************************/		
div#essaipied {
	position:relative;
	float:left;  
	margin: 0px; 
	margin-left: auto; 
    margin-right: auto; 
	text-align:left;
	padding: 0px;
	padding-top:0px;
	width: 830px;
	height:auto;
	display:block;
	background :#a4624c;
	}
div#essaipied a {
	font: normal 1em/1em Verdana,Arial,Helvetica;
	color:#efd8a6;
	text-decoration:none;
	}
	
div#essaipied ul {
	position:relative;
	float:left; 
	margin: 0px; 
	margin-left: 10px;
	margin-top: 5px; 
	text-align:left;
	padding: 0px;
	padding-top:5px;
	width: 400px;
	height: 50px;
	display:block;
	background :#a4624c;
	}
div#essaipied ul li {
	margin: 0px; 
    margin-top: 10px;
	padding: 0px;
	width: auto;
	height: auto;
	list-style:none;
	display:inline;
	}	
div#essaipied ul li a {
	font: small-caps normal 1em/1em Verdana,Arial,Helvetica;
	color:#ffffff;
	text-decoration:none;
	}
	
div#piedinfos {
	position:relative;
	float:left;  
	margin: 0px; 
	margin-left: 10px; 
	text-align:left;
	padding: 0px;
	font: bold 0.9em/1em Verdana,Arial,Helvetica;
	color:#000000;
	display:block;
		border: 0px solid #0000ff;
	}
div#piedinfos img {
	position:relative;
	float:left;  
	margin: 0px; 
	margin-left: 5px; 
	padding: 0px;
	display:block;
	}		
div#piedversion {
	position:relative; 
	float:right;  
	margin: 0px; 
	margin-right:10px;
	text-align:left;
	padding: 0px;
	width: 50px;
	height: auto;
	display:block;
		border: 0px #0000ff solid;
	}
		
div#piedversion ul {
	position:relative; 
	float:right;  
	margin: 0px; 
	text-align:left;
	padding: 0px;
	width: 50px;
	display:block;
	border: 0px solid #ffff00;	
	}
	
div#piedversion ul li {
	margin: 0px; 
	padding: 0px;
	padding-bottom:5px;
	display:block;
	}
/******************************************
	PAGE TYPE 550 - article Album avec vignettes
******************************************/	
		
div#vignettesmenu ul {
	position:relative; 
	float:left;
	margin: 0px;
	padding: 0px;
	width:auto;
	height:auto;	
	border: 2px solid #F7F999;
	background : #ffffff;
	border: 0px solid #FF0000;
	}
div#vignettesmenu ul li {
	margin: 0px;
	margin-left:10px; 
	padding: 5px;
	width:auto;
	height:auto;	
	display:inline;
	background : #CC6633;
	border: 2px solid #F7F999;
	}
div#albummedia {
	position:relative;
	float:left;
	margin: 0px 0px 8px;
	padding: 0px;
	width:100%;
	height:auto;	
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: medium ;
	color: #000000;
	text-align: justify;
	line-height: 1em;
	border: 0px solid #F7F999;
	background : #ffffff;
	}	
	
div#menuvign {
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	width:15%;
	height:auto;	
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: medium ;
	color: #000000;
	text-align: justify;
	line-height: 1em;
	border: 0px #F7F999 solid;
	background : #ffffff;
	}

div#menuvign ul li {
	display:block;
	list-style: none;
	}
	
	
div#photo { 
	position:relative;
	float:left;
 margin-left:60px;
 height: auto;
 width: 60%;
 padding: 5px;
	border: 0px #F7F999 solid;

 }