/****************/
/** IMPRESSION **/
/****************/

/* Cadre impression */
#cadre_print {
	width:800px;
	background-color:#ffffff; }
#cadre_print_adresse {
	font-size:16px; 
	padding:10px; 
	width:300px; 
	text-align:left; 
	border:1px solid #CCCCCC; }
#cadre_bas {
	margin:0px;
	padding:0px 20px 20px 20px; /* top right bottom left */ }
/* Paragraphe impression */
p.p_print {
	font-size:14px;
	text-align:left; }
/* Box impression */
.no_print { 
	border: 0px solid #666666;
}
.print { 
	visibility: hidden; 
	display: none; }
thead {
	display: none;
	visibility:hidden;
}
tfoot {
	display: none;
	visibility:hidden;
}
.spacer {
	clear:both; }


/*********************/
/** INSDISPENSABLES **/
/*********************/

/* Generale */
html, body { /* fix bug affichage div height:100% */
	margin: 0;
	padding: 0;
	height: 100%
}
body {
	color: #000000;
	/* background-image:url(fond.jpg); */
	background-color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none; }
/* Formulaire */
form {
	margin:0px;
	padding:0px; }
input, textarea, select {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #f5f5f5;
	border: 1px solid #666666; } 
/* Ligne */
hr {
	height:1px;
	padding: 0;
	background-color: #cccccc;
	border: 0;
	border-bottom: 1px solid #cccccc; } 
/* Titre */
h1 { 
	font-size: 28px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#aa260f; 
	text-align:center; 
	padding:20px 0px 20px 0px; 
	margin: 0px; }
h2 { 
	font-size: 22px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#666666; 
	text-align:left; 
	padding:10px 0px 10px 0px; 
	margin: 0px; }
h3 { 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding:10px 0px 10px 0px; 
	margin: 0px; }
h4 { 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding:5px 0px 5px 0px; 
	margin: 0px; }
/* Paragraphe */
p {
	padding:7px 0px 7px 0px; 
	margin:0px 0px 0px 0px; }
/* Liste */
ol, ul {
	text-align:left;
	margin-top:0px;
	margin-bottom:0px; }
li {
	margin: 3px 0px 3px 0px; /* top right bottom left */ }
/* Table */
table {
	border-collapse:collapse; }
tr { 
	text-align: left; }
th {
	color: #000000;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:center; }
td {
	color: #000000;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left; }
/* Link */
a, a:link, a:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #660000; }
a:hover { 
	color: #aa260f; }
/* Image */
img {
	border: 0px solid #ccc; }
a img { 
	border: 1px dotted transparent; 
	background-color: transparent; }
a:hover img { 
	border: 1px dotted #999; 
	background-color: #f1f1f1; }


/************/
/** TITRES **/
/************/

/* Balise titre */
.h1_formation { 
	font-size: 28px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#aa260f; 
	text-align:center; 
	padding:0px 0px 20px 0px; 
	margin: 0px; }
h2.h2_cadre {
	text-align:center;
	border:1px solid #cccccc; }
h3.h3_cadre {
	font-size:medium;
	color: #aa260f;
	background-color:#c8ba98; 
	text-align:center;
	padding:5px;
	border-left:1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	border-bottom:1px solid #cccccc; }
/* Box titre */
span.span_titre {
	color:#fff;
	font-size:small; 
	font-weight:bold;
	background-image:url(fond_titre.gif);
	border:1px solid #aa260f; 
	background-color:#aa260f; 
	padding:2px 5px 0px 5px; /* top right bottom left */
	margin:0px 0px 0px 0px; /* top right bottom left */ }
div.box_titre {
	color:#aa260f;
	border-bottom:2px solid #aa260f;
	margin:0px 0px 15px 0px; /* top right bottom left */ }
/* Box titre index */
.col_titre {
}
.col_texte {
	width:475px; float:left; }
.index_titre_1 { 
	width:180px; padding-right:20px; float:left; color:#666666; letter-spacing:-2px; font:bold italic 18px Arial, Helvetica, sans-serif; text-align:left;
}
.index_titre_2 { 
	width:180px; padding-right:20px; float:left; color:#000000; letter-spacing:-3px; font:bold italic 28px Arial, Helvetica, sans-serif; font-stretch:condensed; text-align:right;
}
.index_titre_3 { 
	width:180px; padding-right:20px; float:left; color:#cccccc; letter-spacing:-2px; font:bold 20px Arial, Helvetica, sans-serif; text-align:left;
}
.index_titre_4 { 
	width:180px; padding-right:20px; float:left; color:#666666; letter-spacing:-3px; font:bold 24px Arial, Helvetica, sans-serif; text-align:right;
}
.index_titre_5 { 
	width:180px; padding-right:20px; float:left; color:#000000; letter-spacing:-2px; font:bold italic 20px Arial, Helvetica, sans-serif; text-align:left;
}
.index_titre_6 { 
	width:180px; padding-right:20px; float:left; color:#666666; letter-spacing:-2px; font:bold italic 20px Arial, Helvetica, sans-serif; text-align:right;
}
.index_titre_7 { 
	width:180px; padding-right:20px; float:left;
}


/***********/
/** LIENS **/
/***********/

a.lien_haut, a.lien_haut:link, a.lien_haut:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #C8BA98; }
a.lien_haut:hover { 
	text-decoration:underline;
	color: #C8BA98; }
a.lien_retour, a.lien_retour:link, a.lien_retour:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #aa260f; }
a.lien_retour:hover { 
	text-decoration:underline;
	color: #aa260f; }
a.lien_mon_compte, a.lien_mon_compte:link, a.lien_mon_compte:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #660000; }
a.lien_mon_compte:hover { 
	text-decoration:underline;
	color: #aa260f; }
a.lien_mon_compte_haut, a.lien_mon_compte_haut:link, a.lien_mon_compte_haut:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #C8BA98; }
a.lien_mon_compte_haut:hover { 
	text-decoration:underline;
	color: #aa260f; }
a.lien_logout, a.lien_logout:link, a.lien_logout:visited {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #aa260f; }
a.lien_logout:hover { 
	text-decoration:underline;
	color: #aa260f; }
a.lien_demande, a.lien_demande:link, a.lien_demande:visited {
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #ff0000; }
a.lien_demande:hover { 
	font-weight:bold;
	text-decoration:underline;
	color: #ff0000; }


/******************/
/** CADRE / PAGE **/
/******************/

/* General */
#cadre_general {
	/* background-color:#ffffff; */
	width:900px;
	padding:0px 0px 0px 0px; 
	/* border-left:1px dotted #999999;
	border-right:1px dotted #cccccc; */ }
#cadre_general_fiche {
	/* background-color:#ffffff; */
	width:900px;
	padding:0px 0px 0px 0px; 
	/* border-left:1px dotted #999999;
	border-right:1px dotted #cccccc; */ }
#cadre_bande_haut { 
	background-color:#ffffff;
	/* border-bottom:1px dotted #999999; */
	padding:0px 0px 10px 0px; /* top right bottom left */
	margin:0px 0px 0px 0px; }
#cadre_menu_haut { 
	/* border-top:1px dotted #999999; */
	border-bottom:1px dotted #999999;
	/* background-color:#cccccc; */
	padding:5px 5px 5px 5px; 
	margin:0px 0px 0px 0px; }
#cadre_page { 
	background-color:#ffffff;
	vertical-align:top; 
	padding:0px; 
	margin:0px; }
#cadre_page_simple {
	background-color:#ffffff;
	margin:0px;
	padding:0px 20px 0px 20px; /* top right bottom left */ }
#cadre_page_simple_texte {
	margin:0px;
	padding:0px 20px 20px 20px; /* top right bottom left */ }
#cadre_page_bas { 
	background-color:#ffffff;
	border-top:1px dotted #999999;
	width:100%;
	text-align:center;
	padding:5px 0px 5px 0px; 
	margin:0px 0px 0px 0px; }
#cadre_page_asdresse { 
	background-color:#cccccc;
	text-align:center;
	padding:5px 10px 5px 10px; 
	margin:0px 0px 0px 0px; }
#cadre_page_cosmo { 
	font-size: 9px;
	background-color:#e4e3e3;
	text-align:right;
	padding:5px 10px 5px 10px; 
	margin:0px 0px 0px 0px; }
/* Index */
#table_index { 
	border-collapse:collapse;
	width:100%; 
	padding:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; }
td.td_index_gauche {
	vertical-align:middle;
	padding:0px 20px 0px 0px; /* top right bottom left */
	width:180px; }
td.td_index_centre {
	vertical-align:top;
	text-align:left;
	padding:0px 0px 0px 0px; /* top right bottom left */ }
/* Panier */
#cadre_panier { 
	/* border-top:1px dotted #999999; */
	border-bottom:1px dotted #999999;
	background-color:#e4e3e3; 
	padding:5px 5px 5px 5px; 
	margin:0px 0px 0px 0px; }
/* Log */
#cadre_log { 
	background-color:#660000; 
	color:#ffffff; 
	padding:3px;
	margin:0px 0px 0px 0px; }


/************/
/**  MENU  **/
/************/

/* Menu vertical */
table.table_menu_vertical { 
	width:100%; 
	background-color:#cccccc; 
	border: 1px solid #fff; }
td.td_menu_vertical { 
	cursor:pointer;
	padding:5px 10px 5px 10px; 
	background-color:#e4e3e3; 
	text-align:left; 
	border:1px solid #ffffff; }
td.td_menu_vertical:hover { 
	cursor:pointer;
	color: #aa260f;
	padding:5px 10px 5px 10px; 
	background-color:#eeffff; 
	text-align:left; 
	border:1px solid #ffffff; }
td.td_menu_vertical_in {
	padding:5px 10px 5px 10px; 
	background-color:#cccccc; 
	text-align:left; 
	color: #aa260f;
	border:1px solid #ffffff; }
/* Menu horizontal */
table.table_menu_horizontal {
	border-collapse:collapse;
	background-color:#cccccc; }
td.td_menu_horizontal { 
	cursor:pointer;
	background-color:#e4e3e3; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal:hover { 
	cursor:pointer;
	color:#aa260f;
	background-color:#eeffff; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal_in {
	color:#aa260f;
	background-color:#cccccc; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal_off {
	color:#000000;
	background-color:#cccccc; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal_ec { 
	color:#aa260f;
	cursor:pointer;
	background-color:#e4e3e3; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal_ec:hover { 
	cursor:pointer;
	color:#aa260f;
	background-color:#eeffff; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }
td.td_menu_horizontal_ec_in {
	color:#aa260f;
	background-color:#cccccc; 
	padding:5px 15px 5px 15px; 
	text-align:center; 
	border:1px solid #ffffff; }


/*************/
/**  TABLE  **/
/*************/

/* Table avec bordure */
table.table_tableau {
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin:0px; }
th.th_tableau {
	font-size:11px;
	text-align:center;
	background-color:#999999;
	margin:0px; 
	padding:3px;
	border:1px solid #cccccc; }
td.td_tableau {
	font-size:11px;
	text-align:center;
	margin:0px; 
	padding:5px;
	border:1px solid #cccccc; }
th.th_tableau_titre { 
	background-color:#333333; 
	color: #fff; 
	font-size:16px;
	padding:5px;
	text-align:center; }
th.th_tableau_sous_titre {
	font-size:11px;
	text-align:center;
	background-color:#999999;
	margin:0px; 
	padding:3px; }
/* Table formulaire */
tr.tr_formulaire {
	height:20px; }
th.th_formulaire { 
	color: #999999; 
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	margin:0px; 
	padding:1px; }
/* Table texte */
table.table_texte { 
	border-collapse:collapse;
	margin:0px; 
	padding:0px;
	width:100%; }
td.td_table_texte { 
	background-color:#e4e3e3;
	padding:20px 20px 20px 20px; }
td.td_table_texte_encart { 
	background-color:#e4e3e3;
	padding:0px; }
td.td_clair { 
	background-color:#f7f7f7; }
td.td_fonce { 
	background-color:#e4e3e3; }
/* Table attente */
table#tb_attente { 
	width: 100%; 
	height: 100%; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; }
tr#tr_attente { 
	border: 0px solid #cccccc; 
	text-align: center; 
	vertical-align: middle; }
td#td_attente { 
	background-color: #f7f7f7; 
	border: 0px solid #cccccc; 
	text-align: center; 
	vertical-align: middle; }


/****************/
/** FORMULAIRE **/
/****************/

input.form_admin {
	padding:1px 0px 1px 0px; /* top right bottom left */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #f5f5f5;
	border: 1px solid #666666; } 
.no_css { /* Bouton radio et case a cocher */
	background-color: transparent;
	border: 0px solid #666666; } 


/***********/
/**  BOX  **/
/***********/

/* Box informations */
.box_alert {
	color: #aa260f;
	background-color:#fff;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 0px 15px 15px 15px; /* top right bottom left */
	border: 1px solid #aa260f; }
.box_info {
	color: #999999;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 0px 15px 15px 15px; /* top right bottom left */
	border: 1px solid #999999; }
.box_valid {
	vertical-align:middle;
	background-color:#fff;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 40px 20px 40px 20px; /* top right bottom left */
	border:1px dotted #999999; }
.box_lieu, .box_acheter {
	color: #aa260f;
	background-color:#c8ba98; 
	text-align:center;
	padding:5px; }
.box_texte_cde {
	color: #000000;
	text-align:left;
	padding:10px;
	border:1px solid #cccccc; }
.box_tableau {
	color: #000000;
	text-align:center;
	padding:20px;
	border:1px solid #cccccc; }
.attention {
	color:#ff0000;
	font-weight:bold; }
/* Box telechargement */
a.a_catalogue, a.a_catalogue:link, a.a_catalogue:visited {
	font-size: 12px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #660000; }
a.a_catalogue:hover { 
	color: #aa260f; }
div.catalogue {
	border: 1px dashed #aa260f;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:left; }
/* Box texte */
.box_texte {
	color: #000000;
	background-color:#e4e3e3; 
	text-align:left;
	margin:0px;
	padding:20px 20px 20px 20px; }
.box_ccc { /* gris moyen */
	padding:20px; 
	background:#cccccc; 
	color:#000000; 
	text-align:justify; }
.box_e4e { /* gris clair */
	padding:20px; 
	background:#e4e3e3; 
	color:#000000; 
	text-align:justify; }
.box_ffc { /* rose */
	padding:20px; 
	background:#ffccff; 
	color:#000000; 
	text-align:justify; }
.box_gauche { 
	position:relative;
	word-wrap:break-word;
 	padding:20px 10px 20px 0px; /* top right bottom left */
	text-align:left;
	float:left; }
.box_droite_165 {
	position:relative;
	width:165px;
	word-wrap:break-word;
	text-align:left;
	padding:20px 20px 20px 10px; /* top right bottom left */
	float:left; }
.box_gauche_675 {
	position:relative;
	width:675px;
	word-wrap:break-word;
	text-align:left;
	padding:20px 10px 20px 20px; /* top right bottom left */
	float:left; }
.box_gauche_675_espace {
	position:relative;
	width:675px;
	word-wrap:break-word;
	text-align:left;
	padding:20px 10px 20px 20px; /* top right bottom left */
	float:left; }
.box_droite { 
	position:relative;
	word-wrap:break-word;
	padding:20px 0px 20px 10px; /* top right bottom left */
	text-align:left;
	float:left; }
.box_droite_710 {
	position:relative;
	width:710px;
	word-wrap:break-word;
	text-align:left;
	padding:20px 20px 20px 10px; /* top right bottom left */
	float:left; }
/* Box nb de connectes */
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; }
div.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: 60; }
/* Box evalualtion password */
#weak,#medium {
	border-right:solid 1px #DEDEDE; }
#sm {
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px; }
#sm ul {
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center; }
#sm ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px; }
.nrm {
	width:55px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle; }
.red {
	width:55px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle; }
.yellow {
	width:55px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle; }
.green {
	width:55px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle; }
/* Box encart */
.box_encart { 
	background-color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color:#000000; 
	border:1px solid #ffffff; 
	padding:2px 2px 2px 2px; }
.box_encart_texte { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	text-align:left; 
	background-color:#e4e3e3; 
	border:1px solid #ffffff; 
	padding:10px; }
img.tof_encart {
	margin:0px 0px 0px 0px; /* top right bottom left */
	border: 1px solid #000; } 
/* Box Popup */
#box_popup_cadre {
	background-color: #fff;
	padding: 15px; }
#box_popup_titre {
	background-color: #f7f7f7; 
	height: 16px;
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #aa260f; }
#box_popup_texte {
	padding: 10px;
	border: 1px dotted #999;
	background-color: #f7f7f7; 
	height: 74px; 
	text-align: justify; }
#box_popup_image {
	background-color: #fff;
	height: 480px; 
	padding-bottom: 15px;
	text-align: center; }
#box_popup_boutons {
	padding: 5px 0px 0px 0px; /* top right bottom left */
}
#box_popup_close {
	padding: 5px 5px 5px 20px; /* top right bottom left */
	background-color: #eee; }
img.tof_popup { 
	padding: 1px; border: 1px dotted #999; 
	background-color: #f1f1f1; }
/* Box attente */
#box_hide_page {
	position: fixed;
	left: 0;
	top: 0;
	/* pour IE */
	_position: absolute;
	top: expression(body.scrollTop + 0 + "px");
	width: 100%;
	height: 100%;
	z-index: 20; }
#box_hide_page_loading {
	width: auto;
	height: auto; 
	z-index: 21; }


/**************/
/**  IMAGES  **/
/**************/

img.tof {
	position: relative;
	display: block;
	background-color: #fff;
	float: left;
	padding: 1px; }
img.tof_g {
	margin:0px 10px 0px 0px; /* top right bottom left */
	float: left;
	border: 0px solid #000000; } 


/****************/
/**  OBSOLETE  **/
/****************/

/* Template cadre formation */
#table_formation { 
	width:100%;
	border-collapse:collapse;
	width:100%; 
	padding:0px; 
	padding:0px; }
td.td_formation_gauche {
	vertical-align:top;
	padding:10px 0px 10px 10px; /* top right bottom left */ }
td.td_formation_centre {
	vertical-align:top;
	text-align:left;
	padding:0px 20px 0px 20px; /* top right bottom left */ }