body {
	  	border: 0pt none;
		margin-top:10px;
	  	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 :transparent;	
	}

	
	#cadre_site {
		position:inherit;
		z-index: 2 ;
		margin-top:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
  		margin-left:auto;
  		margin-right:auto;
		margin-bottom:10px;
		text-align: left; /* pour corriger le bug de centrage IE */
		width:800px;
		/* height:991px; */
		background-image: url('fond_cadre_site.png');
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none; /* cadre par défaut IGSW */
	}
		
	div#barre_defile_haut {
		width: 800px;
		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 {
		position:inherit;	
		width : 800px ;
		margin:0;
		height:80px;
		margin-bottom:4px;
		padding-right:0px;
		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 {
		position:inherit;	
		width : 800px ;
		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;	
	}



	.menu_titre {
		width: 175px;
		float: inherit;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #000000;
		font-weight: bold;
		padding-left:10px;
		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 : 10pt;
		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 {
		float: none;
		padding-left: 15px;
		margin-left: 0px;
		font-size: 12px;
		font-weight:normal;
		text-decoration: none;
		cursor: pointer;
	}

	.menu_milieu ul li i {   /*********************************/
		color: #306BD1;
	}
	.menu_milieu ul li a:hover i {   /*********************************/
		color: #ffffff;
	}

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

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

	.menu_milieu ul li.mfocus a {
		display: block;
		font-size: 12px;
		text-align:right;
		font-weight: bold;
		color: #306BD1;
	}

	.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 : 18px;
		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;
		float:inherit;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 10pt;
		color : #000000;
		font-weight : bold;
		text-align : center;
		line-height : 11px;
		margin-bottom:16px;
		background-image : url('bg-bas-menu.png');
	}


	div#page_corps{
		position:inherit;	
		float:inherit;
		height:auto;
		border-width:0px; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}
	
	.page_infos {
		z-index: 5 ;
	    overflow:auto; 
		overflow-x:hidden; 
		height:auto;		
  		color:#000000;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}

	div#page_accueil {
		position:relative;	
		z-index: 4 ;
		margin-top:5px;
		margin-bottom:10px;
	    padding: 5px;
		height:auto;		
		background-color:transparent;
		text-align: left; /* pour corriger le bug de centrage IE */
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none; /* cadre par défaut  */
		border-color:#ffffff; /* cadre par défaut  */
	}
	
	
	
	.principal_gauche {
		position:relative;	
		float:left;
		width: 580px;	/*	height:685px; */
		height:auto;			
		margin-left: 3px;
		margin-right: 0px;
	}

	.principal_droit {
		position:relative;	
		float:right;
		width: 580px;	/*	height:685px; */
		margin-left : 0px;
		margin-right : 0px;
	}

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

	.texte_page {
		position:relative;		
		margin-top:30px;
		margin-left:10px;  
	/*	overflow:auto; */
	/*	overflow-x:hidden;	 existe en CSS 3 et pas en 2.1 */	
		width:98% ;
		height:auto;			
	/*	height:430px ; */
	}

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


	.menu_gauche {
		position:relative;	
		z-index: 4 ;
		float:left;
		margin-top:5px;
		margin-bottom:10px;
		margin-left : 0px;
		margin-right : 0px;
		width : 185px ;	
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:none;
	}	

	.menu_droit {
		position:relative;	
		z-index: 4 ;
		float:right;
		margin-top:5px;
		margin-bottom:10px;
		margin-left: 3px;
		margin-right: 0px;
		text-align: right;
		width : 185px ;	
		background-color:transparent;	
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		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: 800px;
		padding-top: 0px;
		margin-left:0px;
		margin-right:0px;
		height: 95px; 
		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;
	}

	div#barre_vide {
		clear:both;
		width : 810px;
		padding-top:10px;
		height : 1px;
		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-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: 810px;
		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 {
	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;
	}
	
	#menu {
		z-index:100;
		margin-left: 0px;
		padding-right:0px;
		width : 800px ;	
		font-size: 14px;
		background-color:transparent;
		border-width:0pt; /* utile pour des tests de mise en page , Pb compatible avec IE7 */
		border-style:solid;
	}
	#menu dl {
		list-style:none;
		margin: 0; 
		padding-top:10px;
		/* height:100% ; */
 		padding-left : 10px ;
		float: left;

	}
	#menu dt {
		cursor: pointer;
		padding-left:20px;
		height:100% ;
		text-align: center;
		font-weight : normal;
	}
	#menu dd {
	z-index: 200;
	position: absolute;
	display: none;
	border: 1px solid #000000;
	float: left;
	margin-top: -2px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #ccccff;
	background: blue;
	cursor: pointer;
}
	#menu li {
		height:100% ;
		text-align: left;
		background: transparent;
	}
	#menu li a, #menu dl dt {
		color: #ccccff;
		padding-top:0;
		height:100% ;
		text-decoration: none;
		display: block;
		border: 0 none;
		
	}
	
	#menu dl dt a{
	
		padding-top:0px;
		margin:0;
		color: #8c8cff;
		height:100% ;
		
	}
	#menu li a:hover, #menu li a:focus, #menu dt a:hover {
	font-weight: normal;
	
	text-decoration: none;
	color: #000000;
	cursor: pointer;

}
	#menu dl dt.mfocus a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;

}
	







	.fond {
		text-align : left;
		background-color : #ffffff;
	}



.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 : #000000;
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;
}


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 : #000000;
	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 : #000000;
	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 : #076793;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}
a:hover {
	color : #77aadd;
	text-decoration : none;
	font-size : 10pt;
}

.a-blanc {
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	font-size : 10pt;
}
.a-blanc:hover {
	color : #000000;
	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: 800px;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		margin-top:10px;
		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 {
		list-style:none;
		font-size: 10px;
		text-align: center;
		padding-top:10px;
 		padding-left : 10px ;
		float: left;
		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: 10px;		
		height:100% ;
		text-align: center;
		font-weight : normal;
	}

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


	#menu_bas li {
		text-align: left;
		background: transparent;
	}

	#menu_bas li a, #menu_bas dl dt {
		padding-top:0;
		height:100% ;
		text-decoration: none;
		display: block;
		border-width : 0px;
		border-style: none;
	}


	#menu_bas li a:hover, #menu_bas li a:focus, #menu_bas dt a:hover {
		font-weight: normal;
		text-decoration: none;
		color: #000000;
		cursor: pointer;
	}