/* 
Couleurs
Beige/vert : 655d49
rose : cc0234
gris clair : d9dadc
gris fonce : 58585a
*/

/* Impression */
.no_print {
}
.print {
	visibility:hidden;
	display:none;
}

/* Box loading page */
#box_hide_page {
	position: absolute;
	/* filter : alpha(opacity=50); */
	background-color: #fff; 
	font: bold 11px Verdana, Geneva, Arial, sans-serif;
	color: #ccc;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 20; }
#box_hide_page_loading {
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 21; }
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 { border: 0px solid #cccccc; text-align: center; vertical-align: middle; }

/* Links */
a:link, a:visited { color: #999999; text-decoration: none; font-weight: normal; }
a:hover { color: #cc0234; text-decoration: underline; font-weight: normal; }

.a_h3:link, .a_h3:visited { color: #cc0234; font-weight: bold; text-decoration: none; }
.a_h3:hover { color: #666666; text-decoration: underline; font-weight: bold; }

/* Cadres */
#cadre_page {
	clear:both;
	width:750px; }
#cadre_corps {
	clear:right;
	float:right;
	margin-left:5px;
	text-align:justify;
	margin-bottom:10px; }
#entete_de_page {
	clear:both;
}
#cadre_navigation {
	float:left;
	width:110px;
	margin-bottom:10px; }
#pied_de_page {
	clear:both;
}
#box_adresse {
	clear:both;
	padding:5px; }
#box_cosmo {
	border-top:1px solid #CCCCCC;
	padding:5px; 
	clear:both; }

/* Divers */
.spacer {
	clear:both;
}
.img_gauche {
	float:left; 
	padding:0px;
	margin-right:10px;
	margin-top:8px;
	border:1px solid #333333;
}
.img_diapo {
	background-color:#ccc;
	float:left; 
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	padding:1px;
	border:1px dotted #999;
}

/* Général */
body { 
	background-color: #ffffff; 
	padding: 0px; 
	margin: 0px; }

body,div,td,p { 
	color: #58585a;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	word-wrap: break-word; 
}

/* Titres */
h1 { 
	color: #cc0234;
	font: bold 14px Verdana, Geneva, Arial, sans-serif; 
	text-align: left;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin:0px;
}
.h1 { 
	color: #999;
	font: bold 11px Verdana, Geneva, Arial, sans-serif; 
}
h2 { 
	color: #000000;
	font: bold 12px Verdana, Geneva, Arial, sans-serif; 
	text-align: left;
	padding: 10px 0px 10px 0px; /* top right bottom left */
	margin:0px;
}
h3 { 
	color: #cc0234;
	font: bold 11px Verdana, Geneva, Arial, sans-serif; 
	padding: 5px 0px 5px 0px; /* top right bottom left */
	margin:0px;
}
h4 { 
	color: #655d49;
	font: bold 10px Verdana, Geneva, Arial, sans-serif; 
	padding: 5px 0px 5px 0px; /* top right bottom left */
	margin:0px;
}
	
/* Images */
img {
	border: 0px solid #fff; }
a img { border: 1px dotted #fff; background-color: #fff; }
a:hover img { border: 1px dotted #999; background-color: #f1f1f1; }

/* Forumlaire */
form { 
	margin: 0px; 
	padding: 0px; } 
input,textarea,select { 
	color: #666666;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #ddd;
	border: 1px solid #999;
	margin-bottom:2px; } 
checkbox {
	vertical-align: middle; }

/* Tableau */
table { 
	display: table; 
	width: 100%;
	border-style: hidden; 
	border-collapse: collapse; /* Joindre les bords des cellules */ 
}
tr { 
	display: table-row; }
td,th { 
	display: table-cell; 
	vertical-align: middle; 
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	text-align: left;
	line-height: 1.5em;
	min-height: 20px; 
	margin: 0px; 
	padding: 0px 0px 0px 10px;  }
th {
	width: 110px; }

/* Listes */
ul { 
	padding: 0px; 
	margin: 0px; }
ul,li { 
	list-style-type: none; 
	line-height: 1em;
	padding: 0px; 
	margin: 0px;  } 

/* Navigation */
.ul_nav {
	padding:0px;
	margin:0px;
}
.li_nav {
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	line-height: 1.5em;
	border-left:5px solid transparent;
	margin: 0px 0px 0px -10px; /* top right bottom left */
	padding: 5px 0px 5px 5px; /* top right bottom left */
}
.li_nav_off {
	color:#cc0234;
	font: normal 10px Verdana, Geneva, Arial, sans-serif; 
	line-height: 1.5em;
	border-left:5px solid #666666;
	margin: 0px 0px 0px -10px; /* top right bottom left */
	padding: 5px 0px 5px 5px; /* top right bottom left */
}
.li_nav li {
	color: #58585a;
	border-left:5px solid transparent;
	margin: 0px 0px 0px -10px; /* top right bottom left */
	padding: 5px 0px 5px 5px; /* top right bottom left */
	text-decoration: none; }
.li_nav:focus, .li_nav:active {
	cursor:pointer;
	color: #cc0234;
	border-left:5px solid #cc0234;
	margin: 0px 0px 0px -10px; /* top right bottom left */
	padding: 5px 0px 5px 5px; /* top right bottom left */
	text-decoration: none; }
.li_nav:hover {
	cursor:pointer;
	color: #cc0234;
	border-left:5px solid #cc0234;
	margin: 0px 0px 0px -10px; /* top right bottom left */
	padding: 5px 0px 5px 5px; /* top right bottom left */
	text-decoration: none; }

/* Cadre arrondi */
.cadre {
	float:left; 
	margin:0px;
	padding:0px;
}
.hautgauche {
	height: 10px;
	width: 10px;
	background-image: url('../images/pages/bordure_hg.gif');
	background-repeat: no-repeat;
	float: left; }
.haut {
	height: 10px;
	background-image: url('../images/pages/bordure_hc.jpg');
	background-repeat:repeat-x; 
	float: left; }
.hautdroit {
	height: 10px;
	width: 10px;
	background-image: url('../images/pages/bordure_hd.gif');
	background-repeat: no-repeat;
	float: left; }
.milieu {
	background-color: #f5f5f7;
	border-left:1px solid #ceced0; 
	border-right:1px solid #ceced0; 
	text-align:left;
	margin:0px;
	padding-right:10px;
	padding-left:10px;
 	float: left; }
.basgauche {
	height: 10px;
	width: 10px;
	background-image: url('../images/pages/bordure_bg.gif');
	background-repeat: no-repeat;
	float: left; }
.basdroit {
	height: 10px;
	width: 10px;
	background-image: url('../images/pages/bordure_bd.gif');
	background-repeat: no-repeat;
	float: left; }
.bas {
	height: 10px;
	background-image: url('../images/pages/bordure_bc.jpg');
	background-repeat:repeat-x; 
	float: left; }
