/* 
Couleurs

Bleu marine: 000066
Bleu foncé: 524A8C
Bleu moyen: 6666ff
Bleu clair: 6699FF

Beige foncé: 504c36
Beige moyen: 868364
Beige clair: b6b285
*/

/* Box affichage bandeau maintenance */
#box_maintenance {
	background-color: #666;
	position: relative;
	color: #6699FF;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	text-decoration: blink;
	height: 15px;
	padding: 0;
	border: 0; }

/* Box affichage du popup */
#pop_up {
	position: absolute;
	background-color: #000;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	width: 100%;
	height: 100%;
	z-index: 10; }
#pop_up_interne {
	background-color: #000; 
	filter: alpha(opacity=100); /* IE */
	-moz-opacity: 1; /* Mozilia */
	opacity: 1.0; /* Firefox */
	color: #f7f7f7;
	text-align: left;
	border: 1px #000 solid; 
	padding: 5px 15px 15px 15px; /* top right bottom left */
	width: 350px; 
	z-index: 11; }
#pop_up_interne a {
	color: #b6b285; }

/* Box affichage de la personne loggée */
#box_logger { 
	position: relative;
	background-color: #f7f7f7;
	background: url('../images/divers/fond_deco.gif');
	color: #666;
	font: bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	padding: 2px 0px 2px 0px; /* top right bottom left */
	margin: 0px; }
#box_administration { 
	position: relative;
	background-color: #000;
	color: #666;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: right;
	padding: 2px 5px 3px 0px; /* top right bottom left */
	margin: 0px; }

/* Box affichage des informations */
span.admin {
	position: absolute;
	color: #ffffff;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	background-color: #000;
	padding: 0 5px 2px 5px; /* top right bottom left */
	top: 0px;
	left: 0px;
	margin: 0px; }
#box_admin {
	position: absolute;
	color: #000;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	padding: 10px;
	top: 14px;
	left: 0px;
	background-color: #fff;
	border: 1px solid #000; 
	z-index: 40;}

/* Box affichage des alertes */
span.alert {
	background-color: #6699FF;
	color: #fff;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	padding: 0px 5px 2px 5px; /* top right bottom left */
	margin: 0px; }
#box_alert {
	position: relative;
	color: #6699FF;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	line-height: 1.5em;
	border: 1px solid #6699FF;
	padding: 5px 5px 5px 5px; /* top right bottom left */
	margin: 0px 0px 15px 0px; /* top right bottom left */ }

/* Box affichage des informations */
span.info {
	background-color: #999;
	color: #fff;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	padding: 0px 5px 1px 5px; /* top right bottom left */
	margin: 0px; }
div.box_info {
	position: relative;
	color: #999;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	line-height: 1.5em;
	border: 1px solid #999; 
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 0px; /* top right bottom left */ }

/* Box loading page */
#box_hide_page {
	position: absolute;
	background-color: #fff; 
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: .5; /* Mozilia */
	opacity: .5; /* Firefox */
	width: 100%;
	height: 100%;
	color: #ccc;
	font: bold 11px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	z-index: 20; }
#box_hide_page_loading {
	background-color: #fff; 
	width: 100%;
	height: 100%;
	z-index: 21; }

/* Box Formulaire */
.box_formulaire {
	position: relative;
	background-color: transparent;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: justify;
	border: 1px dashed #999; 
	padding: 10px 10px 10px 10px; /* top right bottom left */
	margin: 0px 0px 10px 0px; /* top right bottom left */ }
.box_envoi {
	position: relative;
	color:#999;
	font: normal italic 10px Verdana, Geneva, Arial, sans-serif;
	text-align: justify;
	border-left: 1px dashed #999; 
	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 0px 0px 15px 0px; /* top right bottom left */ }

/* Box Bouton */
.box_bouton_haut {
	position: relative;
	background-color: #999;
	color: #fff;
	font: bold 10px verdana, geneva, arial, sans-serif;
	text-align: center;
	height: 18px;
	margin: 0px;
	padding: 0px;
	clear: both; }
.box_bouton_bas {
	position: relative;
	background-color: #ccc;
	color: #666;
	font: bold 10px verdana, geneva, arial, sans-serif;
	text-align: center;
	height: 18px;
	margin: 0px;
	padding: 0px;
	clear: both; }

/* Box Cadre intérieur de la page */
#box_titre_image {
	position: absolute; 
	background-color:transparent; 
	width: 550px; 
	left:118px; 
	color:#67d1d0; 
	font: normal 20px Verdana; 
	font-stretch: condensed; 
	text-align:right; 
	z-index: 1; }

