/***** GENERALE *****/
body {
	color: #5A5A4B;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 12px;
	margin: 0px;
	background-color: #F8F8F8;
	background-image: url(/images/font-bo.jpg);
}
.bandeau_top_site {
	background-image: url(/images/template/bdo_haut_bleu_gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/*** COMPTEUR DE PROMO ***/
.compteur_promo_haut { position: absolute; padding-top: 22px; width: 140px; }
.tablo_0 { background-color:#F8F8F8; width:960px; }

form { margin: 0px; } 	/* supprime les marges par defaut de la balise form */
p { margin-bottom:0px;}	/* supprime les marges par defaut de la balise p */

.header { background-image: url(/images/template/bdo_haut_bleu.jpg); background-repeat: repeat-x; background-position: top; height: 96px; }
.slogan { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFF; text-align: left; padding-top: 35px; padding-left: 480px; }

/*** LES MODULES ***/
#main a:link { color: #FF6600; font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; text-decoration: none; cursor:pointer;  }
#main a:hover { color: #FF6600; font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; text-decoration: none; cursor:pointer;  }
#main a:visited { color: #FF6600; font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; text-decoration: none; cursor:pointer;  }
.link { color: #5A5A4B; font-family: Verdana, Arial, sans-serif, Helvetica; text-decoration: none; border-bottom: 1px dotted #5A5A4B; }
#main { text-align: left; margin: 20px auto; width: 700px; background: #fff; padding: 20px 10px 20px; border-top: 1px solid #E6E6DF; border-right: 1px solid #E6E6DF; border-bottom: 5px solid #E6E6DF; border-left: 1px solid #E6E6DF; }
#main2 {
	text-align: left;
	width: 714px;
	background: #E6E6DF;
	border: 1px solid #E6E6DF;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#gallerytitle {
	padding-bottom: 14px;
	margin-bottom: 12px;
	margin-top: 40px;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #006DB8;
}
.txt_bleu {
	color: #006DB8;
}
.txt_gris {
	color: #808080;
}
.txt_orange {
	color: #FF9F37;
}
.txt_grd {
	font-size:20px;
	color: #006DB8;
}
.spacer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	height: 10px;
}


.BtListeArticle { margin-top:10px; background-position: right; text-align: right; }
.maj_article { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: right; margin-right: 10px; }
.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5A5A4B; text-align: center; }
.nav a { color: #5A5A4B; text-decoration: none; }
.sous_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006DB8;
}
hr { color: #FFF; margin-top: 20px; border-bottom: 1px solid #CCC; }

/******* DIV SI PAS DE JS ACTIVE *******/
#global {
position:absolute;
left: 50%;
top: 50%;
width: 500px;
height: 200px;
margin-top: -100px; /* moitié de la hauteur */
margin-left: -170px; /* moitié de la largeur */
z-index:2; 
-moz-opacity:1; 
opacity:1; 
filter:alpha(opacity=100);
}
#globalTxt {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 250px;
	height: 200px;
	margin-top: -45px; /* moitié de la hauteur */
	margin-left: -210px; /* moitié de la largeur */
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/******* MESSAGE DE VALIDATION DE FORM *******/
.validtxt { font-family: Verdana; font-style: normal; font-size: 10px; text-align: left; color: #000000; }

/*** MESSAGE OK	***/
.un_ok, .deux_ok, .trois_ok, .quatre_ok, .six_ok, .sept_ok, .huit_ok, .neuf_ok {background-image:  url(/images/erreur/vert.png); background-repeat: repeat; background-attachment:scroll;}
.un_ok 		{ background-position: 0px 0px;  height: 20px; width: 20px;}
.deux_ok 	{ background-position: 0px -40px;  height: 20px; }
.trois_ok 	{ background-position: -20px 0px;  height: 20px; width: 20px;}
.quatre_ok 	{ background-position: 0px -80px; width: 20px;}
.cinq_ok 	{ background-color:#FFFFFF;}
.six_ok 	{ background-position: -20px -80px; width: 20px;}
.sept_ok 	{ background-position: 0px -20px; height: 20px; width: 20px;}
.huit_ok 	{ background-position: 0px -60px; height: 20px;}
.neuf_ok 	{ background-position: -20px -20px; height: 20px; width: 20px;}

/*** MESSAGE KO ***/
.un_ko, .deux_ko, .trois_ko, .quatre_ko, .six_ko, .sept_ko, .huit_ko, .neuf_ko {background-image:  url(/images/erreur/rouge.png); background-repeat: repeat; background-attachment:scroll;}
.un_ko 		{ background-position:  0px 0px;  height: 20px; width: 20px;}
.deux_ko 	{ background-position:  0px -40px;  height: 20px; }
.trois_ko 	{ background-position:  -20px 0px;  height: 20px; width: 20px;}
.quatre_ko 	{ background-position:  0px -80px; width: 20px;}
.cinq_ko 	{ background-color:#FFFFFF;}
.six_ko 	{ background-position:  -20px -80px; width: 20px;}
.sept_ko 	{ background-position:  0px -20px; height: 20px; width: 20px;}
.huit_ko 	{ background-position:  0px -60px; height: 20px;}
.neuf_ko 	{ background-position:  -20px -20px; height: 20px; width: 20px;}

/*** MESSAGE INFO ***/
.un_info, .deux_info, .trois_info, .quatre_info, .six_info, .sept_info, .huit_info, .neuf_info {background-image:  url(/images/erreur/bleu.png); background-repeat: repeat; background-attachment:scroll;}
.un_info 		{ background-position:  0px 0px;  height: 20px; width: 20px;}
.deux_info 		{ background-position:  0px -40px;  height: 20px; }
.trois_info 	{ background-position:  -20px 0px;  height: 20px; width: 20px;}
.quatre_info 	{ background-position:  0px -80px; width: 20px;}
.cinq_info 		{ background-color:#FFFFFF;}
.six_info 		{ background-position:  -20px -80px; width: 20px;}
.sept_info		{ background-position:  0px -20px; height: 20px; width: 20px;}
.huit_info		{ background-position:  0px -60px; height: 20px;}
.neuf_info 		{ background-position:  -20px -20px; height: 20px; width: 20px;}

/******* TRIER ET REDIMENTIONER DES TABLO *******/
.sortcol { cursor: pointer; padding-right: 20px; background-repeat: no-repeat; background-position: right center; }
.sortasc { background-color: #990000; background-image: url(/images/up.png); background-position: 5px; }
.sortdesc { background-color: #990000; background-image: url(/images/down.png); background-position: 5px; }
.nosort { cursor: default; }
th.resize-handle-active { cursor: e-resize; }
div.resize-handle { cursor: e-resize; width: 2px; border-right: 1px dashed #1E90FF; position:absolute; top:0; left:0; }
tr.rowodd { background-color: #FFF; }
tr.roweven { background-color: #F2F2F2; }

/******* LES TXT *******/
h2 { font: 140% Verdana, Arial, sans-serif, Helvetica; color: #006DB8; margin-top: 25px; }
h3 { font: 120% Verdana, Arial, sans-serif, Helvetica; color: #006DB8; margin-top: 30px; }
.txt_rouge{ font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #CC0000; font-weight: bold; }
.Titre_tablo{ font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #FFF; background-color: #5A5A4B; padding: 2px; margin: 2px; text-transform: capitalize; }

/******* FORMULAIRE ******/
.input {
	padding: 2px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.pushbutton { cursor: pointer; padding: 5px 10px; }
.textarea { color: #000; font-family: Verdana, Arial, sans-serif, Helvetica; }
.checkbox { cursor: pointer; }
.label { cursor: pointer; }
.label:hover { color: #000; }

/******* GESTION DE LA GALERIE ******/

/* Comments */
#comments { clear: both; }
.error a { color: #CC3300; font-weight: bold; }
.comment { padding: 10px; border: 1px solid #E7F0F5; background: #FBFCFD; margin-bottom: 12px; }
.commentmeta { margin-bottom: 12px; }
.commentauthor { font-weight: bold; }
.commentdate { margin-top: 12px; color: #8DB8CF; font-size: 85%; }
.comment_textarea { font-family:verdana,Helvetica,Arial,sans-serif; font-size:12px; padding:4px; width:100%; }

/* Image Thumbnails */
.imagethumb a { display: block; padding: 10px; margin: 6px; border: 1px solid #92BED3; background: #DDEAF0; line-height: 0px; }
.imagethumb a:visited { border: 1px solid #D3E4ED; background: #F2F7F9; }
.imagethumb a:hover { border: 1px solid #62A0BF; background: #F4F9FB; }
.imagethumb { width:120px; }

/******* STYLE DE L'INFO BULLE (Prototip) ******/

img{ border:none;}
#bulle { position: absolute; visibility: hidden;  font-size:12px;}
.info{ border:1px solid #666; padding: 7px; color:#666; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; }

/******* RENVOYER MES IDENTIFIANTS ************/
.returnid_haut {
	background-image: url(/images/template/inscription/titre_456.gif);
	width: 456px;
	height: 64px;
	line-height: 64px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 20px;
	background-repeat: no-repeat;
}
.returnid_font_form {
	background-image: url(/images/template/inscription/fond_bloc_456.gif);
	width: 456px;
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}
.returnid_bas {
	background-image: url(/images/template/inscription/bas_456.gif);
	width: 456px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}