<!--

html, body {
	height: 100%;
	margin: 0;
	font: 100% "Verdana", sans-serif;
	background: url(../objets_index/fond_hiver.png) repeat-x;
	background-color:#FFFFFF;
}

div#cadre {
	margin-left:auto; margin-right:auto;
	min-height: 100%; width:920px;
	position:relative;
	border:0;
	-moz-box-shadow: 0px 0px 10px #737373;
	-webkit-box-shadow: 0px 0px 10px #737373;
	box-shadow: 0px 0px 10px #737373; 
	background-color:#FFFFFF;
	/*Animation fadein*/
	animation-duration: 2s;	animation-name: fadein;	animation-iteration-count:1;
	-moz-animation-duration: 2s; -moz-animation-name: fadein; -moz-animation-iteration-count: 1;
	-webkit-animation-duration: 2s;	-webkit-animation-name:fadein; -webkit-animation-iteration-count: 1;
	-o-animation-duration: 2s;	-o-animation-name:fadein; -o-animation-iteration-count: 1;
	-ms-animation-duration: 2s;	-ms-animation-name:fadein; -ms-animation-iteration-count: 1;
}

/*Configuration de l'animation FadeIn du menu*/
@-webkit-keyframes fadein {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadein {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadein {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadein {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadein {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
/**************/

div#cadre #cadre-infos-membre-connecte{
	margin-left:auto; margin-right:auto;
	width: 100%; height:33px;
	padding-top:7px;
	font-size:70%;
	background: url(../objets_index/fond-barre-mymap.png) repeat-x;
}

div#cadre #cadre-infos-membre-connecte #gauche{
	float:left;
	margin-left:20px;
	width:250px;
	/*background-color:#00FF00;*/
}

div#cadre #cadre-infos-membre-connecte #milieu{
	float:left;
	width:400px;
	/*background-color:#FF0000;*/
}

div#cadre #cadre-infos-membre-connecte #milieu a:link{
	text-decoration: none;
	color:#000000;
}

div#cadre #cadre-infos-membre-connecte #milieu a:visited{
	text-decoration: none;
	color:#000000;
}

div#cadre #cadre-infos-membre-connecte #milieu a:hover{
	text-decoration: none;
	color:#950001;
}

div#cadre #cadre-infos-membre-connecte #droit{
	float:left;
	margin-left:150px;
	width:80px;
	/*background-color:#0000FF;*/
}

div#cadre #cadre-infos-membre-connecte #droit a:link{
	text-decoration: none;
	color:#950001;
}

div#cadre #cadre-infos-membre-connecte #droit a:visited{
	text-decoration: none;
	color:#950001;
}

div#cadre #cadre-infos-membre-connecte #droit a:hover{
	text-decoration: none;
	color:#000000;
}

div#cadre #high {
	margin-left:auto; margin-right:auto;
	padding-top:20px;
	width:900px; height:33px;
}

div#cadre #high #logo_map{
	float:left;
	height:33px; width:286px;
}

div#cadre #high #menu-bas{
	float:left;
	margin-left:364px; padding-top:3px;
	height:30px; width:250px;
	font-size:90%;
	/*background-color:#0000FF;*/
}

div#cadre #high #menu-bas li{
	float:left;
	color: #000000;
	list-style-type: none;
}

div#cadre #high #menu-bas li a{
	display: block;
	color: #000000;
	text-align: center;
	height:24px;
	padding-top:6px;
	margin-left:32px; /*padding-right:15px;*/
}

div#cadre #high #menu-bas li a:link, div#cadre #high #menu-bas li a:visited{
	text-decoration: none;
	color:#000000;
}

div#cadre #high #menu-bas li a:hover{
	/*background: url(../objets_index/bouton_menu_hover_hiver.png) center repeat-x;*/
	color:#950001;
}

div#cadre #menu{
	margin-left:auto; margin-right:auto;
	margin-top:-20px;
	height:34px; width:900px;
	background-color:#000000;
	clear:both;
}

div#cadre #menu #navigation{
	margin-left:0px;
	padding:0;
	list-style:0;
	font-family:monofonto;
}

div#cadre #menu #navigation li{
	float: left;
	list-style-type: none;
}

div#cadre #menu #navigation li a{
	display: block;
	text-align: center;
	height:30px;
	padding-top:4px;
	padding-left:17px; padding-right:16px;
	font-size:110%;
	color:#FFFFFF;
}

div#cadre #menu #navigation li a:link, div#cadre #menu #navigation li a:visited{
	text-decoration: none;
}

div#cadre #menu #navigation li a:hover{
	text-decoration: none;
	background-color:#b7b7b7;
}

