/* CSS Document */
body{
	background-color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:50px;
}

div#format_page{
	width:800px;
	height:600px;
	margin:20px auto;    /* Permet de centrer le site */
	background-color:#ffffff;
}

div#placelogo{
	float: left;
}

div#entete{
	/*background-color:#FF9900; */
	height:24px;
	width:578px;
	margin-top:45px;
	float:right;
}

ul#contenub{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	border-left:2px dotted #000000;
	height:24px;	
}

ul#contenub li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;                        /* Il est preferable de ne pas utiliser la fonction display:inline dans ce cas precis car cela bloque le texte. Il faut mettre float:left. */
	border-left:2px dotted #000000;
	height:18px;
	padding:3px 25px 3px 25px;
	/*background-color:#009;*/	
}

ul#contenub li a{
	font-size:11px;
	text-decoration:none;
	color:#666666;
}

ul#contenub li a:hover{
	color:#b31b34;      
}


	 
div#contenu{
	float:left;
	width:200px;	
	height:364px;               /* Permet a la colonne de se prolonger */             /*avant 380px */
	list-style-type:none;
	clear:both;	
	margin:20px 0px 0px 0px;  /* Permet de creer de la distance avec l'entete */
	padding:0px;
	/*background-color:#66CCFF;*/
}



/* Slide Vertical */
div.espace_vignette_vertical{  /* Espace du diaporama */
	width:200px;
	height:195px;
	overflow:hidden;
	float:left;
	position:relative;
}

div.navigation{
	width:30px;
	margin:0px 0px 0px 10px;  /* Pourquoi 10px ? */
	float:right;
}

div.support_vertical{  /* Contient toutes les images */
	width:auto;
	white-space:nowrap;
	position:absolute;
	left:0px;
	top:0px;
	float:left;
}

img.arrow{
	margin:5px 0px 135px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	}

div.support_vertical ul {
	width:auto;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:none;
}

div.support_vertical ul li {
	padding: 0px 0px 0px 0px;	/* Ne pas mettre de padding left ou right */
	margin: 0px 0px 0px 0px;	/* Ne pas mettre de margin left ou right */
	line-height:0px;
}

div.support_vertical ul li img {
	padding: 0px 0px 0px 0px;	/* Ne pas mettre de padding left ou right */
	margin: 0px 3px 3px 0px;	/* Ne pas mettre de margin left ou right */
	border-width:0px;			/* Ne pas mettre de width */
	border-style:solid;
	line-height:0px;
	border-color:#fff;
}




/*  Concerne le MENU de gauche   */
a.titremenu{
	display:block;				/* Affiche une boite */
	margin:0px 0px 5px 10px;		/* Cree la distance entre les boites  */
	text-decoration:none;
	color:#666666;
	border:1px dotted #afb5b8;
	width:100%;
	padding:3px 0px 3px 0px;				/* Distance entre la bordure et le texte */
	text-align:center;
	font-size:12px;
}


a.titremenu:hover{
	color:#b31b34;  
	border:1px dotted #666;    
}


.sous-menu{						/* CE QUI S'OUVRE  */
	display:block;
	margin:5px 0px 3px 10px;       /* deplace toutes les vignettes*/
	padding:0px 0px 0px 0px;
	/*overflow:auto;*/
}

a.subvignette{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	border:none;
	width:50px;
}
a.subvignette img{
	margin:0px 5px 5px 0px;                              /* margin:right et margin:bottom espace entre les subvignettes */
	padding:0px 0px 0px 0px;
	border:none;
	float:left;
}

a.subvignette:hover img{
	border:none;
}

.content_hide{
	display:none;
}




div.texte{
	width:100%; 
	height:50px;
	font-size:10px;
	background-color:#eee;
}


div#contenu_diapo{
	width:222px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#C60;*/
	position:absolute;
	top:462px;
}

h1{
	margin:0px 48px 0px 0px;
	padding:10px 0px 0px 0px;
	float:right;
}

