/* CSS Document */
html, body {
	text-align: center; /* Alignement horizontal dans Internet Explorer */
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	background: #ccc url(../images/graphisme/background.jpg) repeat top left;
	_background:#ccc;
}
#conteneur {
	width:855px;
	height:auto;
/*	background:url(../images/background.jpg) repeat-y center center; */
	padding:5px 0;
	margin:5px auto;
	position:relative;	
}
#top {
	width:855px;
	height:298px;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	background:url(../images/graphisme/header.png) no-repeat top left;
	}
#frame img {
	margin:0;
	padding:0;
	float:right;
	clear:both;
}
#frame {
	margin:0 0 0 2px;
	padding:0;
	width:850px;
	height:178px;
	/*
	background: url(../images/contenu_back2.png) repeat-y top left;

		/* la première ligne applique le background à la classe content pour tous les navigateurs.
	La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
	La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.*/


	/*_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/contenu_back2.png');*/
	}
#header{
	width:855px;
	height:90px;
	margin:0;
	padding:0;
	display:block;
	position:relative;
		/* la première ligne applique le background à la classe content pour tous les navigateurs.
	La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
	La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.*/
		

	/*_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/header.png');*/
	/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
	}
#logo{
	width:360px;
	height:75px;
	position:absolute;
	top:5px;
	right:10px;
	display:block;
	}
/******************************************** menu principal */
#menu, #menugb {
	margin:0 auto;
	padding:0;
	width:855px;
	height:30px;
	background:url(../images/graphisme/menu.png) no-repeat top left;
	clear:both;
	display:block;
	/*border:1px red solid;*/

	/* la première ligne applique le background à la classe content pour tous les navigateurs.
	La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
	La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.*/
		

	/*_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/menu.png');*/
	/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
}
#menu ul, #menugb ul {

	margin:0 auto;
	padding:0 0 0 0;
	list-style-type:none;
	display:block;
	width:792px;
	}
#menu ul li, #menugb ul li {
	position:relative;
	z-index:400;
	float:left;
	margin:0;
	padding:0;
	}
#menu ul li a{
	padding:8px 24px;
	margin:0;
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	border-left:1px solid #333333;
	/*_width:1%;  hack seulement IE6 */
	}
#menugb ul li a{
	padding:8px 22px;
	margin:0;
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	border-left:1px solid #333333;
	/*_width:1%;  hack seulement IE6 */
	}
.border-right{
	border-right:1px solid #333333;
	}
#menu ul li a:hover{
	padding:8px 24px;
	margin:0;
	display:block;
	background:url(../images/graphisme/menu_hover.gif) repeat-x top left;
	}
#menugb ul li a:hover{
	padding:8px 22px;
	margin:0;
	display:block;
	background:url(../images/graphisme/menu_hover.gif) repeat-x top left;
	}
/********************************************menu secondaire*/
#menu ul ul li a{
	background:#666;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px 0 5px 30px;
	margin:0;
	width:85px;
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:left;
	}
#menu ul ul li a:hover{
	padding:5px 0 5px 30px;
	margin:0;
	width:85px;
	display:block;
	background:#CC0000;
	}
#menu ul ul {
	position:absolute;
	top:30px;
	left:0;
	display:none;
	padding:0;
	margin:0;
	list-style-type:none;
	}
#menu ul ul li{
	clear:both;
	margin:0;
	padding:0;
	display:block;
}
#menu ul ul li:hover{
	display:block;
}
#menu ul ul li:hover a{
	display:block;
	}
#menu ul.nav1 li:hover ul.nav2 {
	display:block;
	}

.menuclique {
	background:url(../images/graphisme/menu_hover.gif) repeat-x top left;
	}
.border-right-click{
	border-right:1px solid #333333;
	background:url(../images/graphisme/menu_hover.gif) repeat-x top left;
	}
/********************************************menu gauche*/

#gauche ul {
	margin:0 auto;
	padding:0 0 10px 0;
	width:200px;
	list-style-type:none;
	background:url(../images/graphisme/menu.png) no-repeat top center;
	clear:both;
	display:block;
	}