/*SOUS MENU*/

div#cadre #menu ul li #sous_navigation /* Sous-listes */{
	position:absolute; /* Position absolue */
	width:144px; /* Largeur des sous-listes */
	left:-999em; /* Hop, on envoie loin du champ de vision */
}
/*
html>body #menu li ul li                
{
        border-top : 1px solid transparent;
}
*/
div#cadre #menu ul li #sous_navigation li /* Éléments de sous-listes */{
	float: left;
	/*width:183px;*/ width:240px; margin-left:-40px;
	margin-bottom:-1px;
	background-color:#f1f1f1;
	border:1px solid #dbdbdb;
}

div#cadre #menu ul li #sous_navigation li a{
	display: block;
	height:28px;
	padding-top:2px;
	color:#000000;
}

div#cadre #menu ul li #sous_navigation li a:hover{
	text-decoration: none;
	background-color:#b7b7b7;
	color:#000000;
}

div#cadre #menu #navigation li a:link, div#cadre #menu #navigation li a:visited{
	text-decoration: none;
}

div#cadre #menu ul li:hover #sous_navigation, div#cadre #menu ul li.sfhover #sous_navigation  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}

div#cadre #lien-cahier-des-charges{
	margin-left:670px; padding-top:6px;
	height:27px; width:230px;
	font-size:90%;
	color:#950001;
}

div#cadre #lien-cahier-des-charges a:link{
	text-decoration: none;
	color:#950001;
}

div#cadre #lien-cahier-des-charges a:visited{
	text-decoration: none;
	color:#950001;
}

div#cadre #lien-cahier-des-charges a:hover{
	text-decoration: none;
	color:#000000;
}

/***************************/

div#cadre #center {
	margin-left:auto; margin-right:auto;
	margin-top:10px; padding-bottom:20px;
	width:900px; min-height:600px;
	/*border-top:1px solid #b41800;*/
	/*background: url(../objets_index/background_automne.png) repeat-y;*/
}

div#cadre #center #contenu{
	margin-left:auto; margin-right:auto;
	width: 900px; background-color:#FFFFFF;
	font-size:70%;
	clear:both;
}

div#cadre #center #contenu #titre{
	height:34px; width: 900px;
	margin-bottom:10px;
	border-bottom:1px solid #000000;
}

div#cadre #center #contenu #titre .contenu-titre{
	width: 250px; height: 29px;
	text-align:center;
	padding-top:5px;
	color:#FFFFFF;
	font-size:170%;
	background-color:#000000;
	border-bottom:1px solid #000000;
	/**Javascript dans entete.php**/ font-family:monofonto;
}

div#cadre #center #contenu .titre a:link{
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
}

div#cadre #center #contenu .titre a:visited{
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
}

div#cadre #center #contenu .titre a:hover{
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
}

div#cadre #center #contenu #cadre_gauche{
	float:left;
	width:740px;
}
/*
div#cadre #center #contenu #cadre_gauche a:link{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}

div#cadre #center #contenu #cadre_gauche a:visited{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}

div#cadre #center #contenu #cadre_gauche a:hover{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}
*/
div#cadre #center #contenu #cadre_droit{
	float:left;
	width:150px;
	margin-left:10px; margin-top:20px;
	/*background-color:#CCCCCC;*/
}

div#cadre #low {
	margin-left:auto; margin-right:auto;
	width:920px; height:60px;
	padding-top:20px; padding-bottom:20px;
	bottom:0;
	font-size:70%;
	text-align:justify;
	overflow: hidden;
	text-align:center;
	/*background-color:#e2e2e2;*/
	background: url(../objets_index/fond-pied.png) repeat-x;
	color:#000000;
}

div#cadre #low #pied_gauche{
	width:439px; height:60px;
	padding-right:10px;
	float:left;
	text-align:right;
	border-right:1px solid #000000;
}

div#cadre #low #pied_droit{
	margin-left:auto; margin-right:auto;
	padding-left:10px; padding-top:15px;
	width:440px; height:45px;
	float:left;
	text-align:left;
}

div#cadre #low #pied_droit #xiti-logo{
	float:left;
	padding-top:5px;
	width:100px;
}

div#cadre #low #pied_droit .css-xhtml-logo{
	float:left;
	width:32px;
	padding-right:20px;
}

div#cadre #low p{
	margin:2px;
}

div#cadre #low #pied_gauche a:link{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}

div#cadre #low #pied_gauche a:visited{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}

div#cadre #low #pied_gauche a:hover{
	text-decoration: none;
	color:#000000;
	border-bottom:1px dashed #000000;
}