body {
	  	border: 0pt none;
		margin-top:20px;
	  	margin-left:auto;
	  	margin-right:auto;
	  	padding: 0pt;
	  	color:black;
		text-align: center; /* pour corriger le bug de centrage IE */
	  	background-repeat: no-repeat;
	  	background-attachment: fixed;
	  	background-position:center;
	  	font-family : Verdana, Arial, Helvetica, sans-serif;
	  	background-color :#cccccc;	
	}

	
	#cadre_site {
		z-index: 2 ;
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
  		margin-left:auto;
  		margin-right:auto;
		margin-bottom:0px;
		text-align: left; /* pour corriger le bug de centrage IE */
		width:820px;
		background-image: url('fond_cadre_site.png');		
		/* height:991px; */
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;	
	}
		
	div#barre_defile_haut {
		width: 820px;
		height: 30px;
		font-size: 12pt;
		color: red;
		font-weight: bolder;
		background-image: url('bg-1.png');
		background-color:transparent;
		border-width: 0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style: none;
		background: blue;
	}
	
	div#banniere {
		width : 820px ;
		margin:0;
		height:199px;
		padding-right:10px;
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}
	/* class permettant de mettre le menu admin dans la bannière */

	.banniere_inf {
		float:none;
		width : 820px ;
		margin:0;
		height:173px;
		padding-right:0px;
		padding-left:0px;
		background-image: url('banniere_inf.png');
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}

	.no_banniere_inf {
		float:none;	
		width : 820px ;
		margin:0;
		height:0px;
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:solid;
	}	

	/* class permettant de mettre le menu admin dans la bannière */
		/* respecter le top et la hauteur afin de mettre la div dans la bannière */
	div#pub_haut {
		margin-top:-80px;
		height:80px;	
	}

	div#menu_haut {
		position: relative;
		width: 820px;
		text-align: center; /* pour corriger le bug de centrage IE */
		margin: 0;
		height: 28px;
		padding-top: 10px;
		color: white;
		text-align: center;
		font-size: 10pt;
		border-width: 0px;
		background-image: url('bg-milieu.png');
		border-width: 0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style: none;
		background-color:transparent;
	}	



	.menu_titre {
		width: 180px;
		height:55px;
		float:inherit;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #404040;
		font-weight: bold;
		text-align: left;
		line-height: 24px;
		background-image: url('bg-haut-menu.png');
		border-width: 0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style: none;
	}

	.menu_milieu {
		width : 174px;
		/* text-transform:uppercase; */
		font-family : Verdana, Arial, Helvetica, sans-serif;
		float:inherit;
		padding-left :6px;
		padding-top:6px;
		margin:0;
		line-height : 24px;
		font-size: 10px;
		color : #306BD1;
		font-weight : normal;
		text-align:left;
		background-image : url('bg-milieu-menu.png');
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
    }

	.menu_milieu ul {
		list-style: none;
		margin: 0;
		padding-left: 0px;
		background-color:transparent;
	}

	.menu_milieu ul li {
		padding-left: 15px;
		margin-left: 0px;
		font-size: 10px;
		font-weight:normal;
		text-decoration: none;
		cursor: pointer;
	}

	.menu_milieu ul li i {   /*********************************/
		color: #306BD1;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
	}
	.menu_milieu ul li a:hover i {   /*********************************/
		color: #ffffff;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
	}

	.menu_milieu ul li a {
		display:block;
		padding: 0 ;
		margin-left:-5px;
		margin-right:10px;
		font-size: 10px;
		font-weight : normal;
		text-decoration: none;
		text-align:left;
		color: #7c0000;
		cursor:pointer;
	background-color:transparent;
	}

	.menu_milieu ul li a:hover {
		color: #306BD1;
		cursor: pointer;
		text-align:left;
		text-decoration:none;
		font-size: 10px;
		font-weight: normal;
	}
	
	.menu_milieu  ul li.mfocus  {   
		font-size: 10px;
		font-weight:normal;
	}

	.menu_milieu ul li.mfocus a {
		display: block;
		font-size: 10px;
		text-align:left;
		font-weight: bold;
		color: #7f0000;
	}

	.menu_milieu a {
		font-size: 10px;
		text-align:center;
		font-weight: normal;
		color: #306BD1;
	}
	.menu_milieu a:hover {
		font-size: 10px;
		text-align:center;
		text-decoration:underline;
		font-weight: normal;
		color: #306BD1;
	}

	.menu_milieu p {
		line-height : 14px;
		font-size: 10px;
		text-align:center;
		font-weight: normal;
		color: #606060;
	}

	.menu_separateur {
		width : 180px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		float:inherit;
		padding-left :0px;
		padding-right :0px;
		margin:0;
		font-size : 10pt;
		color : #000000;
		font-weight : bold;
		text-align : left;
		background-image : url('bg-separateur-menu.png');
    }	

	.menu_bas {
		width : 180px;
		height: 15px ;
		float:inherit;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 10pt;
		color : #ffffff;
		font-weight : bold;
		text-align : center;
		line-height : 15px;
		margin-bottom:0px;
		background-image : url('bg-bas-menu.png');
	}


	/* ---- ajouté pour faire du scroll sur corp de texte avec toujours le titre en haut */
	/* ---- ajouté pour faire du scroll sur corp de texte avec toujours le titre en haut */
	div#page_infos {
		margin-top:0px;
		margin-bottom:0px;
		z-index: 5 ;
		overflow:auto; 
		overflow-x:hidden; 
  		color:#000000;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}
	div#page_corps{
		position:relative;
		margin-top:-16px;
		margin-bottom:0px;
		float:left;
		height:auto;	
		padding-left: 0px;		
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}
	
	div#page_accueil {
		z-index: 4 ;
		margin-top:0px;
		margin-bottom:0px;
	    padding: 0px;
		background-color:transparent;
		text-align: left; /* pour corriger le bug de centrage IE */
	}
	
	.principal_gauche {
		float:left;
		width: 520px;	/*	height:685px; */
		margin-left: 55px;
		margin-right: 0px;
		border-width:0pt; 
		border-style:none;		
	}

	.principal_droit {
		float:right;
		width: 490px;	/*	height:685px; */
		margin-left : 0px;
		margin-right : 30px;

	}

	.principal_centre {
		float:none;
		width:95%;
		padding-left:10px;
		padding-right:10px;
		margin-left: 10px;
		margin-right: 10px;
	}


	.texte_page {
		margin-top:30px;
		margin-left:10px;  
		/* width:98% ;*/
	}

	.titre_page {
		position:relative;
		text-transform:uppercase;
		font-family : Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin:0;
		width: 380px;
		color :#7c0000;
		font-weight : bold;
		text-align : left;
	}


	.menu_gauche {
		z-index: 4 ;
		float:left;
		margin-top:5px;
		margin-bottom:10px;
		margin-left : 60px;
		margin-right : 0px;
		width : 185px ;	
		background-color:transparent;
		border-width:0pt; 
		border-style:none;
	}	

	.menu_droit {
		z-index: 4 ;
		float:right;
		margin-top:5px;
		margin-bottom:10px;
		margin-left: 3px;
		margin-right:20px;
		text-align: right;
		width : 184px ;	
		background-color:transparent;	
		border-width:0pt; 
		border-style:none;
	}