#gauche ul li a{
	padding:8px 20px;
	margin:0;
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	/*_width:1%;  hack seulement IE6 */
	}
#gauche ul li a:hover{
	padding:8px 20px;
	margin:0;
	display:block;
	background:url(../images/graphisme/menu_hover.gif) repeat-x top left;

	}
#gauche ul li {
	margin:0;
	padding:0;
		display:block;
	}
#flag{
	position:absolute;
	right:0;
	top:8px;	
	padding:0;
	display:block;
	font-size:11px;
}
#flag a{
	font-size:10px;
}
/******************************************** liens */
a {
	color:#000;
	text-decoration:none;
	}
a:hover {
	color:#FF0000;
	}
	

/******************************************** blocs contenu */
#contenugauche {
	float:left;
	width:235px;
	/*border:1px solid red;*/
}

/* menu fixe dans la page (a utiliser si menu visible avec resolution standart)
html>body #gauche {
position: fixed;
}
html>body #centre {
margin-left:190px;
}
*/


#contenu {
	width:855px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
	text-align:left;
	background:url(../images/graphisme/contenu_back.png) no-repeat bottom left;
	_background:url(../images/graphisme/contenu_back_ie6.gif) no-repeat bottom left;
	/* la première ligne applique le background à la classe content pour tous les navigateurs.
	La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
	La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.*/
		

	/*_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/contenu_back.png');*/
	/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */

	/*border:1px solid red;*/
}

#gauche {
	padding:30px 0 30px 35px;
	/*border:1px solid red;*/
	/*float:left;*/
	/*position:relative;  la pos absolute du masque se cale d'aprés ce bloc grâce à "relative" */
	}
#centre {
	text-align:left;
	width:550px;
	padding:0;
	margin:0 0 0 30px;
	/*padding:25px 0 0 0;*/
	float:left;
	/*border:1px solid red;*/
}
#centre ul, #centre_2 ul{
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 15px 10px 15px;
	padding:10px 10px 10px 25px;
	list-style-type: square;

	/*border:1px solid #ccc;
	background:url(../images/motif-transparent.png) repeat top left;*/
	}
#centre ul li, #centre_2 ul li {
	color:#CC0000;
	}
#centre ul li p, #centre_2 ul li p{
	color:#333333;
	margin:0;
	padding:0;
	}
.majimages{
	margin-bottom:25px;
	clear:both;
	display:block;
	width:200px;
	height:140px;
	}
img{
	border:none;
	}

/********************************************pages sans photos(mentions, plan)*/
#centre_2 {
	text-align:left;
	width:785px;
	padding:0;
	padding:0 0 0 35px;
	/*padding:25px 0 0 0;*/
	float:left;
	}
.left {
	float:left;
	clear:left;
	}
.right{
	float:right;
	clear:right;
	padding-right:100px;
	}
/******************************************** pied de page */
#bottom {
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	clear:both;
	}
#bottom p {
	padding:65px 0 0 35px;
	text-align:center;
	margin:0;
	}
.baseline{
	font-size:9px;
	color: #FFE8C4;
	}
#bottom p a {
	color: #FFE8C4;
	}
/******************************************** styles */
h1{
	margin:30px 0 15px 0;
	padding:5px 0 5px 0;
	border-bottom:1px solid #CC0000;
	border-top:1px solid #CC0000;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight: 500;
	clear:both;
	position:relative;
}


h2, h3, h4, h5, h6, .htitre {
	margin:20px 0 0 0;
	padding:0;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight: 600;
	clear:both;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .htitre a {
	color:#CC0000;
	}
#centre table td {
	padding: 3px;
	background:#eee;
	border:2px solid #FFF;
	}
#centre table{
	border-collapse:collapse;
	}
p, #centre table {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin:5px 0 10px 0;
	}
.strongred{
	font-weight:bold;
	color:#CC0000;
	}
/****************************************video*/
#video{
	width:420px;
	height:320px;
	margin:0 auto;
	}