.box_titre {
	position: relative;
	background-color: #666;
	text-align: right;
	line-height: 1.5em;
	border-right: 1px solid #666;
	border-bottom: 1px solid #000;
	width: 144px;
	padding: 5px 5px 5px 5px; /* top right bottom left */ 
	margin: 0px 0px 0px 0px; /* top right bottom left */
	float: left; }

.box_colonnes {
	position: relative;
	text-align: left;
	width: 580px;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 15px; /* top right bottom left */
	float: left; }

.box_colonne_texte {
	text-align: left;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}
.box_colonne_texte a {
	color: #868364;
	text-decoration: none; }
.box_colonne_texte a:hover, .box_colonne_texte a:focus, .box_colonne_texte a:active {
	color: #868364;
	text-decoration: underline; }

.box_colonne_info {
	background-color: #f7f7f7;
	line-height: 1.5em;
	border-bottom: 1px solid #666; 
	border-left: 1px solid #ccc; 
	width: 200px;
	padding: 0px 0px 0px 5px; /* top right bottom left */
	margin: 0px 0px 15px 15px; /* top right bottom left */
	float: right; }
.box_colonne_info a {
	color: #868364;
	text-decoration: none; }
.box_colonne_info a:hover, .box_colonne_info a:focus, .box_colonne_info a:active {
	color: #868364;
	text-decoration: underline; }

/* Box infos légales */
#infos_legales 	{ 
	color: #999; 
	text-align: justify;
	line-height: 1.5em;
	padding: 0px 15px 15px 15px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}


/* Box Texte et Formulaire */
.box_texte {
	line-height: 1.5em;
	padding: 15px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

/* Box Saut de page et Haut de page */
.saut_de_page { 
	color: #999;
	text-align: right;
	letter-spacing: 1px; 
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	clear: both; }
.haut_de_page { 
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url("../images/divers/ico_fleche_top.gif");
	color: #999;
	text-align: left;
	margin: 0px; /* top right bottom left */
	padding: 0px 15px 15px 12px; /* top right bottom left */
	float: right; }

/* Box affichage nombre de connecté et génération de page / Made by Cosmo */
#box_nb_connecte {
	position: relative;
	color: #868364;
	text-align: justify;
	width: 365px;
	padding: 3px 0px 0px 10px;
	float: left; }
#box_cosmo {
	position: relative;
	color: #868364;
	text-align: right;
	width: 365px;
	padding: 3px 10px 0px 0px;
	float: left; }

/* Box affichage niveau de sécurité du mot de passe */
#weak,#medium {
	border-right:solid 1px #dedede; }
#sm {
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; }
#sm ul {
	list-style-type:none;
	border:0px;
	margin:0px;
	padding:0px; }
#sm ul li {
	display:block;
	float:left;
	height:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; }
.nrm {
	background-color:#f1f1f1;
	color:#adadad;
	text-align: center;
	display:block;
	vertical-align:middle;
	width:53px;
	padding: 0px 0px 0px 0px; }
.red {
	background-color:#ff6f6f;
	color:#fff;
	text-align: center;
	display:block;
	vertical-align:middle;
	width:53px;
	padding: 3px 0px 2px 0px; }
.yellow {
	background-color:#FDB14D;
	color:#fff;
	text-align: center;
	display:block;
	vertical-align:middle;
	width:53px;
	padding: 0px 0px 0px 0px; }
.green {
	background-color:#A0DA54;
	color:#fff;
	text-align: center;
	display:block;
	vertical-align:middle;
	width:53px;
	padding: 0px 0px 0px 0px; }

/*********************************
 Cadre de la page
*********************************/
#cadre_page {
	position: relative;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: justify;
	line-height: 1.5em;
	width: 750px;
	border-left: 0px solid #868364;
	border-right: 0px solid #868364;
	margin: 0px auto 0px auto;
	visibility: visible; }
#tete_de_page {
	position: relative; 
	background-color: #fff;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	height: 200px;
	margin: 0px; 
	clear: both; }
#corps_page {
	position: relative;
	background: #fff url("../images/page/fond_corps.gif") no-repeat left bottom;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	min-height: 350px;
	float: left; 
	clear: both; }
#pied_de_page {
	position: relative; 
	background-color: #0e1b45;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: right;
	height: 20px; 
	float: left;
	clear: both; }
#box_adresse { 
	position: relative;
	background-color: #000;
	color: #fff;
	font: normal 9px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	line-height: 1.5em;
	padding: 5px 15px 5px 15px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	clear: both; }
#box_adresse_texte { 
	position: relative;
	background-color: #000;
	color: #fff;
	font: normal 9px Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	line-height: 1.5em;
	padding: 5px 15px 5px 15px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	clear: both; }