/*
	menu_admin   : div cadre menu contenant les div icon_admin
	principal_admin : cadre de droite contenant les div admin_liste
	
*/
	div#barre_basse {
		clear: both;
		position:inherit;
		overflow:visible;
		width: 820px;
		padding-top: 0px;
		margin-left:0px;
		margin-right:0px;
		text-align: center;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #ffffff;
		font-weight: normal;
		background-color: transparent;
		border-color:#000000;
		border-width: 0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style: none;
	}

	.mention_menu_bas {
		position:relative;
		top:0;
		clear: both;
		width: 820px;
		height: 0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		text-align: center;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color:#4c4c4c;
		font-weight: normal;
		vertical-align: middle;
		background-color:transparent;
		border-width: 0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style: none;
	}

	.mention_menu_bas a {
		color:#7c0000;	
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
	}
	.mention_menu_bas a:hover {
		color:#000000;	
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
	}
/*
  menu horizontal avec gestion des onglets
  image de fond 'bg-milieu.png'

*/
	dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.dl_bouton_droit {
		float:right;
		text-align:right;
		height : 73px;
	}
	#menu div.dl_bouton_droit dl , .dl_bouton_droit dl dt, #menu_bas div.dl_bouton_droit dl , .dl_bouton_droit dl dt {
		width:20px;
		margin-left:0;
		padding-left:0;
		background-image :none;
	}
			
	#menu {
		position:relative;
		clear: both;
		width: 820px;
		margin-top:0px;
		margin-bottom:0px;
		padding-left:50px;
		margin-right:auto;
		text-align: center;
		color:#000000;
		font-size: 10px;
		background-color:transparent;
		background-repeat:no-repeat;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}


	#menu dl {
		float: left;
		list-style:none;
		font-size: 10px;
		text-align: center;
 		padding-top:20px;
		padding-left : 10px ;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}

	#menu dt {
		cursor: pointer;
		padding-left:20px;
		font-size: 16px;		
		text-align: center;
		font-weight : normal;
	}

	#menu dd {
		z-index: 200;
		position: absolute;
		display: none;
		border: 1px solid #000000;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
	}


	#menu li {
		color:#00ff00;
		text-align: left;
		background: transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;			
	}

	#menu_ li a, #menu dl dt a{
		color:#000000;
		font-size: 12px;
		padding-top:0;
		height:100% ;
		text-decoration: none;
		font-weight: normal;
		display: block;	
	}


	#menu li a:hover, #menu li a:focus, #menu dl dt a:hover {
		color:#7f0000;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
	}
	

	.fond {
		text-align : left;
	}



