/*	-------------------------------------------------------------
	OT CERET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles communs
	Nom fichier:	style.css
	Version:		1.0
	Date:			19 Février 2007
	-------------------------------------------------------------	*/
/* ######################### GALERIE PHOTOS ######################### */

/* ======= Présentation HAUT ======= */
.gal_name{color: #E9CD00; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline; }/*font-variant:small-caps;*/
.gal_categ{color: #E9CD00; font-size: 12px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight:bold;}
.galdescrub{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica;  text-decoration:none} 
/* ======= Présentation HAUT ======= */

/* ======= NAVIGATION HAUT ======= */
#gal_navht{ float:left; display:block; position:relative; width:100%; height:21px; background-color:#716561; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px;}
#gal_flhtg{display:block; position:absolute; top:6px; left:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;}
#gal_flhtd{display:block; position:absolute; top:6px; right:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;}
.galnav{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
/* ======= NAVIGATION HAUT ======= */

/* ======= CENTRE GALERIE ======= */
.gal_cont{ float:left; display:block; position:relative; width:100%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;  padding:0px;}
.gal_cont1{float:left; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.gal_cont2{float:left; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.gal_cont3{float:right; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;}
.separ_miniature1{float:left; display:block; position:relative; width:5%; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.separ_miniature2{float:left; display:block; position:relative; width:4%; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}

.miniature1{display:block; position:relative; width:100%; height:auto; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature2{display:block; position:relative; width:100%; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature3{display:block; position:relative; width:100%; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
/* ======= CENTRE GALERIE ======= */

/* ======= NAVIGATION BAS ======= */
#gal_navbs{float:left; display:block; position:relative; width:100%; height:21px; background-color:#716561; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px;}	
#gal_flbsg{display:block; position:absolute; top:6px; left:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;}
#gal_flbsd{display:block; position:absolute; top:6px; right:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;}
/* ======= NAVIGATION BAS ======= */
		
/* ######################### GALERIE PHOTOS ######################### */ 	
	
/* ######################### Navigation OUTILS ######################### */ 
.nav_outils_on {margin: 0;	padding: 0; display: block; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:6px; margin-top:6px;}
.nav_outils_off {margin: 0;	padding: 0; display: block; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:6px; margin-top:6px;}
.outils_off{ color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
A:hover.outils_off{ color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline;}
.nav_galcaton {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:170px; color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; font-variant:small-caps;}
.nav_galcatoff {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:170px; color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-variant:small-caps;}
.galcatoff{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none; font-variant:small-caps;}
A:hover.galcatoff{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold;  text-decoration:underline; font-variant:small-caps;}
.nav_galtton {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:4px;}
.nav_galttoff {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:160px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:4px;}
.galttoff{ color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.galttoff{ color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}

.galttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.galttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}

.gallegende{color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.galphotodesc{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.galphotott{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}


.backdownload{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.backtitre{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.backdownload{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:none;}


.downloadrubrique{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;font-variant:small-caps;}
.downloadtitre{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; font-variant:small-caps;}
.downloadapercu{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; }
A:hover.downloadapercu{color: #ffffff;; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.downloadpdf{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; }
A:hover.downloadpdf{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.downloadfleche{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; }
A:hover.downloadfleche{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
/* ######################### Navigation OUTILS ######################### */   


/* ######################### FORMULAIRE ######################### */ 
#cont_form { display:block;	padding: 0;	position: relative;	width: 590px; height:360px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center; background-image:url(../images/fd_infos.gif); background-repeat:repeat-y;}


.form_valid { display:block; background-color:#A8A5A0;	padding: 0;	position: relative;	width: 590px; height:40px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}
	
#form_part1{ float:left; display:block;	padding: 0;	position: relative; left:0px; width: 289px; height:320px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}


#form_part2{ float:right; display:block; padding: 0; position: relative; right:0px; width: 300px; height:320px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}		
		
.cont_champ{ padding: 0; display: block; position:relative; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px; text-align:left; width:280px; height:18px;}


.champ_ob{margin: 0; padding: 0; float:right; display: block; position:relative; right:0px; top:4px; text-align:center; width:12px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
.champ_val{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; text-align:left; width:186px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
.champ_nom{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; top:4px; text-align:left; width:82px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
.formloi{color: #CEC8C6; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-style:italic;}
/* ######################### FORMULAIRE ######################### */ 

/* ######################### Page outils ######################### */
#cont_nav_outils{
	float:left;
	display:block;	
	position: relative;
	left: 17px;
	top: 20px;
	padding: 0;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align:left;
	}
#cont_contenu_outils{
	float:right;
	display:block;	
	position: relative;
	right: 31px;
	top: 20px;
	padding: 0;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:0px;
	border: 0px;
	text-align:center;
	vertical-align:top;
	}
/* ######################### Page outils ######################### */