h1 a {
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#666666;
    float:left
}

h1 a:hover{
	color:#b31b34; 
	
}

p a {
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#666666;
}

p a:hover{
	color:#b31b34; 
	
}


div#contenu2{
	width:552px;
	float:right;
	height:380px;
	margin-right:24px;
	padding:0px;
	border-top:2px dotted #000000;
	border-left:2px dotted #000000;
	
}

div#contenu3{
	width:552px;
	height:380px;
	margin-top:16px;
	margin-left:20px;
	padding:0px;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#666666;
}
div#contenu3 i{
	font-size:10px;
}
div#contenu3 a {
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}
div#contenu3 a:hover{
	color:#b31b34; 
	
}
div#contenu3 form{
	font-size:12px;
}
div#contenu3-erreur{
	display:inline;
	font-size:12px;
	color:#D70000;
}
img.image{
	padding:0px 0px 0px 0px;
	margin:16px 24px 0px 20px;
}
img.invisible{
	display:none;
}


div#legende{
	width:506px;
	padding:0px 0px 0px 0px;
	margin:0px 24px 0px 20px;
	color:#afb5b8;
	font-size:9px;
}

div#legende_txt{
	width:406px;
	float:left;
}

div#legende_maj{
	width:100px;
	float:right;
	text-align:right;
}


ul#copyrightsimage li{
	font-size:9px;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#afb5b8;
	display:inline;
	width:504px;
	border:1px solid #aaa;
	
}
	

div#pieda{
	width:198px;
	height:145px;
	margin-left:24px;
	float:left;
	border-top:2px dotted #000000;
	clear:both;
	/*background-color:#33FF00;*/
}


p{
	color:#666666;
	font-size:10px;
	margin:23px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

div#piedb{
	width:552px;
	height:116px;
	margin-bottom:29px;
	margin-right:24px;
	float:right;
	border-top:2px dotted #000000;
	border-left:2px dotted #000000;
	/*background-color:#063;*/
}

img.fleche{
	float:left;
	margin-top:50px;
	cursor:pointer;
}


/*  Slide Show  */

div.espace_vignette{  /* Espace du diaporama */
	height:65px;
	width:510px;
	overflow:hidden;
	float:left;
	position:relative;
	margin:28px 0px 0px 0px;
}

div.support{  /* Contient toutes les images */
	width:auto;
	white-space:nowrap;
	position:absolute;
	left:0px;
	top:0px;
	width:590px;
}

div.support ul {
	width:auto;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:none;
	
}

div.support ul li {
	display:inline;
	float:left;
	padding: 0px 0px 0px 0px;	/* Ne pas mettre de padding left ou right */
	margin: 0px 0px 0px 0px;	/* Ne pas mettre de margin left ou right */
}

div.support ul li img {
	padding: 0px 0px 0px 0px;	/* Ne pas mettre de padding left ou right */
	margin: 0px 5px 0px 0px;	/* Ne pas mettre de margin left ou right */
	border-width:0px;			/* Ne pas mettre de width */
	border-style:solid;
	border-color:#fff;
}


ul{
	font-size:14px;
	color:#666666;
	list-style-type:none;
}

ul.contenu li a:link{

}

ul.contenu li a:visited{

}

ul.contenu li a:hover{
	color:#9933FF;
}
	
/*	
div {
	border: 1px solid #FF00FF;
}
*/
		
div#copyrights_site{
	width:800px;
	height:23px;
	margin:20px auto;
	/*background-color:#F90;*/
	padding:5px 0px 0px 0px;
	clear:both;
}	 

h2{
	color:#666666;
	font-size:9px;
	margin:0px 9px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}



/* MENU COULISSANT*/	 
div.slider_content{  /* Espace du diaporama */
	width:180px;
	height:0px;
	position:relative;
	margin:0px 0px 10px 0px;
}

div.content_hide{
	display:none;
}

div.content_show{
	width:150px;
	margin:10px;
	position:absolute;
}