.lien_menu_module {
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}
.lien_menu_module:hover {
	color : #aa0707;
	text-decoration : none;
	font-size : 10pt;
}

.banniere_bas {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #ffffff;
	font-weight : normal;
	text-align : center;
}






h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13pt;
	color : #7E99CD;
	font-weight : normal;
	text-align : center;
	line-height : 40px;
	background-image : url('bg-milieu.png');
}


h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13pt;
	color : #093CA3;
	font-weight : bold;
	text-align : left;
	margin : 5pt;
}
h3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #093CA3;
	font-weight : bold;
	text-align : center;
}
h4 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13pt;
	color : #666666;
	font-weight : bold;
	text-align : left;
	margin : 5pt;
}

big {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #ffffff;
	font-weight : bold;
}

p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : normal;
	text-align : justify;
}
b {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : bold;
}
i {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #7c0000;
	font-weight : normal;
	text-align : center;
}
td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : normal;
	text-align : left;
}
th {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : normal;
	text-align : center;
}




.ligne_navigation {
	text-align : center;
	background-color : #aaaaaa;
}


.cadre_image {
   	border-width:2px;
  	border-color : #3333AA ;	
}



.bordure {
	text-align : left;
	background-color : #666666;
}
input, textarea, select {
	font-family : Verdana;
	font-size : 9pt;
	background-color : #eeeeee;
	border-color : #cecece;
	border-style : solid;
}

