/* CSS Document */
body {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:12px;
}
a {color :#3A80E5; text-decoration:none}
a:hover {text-decoration:underline}
img {border:none;vertical-align:middle}
img a {text-decoration:none;}
p {margin-top:7px;margin-bottom:7px;}
form {margin:0}
input,select {vertical-align:middle}
textarea {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
h1 {
	position:relative;
	top:-10px;
	margin-top:0;
	margin-bottom:0;
	height:40px;
	line-height:40px;
	border: 1px double #D2D2D2;
	background-color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	color:#797072;
	/*padding-left:20px;*/
	text-align:center;
	background-color:#E2EBE6;
}
h2 {
	font-size:18px;
	font-weight:normal;
	height:25px;
	margin-top:0px;
	margin-bottom:10px;
	color:#797072;
	font-style: italic;
}
h3 {
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin-top:0px;
	margin-bottom:0px;
	color:#797072;
	font-style: italic;
}
h4 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-top:0px;
	margin-bottom:0px;
	color:#000000;
}
#header {
	height:90px;
	background-color:#526D88;
	/*background-image:url(images/header.jpg);
	background-repeat: repeat-x;*/	
}
#bandeau{
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#logo{vertical-align:middle}
#drapeaux {padding-top:10px; text-align:right; width:155px; vertical-align:top; color:#CCCCCC; font-size:11px}
#drapeaux .trait { border-bottom:1px solid #CCCCCC}
#drapeaux  a:hover {border-bottom:1px solid #CCCCCC}
#recherche {color:#FFFFFF;}
#menu_horizontal1{
	margin-top:20px;
	margin-bottom:9px;
	margin-right:-2px;	
}
#menu_horizontal1 td {
	background-color:#232D32;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
	height:25px;
	/*border: 1px solid #666699;*/
}
#menu_horizontal1 td a{
	text-decoration:none;
	color:#CCCCCC;
	display:block;
}
#menu_horizontal1 td a:hover{color:#FFFFFF;display:block;}
#menu_horizontal1 .active {background-color:#526D88;color:#FFFFFF}
#corps {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	border-bottom: 1px solid #D2D2D2;
}
#aide_navigation{
	line-height:25px;
	color:#797072;
	font-size:11px;
}
#contenu {width:100%}
#contenu_gauche {
	width:200px;
	vertical-align:top;
}
#contenu_droite { vertical-align:top; padding:10px}
#footer {
	background-color: #526D88;
	margin-top:10px;
}
#footer_content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#footer_content td {vertical-align:top}
#footer_content .titre {
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	vertical-align:middle;
	height: 30px;
	width:33%;
}
#footer_content td a {
	padding-left:5px;
	text-decoration:none;
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
}
#footer_content td a:hover {text-decoration:underline}
#footer_content .echange_liens{ color:#CCCCCC;}
#footer_content .echange_liens a{font-size:11px; color:#CCCCCC;}
#footer #copyright {
	font-size:11px;
	color:#CCCCCC;
	padding-top:15px;
	padding-bottom:15px; 
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:18px;
}
#footer #copyright a {color:#FFFFFF;}
#menu_gauche{margin-bottom:15px;}
#menu_gauche td{
	width:200px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background-image: url(images/fond_menu_gauche2.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
}
#menu_gauche td a{
	text-decoration:none;
	display:block;
}
/* remplacé par onmouseover et onmouseout à cause IE6
/*#menu_gauche td a:hover{
	background-image: url(images/fond_menu_gauche.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	display:block;
	height:40px;
}*/
#menu_gauche .active {
	color:#FFFFFF;
	background-image: url(images/fond_menu_gauche.jpg);
	background-repeat: no-repeat;
}
#menu_gauche .active a{color:#FFFFFF;}
#menu_gauche .sep {background-image:none;height:15px;line-height:15px}
#menu_horizontal2 {width:790px;margin-right:-10px;}
#menu_horizontal2 a {
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#menu_horizontal2 .onglet {
	text-align:center;
	width:140px;
	height:32px;
	line-height:32px;
}
#menu_horizontal2 .nonactive {
	background-image: url(images/onglet_nonactive.jpg);
	background-repeat: no-repeat;
}
#menu_horizontal2 .active {
	background-image: url(images/onglet_active.jpg);
	background-repeat: no-repeat;
	color:#797072;
	font-weight:bold;
}
#menu_horizontal2 .onglet a:hover {
	display:block;
	background-image: url(images/onglet_active.jpg);
	background-repeat: no-repeat;
}
#menu_horizontal2 .action {
	font-weight:bold;
	color:#797072;
	border-bottom: 1px solid #C0C0C0;
	text-align:center;
	width:160px;
	height:32px;
}
#menu_horizontal2 .fin {border-bottom: 1px solid #C0C0C0;}
#principal {padding-top:10px; color:#797072;}
#profil {
	width:160px;
	margin-top:5px;
	background-color:#E2EBE6;
	border: 1px solid #D2D2D2;
	text-align:center;
	padding:10px;
	font-size:11px;
}
#profil img {background-color:#FFFFFF;margin:5px;}
#prompt {
	text-align:center;
	margin: 10px;
}
#original_map {
	height: 300px;
	width: 450px;
}
#clone_map {
	height: 300px;
	width: 450px;
	border: 5px solid #FFFFFF;
}
.centrer {margin-left:auto; margin-right:auto}
.petit {font-size:11px}
.xpetit {font-size:9px}
.noir {color:#000000}
.vert {color:#009900}
.rouge {color:#FF0000}
.gris {color:#797072}
.orange{color:#C74833;}
.cadre_simple {border: 1px double #D2D2D2; margin-right:-10px;padding:7px;margin-top:5px;margin-bottom:5px;}
.encadre {
	border: 1px solid #D2D2D2; 
	margin-right:-10px;
	padding:7px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#E2EBE6;
	font-weight:bold;
	}
.box_form {
	height:100%;
	background-color:#CCCCCC;
	padding:5px;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
} 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background-image: url(images/bubble.png);
	background-position: left top;
} 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png);
	background-position: bottom right;
}
.titre_tips {color: #9FD4FF; font-weight:bold;font-size: 11px;}
.bouton {
	cursor:pointer;
	color:#FFFFFF;
	background-image: url(images/fond_bouton.jpg);
	background-repeat: repeat-x;
	height: 25px;
	line-height:20px;
	border: 1px solid #009900;
	font-size: 12px;
	padding-bottom:5px;
}
.bouton:hover{background-image: url(images/fond_bouton_rev.jpg);background-repeat: repeat-x;}
.lien_bouton {
	cursor:pointer;
	color:#FFFFFF;
	background-image: url(images/fond_bouton.jpg);
	background-repeat: repeat-x;
	height: 25px;
	line-height:25px;
	border: 1px solid #009900;
	font-size: 12px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold
}
a:hover .lien_bouton{
	background-image: url(images/fond_bouton_rev.jpg);
	background-repeat: repeat-x;
	text-decoration:none;
	}
.separateur {
	height:1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C0C0C0;
}
.important {font-size:16px;font-weight:bold}
.cadre_photo{	
	background-color:#E2EBE6;
	border:1px solid #D2D2D2;
	padding:5px;
}
a .cadre_photo:hover {background-color:#526D88;}
.cadre_photo_selected{	
	background-color:#526D88;
	border:1px solid #D2D2D2;
	padding:5px;
}
.toggle a:hover {text-decoration:none}
.invisible {display:none}
.barre {
	width:200px;
	color:#000000;
	font-size:9px;
	background-color:#E2EBE6;
	margin-right:5px;
	margin-left:10px;
}
.barre .fond {
	width:170px;
	height:18px;
	border:1px solid #666666;
	background-color:#DDDDDD;
}
.barre .progress {
	height:18px;
	background-color:#F89A43;
}
.barre .percent {
	font-size: 18px;
	font-weight:bold;
	line-height:18px;
}
.normal {font-weight:normal};
.accolade { 
	margin-top:-25px;
	margin-left:-15px;
	padding-top:25px;
	padding-left:35px;
	background-image:url(images/accolade_naissance.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#mes_espaces {margin-top:10px; width:100%}
#mes_espaces .texte{vertical-align:top; padding-left:10px;padding-right:5px}
#mes_espaces .texte_centre{vertical-align:middle; padding-left:10px;padding-right:5px}
#mes_espaces .sep {height:20px}
/* pour l'affichage Jour J */
#Jour_J {
	position:relative;
	left:220px;
	top:30px;
	color:#C74833;
	font-size:15px;
	font-weight:bold;
	height:50px;
	width:80px;
	z-index:-1;
	background-image: url(images/etoile.gif);
	text-align:center;
	line-height:50px;
	margin-top:-50px;
}
/* pour l'affichage de la zone guide en haut à droite */
#guide { 
	position:relative;
	left:775px;
	top:0px;
	height:60px;
	margin-top:-46px;
	margin-bottom:-20px;
	width:210px;
	border:1px solid #CCCCCC;
	background-color:#E2EBE6;
	padding:3px
}