a {
	color : #7f0000;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}
a:hover {
	color : #77aadd;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}

.a-blanc {
	color : #ffffff;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}
.a-blanc:hover {
	color : #ffffff;
	text-decoration : none;
	font-size : 10pt;
}


/*  page spéciale sphénoramique   */
	.spheno_nav {
		overflow:scroll;
		overflow-x:hidden;
		height:340px ;
		width:120px;
		border-style:solid;
		border-color:#4B696F;
		border-width:2px;
	}
	
	.spheno_nav_img {
		border-color:#4B696F;
		border-width:4px;
		border-style:solid;
		width:90px;
	}
	
	.spheno_nav_img_focus {
		border-color:#00ffff;
		border-width:4px;
		border-style:solid;
		width:90px;
	}



/* module PUB haut , dans bannière (avec lien internet) */

.slide-show-h {
	position:relative;
	margin-top:-88px;
	padding-top:0px;
    padding-bottom:88px;
	left:100px;
	height:0px;	
	margin-left:0;
	margin-right:auto;
	text-align:center;
	background-color:transparent;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-h ul{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	width:470px;
	height:75px;
	overflow:hidden; 
}

.slide-show-h ul li{
	position:absolute;
	display:block;
	text-align:left;
	list-style-type:none;
	padding:0px;
	background-color:transparent;
}

.slide-show-h ul li a {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:left;
	text-decoration:none;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-h ul li a img{
	display:block;
	width:468px;   /* taille des images pub  */
	height:60px;   /* taille des images pub  */
	background-color:transparent;
}

.slide-show-h ul li img{
	display:block;
	background-color:transparent;
}



/* module PUB dynamique (avec lien internet) */
.slide-show-m {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:transparent;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-m ul{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	width:165px;
	height:175px;

	overflow:hidden; 
}

.slide-show-m ul li{
	position:absolute;
	display:block;
	text-align:left;
	list-style-type:none;
	padding:0px;
	background-color:transparent;
}

.slide-show-m ul li a {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:left;
	text-decoration:none;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-m ul li a img{
	width:165px;
	display:block;
	background-color:transparent;
}

.slide-show-m ul li img{
	width:165px;
	display:block;
	background-color:transparent;
}


/*  MODULE include/pub_slide_show  */


.slide-show-j {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:transparent;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-j ul{
	position:relative;
	display:block;
	padding-top:5px;
	margin-left:auto;
	margin-right:30px;
	text-align:left;
	padding:0px;
	width:705px;
	height:165px;
	 overflow:hidden; 
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

.slide-show-j ul li{
	position:absolute;
	display:block;
	text-align:left;
	list-style-type:none;
	padding-top:10px;
	padding-left:405px;
	background-color:transparent;
}

.slide-show-j ul li img{
	height:163px;
	display:block;
	background-color:transparent;
}


/* -------------------------------------------*/
/*          MODULE SLIDE SHOW                 */
/* -------------------------------------------*/
div#cadre_module_slideshow {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:transparent;

}

div#cadre_module_slideshow div{
	position:relative;
	display:block;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	overflow:hidden; 

}

div#cadre_module_slideshow div img{
	width:165px;
	display:block;
	border-width:1pt;
	border-style:solid;
}
/*  MODULE DYNAMIQUE   PROMOTION */


#slide-show-p {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:transparent;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

#slide-show-p ul{
	position:relative;
	display:block;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	width:175px;
	height:165px;
 	overflow:hidden; 
}

#slide-show-p ul li{
	position:absolute;
	display:block;
	text-align:left;
	text-decoration: none;
	list-style-type:none;
	padding:5px;
	background-color:transparent;
}

#slide-show-p ul li img{
	width:165px;
	display:block;
	background-color:transparent;
}


/*  MODULE DYNAMIQUE   NOUVEAUTE */

#slide-show-n {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:transparent;
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

#slide-show-n ul{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	width:175px;
	height:175px;
	 overflow:hidden; 
	border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
	border-style:none;
}

#slide-show-n ul li{
	position:absolute;
	display:block;
	text-align:center;
	text-decoration: none;
	list-style-type:none;
	padding:5px;
	background-color:transparent;
}

#slide-show-n ul li img{
	width:165px;
	display:block;
	background-color:transparent;
}

/*  MODULE DYNAMIQUE   RUBRIQUE */

 .div_image {
	background-color:transparent ; 	
	/* width:120px;*/
	/* height:100px; */
	text-align:center;
	overflow:hidden;
 }
 .div_image:hover{
 }

.div_image a img{
	width:70px;	
 }
 .div_image:hover a img{
	width:120px;	
 }



a img {
		border-style:none;	
		border-width:0pt;
		background-color:transparent;	
}
	#menu_bas {
		position:relative;
		clear: both;
		width: 820px;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		color:#000000;
		font-size: 10px;
		background-color:transparent;
		background-repeat:no-repeat;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}


	#menu_bas dl {
		float: left;
		list-style:none;
		font-size: 10px;
		text-align: center;
 		padding-top:27px;
		padding-left : 10px ;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}

	#menu_bas dt {
		cursor: pointer;
		padding-left:20px;
		font-size: 16px;		
		text-align: center;
		font-weight : normal;
	}

	#menu_bas dd {
		z-index: 200;
		position: absolute;
		display: none;
		border: 1px solid #000000;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
	}


	#menu_bas li {
		color:#00ff00;
		text-align: left;
		background: transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;			
	}

	#menu_bas li a, #menu_bas dl dt a{
		color:#000000;
		font-size: 12px;
		padding-top:0;
		height:100% ;
		text-decoration: none;
		font-weight: normal;
		display: block;	
	}


	#menu_bas li a:hover, #menu_bas li a:focus, #menu_bas dl dt a:hover {
		color:#7f0000;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
	}