@charset "UTF-8";
/* CSS Document */


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,table,tr,th,td,em,object,p{margin:0px;padding:0px;}
p{margin-bottom:10px}
table{border-collapse:collapse;border-spacing:0;}
table td{ vertical-align:top;  padding:2px  }
fieldset,img,abbr{border:0;margin:0;padding:0}
pre{font-size:12pt}
.clear{clear:both;}
/*==========================================================================*/
/* Library
=====================================================================*/
.cleaner {clear:both;margin:0; padding:0; background:transparent;font-size:0.5pt;}
.droit{text-align:right}
.centre{text-align:center}
.marge10{padding:10px}
.mini{font-size:8pt;color :gray;}
.bold{font-weight:bold}
.rouge{color:red}

#retour_ajax{text-align:center;color:red;font-weight:bold}

/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

.bloc_extranet{float:right; margin-top:90px;width:277px;   border:0px solid red; text-align:center; color:black}

.bloc_extranet a:link, .bloc_extranet a:visited,.bloc_extranet_on a:link,.bloc_extranet_on a:visited {color:gray; text-decoration:underline}

.bloc_resume{ float:right; width:247px; height:255px; overflow:hidden; background:url("../img/resume.jpg"); margin-bottom:10px;padding:65px 22px 10px 22px; color:white}
.listticker{margin-top:0px; height:200px;	overflow:hidden; padding:6px 0px 14px 0px;}
.listticker li{clear:both; border:0; margin:0; padding:0; list-style:none; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;  padding:2px;	margin-right:8px; list-style:none;background:white; margin:10px 0px;padding:5px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-background-clip:padding-box;	/*height:60px;*/}
.listticker a{margin-bottom:0}
.listticker .lbtitre{ display:block;text-align:right; margin-bottom:2px; 	font-size:11px;	color:#666666; }
	




#pied_page_acc { clear:both; width:863px; margin:0px auto 0px auto; height:37px; background:url("../img/pied.jpg") no-repeat left top; border:0px solid red  }

#pied_page_acc .blocCont .pied_menu { margin:10px auto 0px auto; text-align:center}
#pied_page_acc .blocCont .pied_menu a:link, #pied_page_acc .blocCont .pied_menu a:visited {color:gray; }
#pied_page_acc .blocCont .pied_menu a:hover{color:black; }
#pied_page_acc .blocCont .pied_menu li{float:left; list-style:none; margin:0px; padding:0px 5px 0px 5px; }
#pied_page_acc .blocCont .pied_menu .sep{display:inline; float:left; width:1px; height:18px; margin-top:0px; padding:0px; background:#E4E5E5;} 

#pied_page_acc .cartouche_bas { padding:8px 0px 0px 20px; width:863px; height:28px; font-size:12px; color:#005DAB; float:left; text-align:center;  border:0px solid red    }
#pied_page_acc .cartouche_bas a:link, #pied_page_acc .cartouche_bas a:visited { color:#005DAB; }
#pied_page_acc .cartouche_bas a:hover{ color:black;}




#realisation{ float:right; z-index:2; white-space:nowrap; top:-2100px; border:0px solid red; margin-right:-120px; /* Safari */ -webkit-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* Firefox */ -moz-transform: rotate(-90deg);  -moz-transform-origin:70px 70px; }
#realisation a:link, #realisation a:visited{ color:#696969;}
#realisation a:hover{ color:black;}




/* COMMUN STYLE */
.editeur_entete{ color:#9E1504; font-weight:bold; font-size:14px; margin:12px 0px }
.editeur_chapeau{ color:gray; font-size:12pt; margin-bottom:20px;}
.editeur_important{ color:#EA671F; font-weight:bold;  }


/* SUIVANT */
.suivant{ text-align:center;  font-size:90%; margin:10px 0px; color:#C10019}
.suivant .suiv{font-size:90%;font-weight:bold;color:#cc0000}
.suivant a.suiv:link, .suivant a.suiv:visited {color:#C10019;}
.suivant a.suiv:hover{color: #C10019;}

/* Dialogue */
#dialogue{	background:white url("../img/shim.png"); border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;	}
#dialogueContent { height:450px; overflow-y:auto; }
#dialogueContent h1 { color: #800000; }
.dialogue_overlay { display:none; width:640px;	padding:15px 3px 15px 15px; }
.dialogue_overlay .close{background-image:url("../img/overlay_close.png"); position:absolute; right:-15px; top:-15px;	cursor:pointer;	height:35px; width:35px;}


/* PrettyPhoto */
div.light_rounded .pp_close {	 background-image:url("../img/overlay_close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer;	height:35px; width:35px;}
div.pp_overlay {background: #000; top: 0;	left: 0; position: absolute; width: 100%; height:150%; z-index: 9500;	}
p.pp_description {  color:#800000; text-align:center;	}
div.pp_titre {color : #800000;font-size: 17px; 	}


/* Global Links
=====================================================================*/
a {	margin: 0px;padding: 0px;}
a:link, a:visited, a:active{	background: transparent; color: #666666; text-decoration: none;}
a:hover{background: transparent;color: #C10019;	text-decoration: none;}


/* IMAGE
=========================================================*/
.txt-shadow {  background: url("../img/shadowAlpha.png") no-repeat bottom right !important;  background: url("../img/shadow.gif") no-repeat bottom right; }
.img-shadow {  float:left; position: relative; background: url("../img/shadowAlpha.png") no-repeat bottom right !important;  background: url("../img/shadow.gif") no-repeat bottom right;  margin: 0px 0 0 0px !important;   }
.img-shadow img { display: block;  position: relative;  background-color: #fff;  border: 1px solid #a9a9a9;  margin: -6px 6px 6px 0px;  padding: 4px;  }

.gallerie ul li{list-style:none; float:left; position: relative; background: url("../img/shadowAlpha.png") no-repeat bottom right !important;  background: url("../img/shadow.gif") no-repeat bottom right;  margin: 10px 0 5px 0px !important; }
.gallerie ul li img{display: block;  position: relative;  background-color: #fff;  border: 1px solid #a9a9a9;  margin: -6px 6px 6px 0px;  padding: 4px; }


/*-----------------------------*/

#masque {display:none;background-color:black; filter : alpha(opacity=50);   -moz-opacity : 0.5;   opacity : 0.5;  position: fixed;  width:100%;  height:100%;  top: 0;  left: 0;  }
#pseudo_popup {display:none; position:fixed; width:470px;  z-index:1000; background:white;  border:2px solid #067EB9;left: 50%; margin-left: -235px;}

#pseudo_popup #barre_speudo_popup{  margin:0px; padding:0px 5px 0px 10px; height:17px; background:#067EB9; }
#pseudo_popup #titre_speudo_popup{color:white;font-weight:bold;}
#pseudo_popup .close_popup a{float:right;margin-right:7px;color:white;font-weight:bold;}
#pseudo_popup #contenu_popup {margin:10px; height:100%  }

#pseudo_popup #contenu_popup .erreur_droit{ text-align:center; font-weight:bold; color:red; }

form.form_pres{ margin:0; padding:0px; color:#067EB9; border:0px solid red}
form.form_pres label  { text-align:right;   font-weight:bold; display: inline;  float: left;  width: 140px;  margin: 2px; } 
form.form_pres .i { text-align:right;   font-weight:normal; display: inline;  float: left;  width: 140px;  margin: 2px; } 
form.form_pres .text {border: 1px solid; border-color : silver; padding:2px; margin:0px 0px 2px 0px; width:280px;}
form.form_pres .qte {border: 1px solid; border-color : silver; padding:2px; margin:0px 0px 2px 0px; width:20px;}
form.form_pres .nb_media {border: 0px solid; background-color:#FFF9C5; padding:2px; margin:0px 0px 2px 0px; width:20px;}
form.form_pres .textrg{border: 1px solid; border-color : red; padding:2px; margin:0px 0px 2px 0px; width:280px;}
form.form_pres .textarea {border: 1px solid; border-color : silver; padding:2px; margin:0px 0px 2px 0px; width:280px; height:200px}
form.form_pres .textarearg {border: 1px solid; border-color : red; padding:2px; margin:0px 0px 2px 0px; width:280px; height:200px}
form.form_pres .select {border: 1px solid; border-color : silver; padding:2px; margin:0px 0px 2px 0px; width:285px;}
form.form_pres input.bouton{float: right;  border: 1px solid; color:white; background-color:#067EB9; border-color : white; padding:0px; margin: 0px 27px 0px 0px;}
form.form_pres input.bouton:hover{ border-style:outset;  border-width:1px; color:white;  background-color:#06225D; border-color:white; padding:0px; margin: 0px 27px 0px 0px;}
form.form_pres .box{padding:0px 0px 0px 150px; margin: 0px 0px 0px 0px;}

table.cent {width:100%; text-align:center; border:0px solid black; border-collapse: collapse; caption-side: top; border-spacing: 0px;}
.margin{margin-left:10px; }
/* =========================================================*/

/*---------  MENU  ----------------------------------*/
/*** ESSENTIAL STYLES SUPERFICH ***/
.menuh, .menuh * { margin:0px;padding:0;list-style:none;}
.menuh {line-height:1.0;}
.menuh ul {position:absolute;top:-999em;width:10em; }
.menuh ul li {width:100%; }
.menuh li:hover { visibility:inherit; }
.menuh li {float:left;position:relative; padding:0 0 0 9px; margin-top:0px; }
.menuh a {display:block;position:relative;}
.menuh li:hover li ul,.menuh li.sfHover li ul {top:-999em;}
.menuh li li:hover ul,.menuh li li.sfHover ul {left:10em;top:0;}
.menuh li li:hover li ul,.menuh li li.sfHover li ul {top:-999em;}
.menuh li li li:hover ul,.menuh li li li.sfHover ul {left:10em;	top:0;}

/*** SKIN SUPERFICH ***/
.menuh { padding:0px; list-style:none; float:right;  margin:33px 0px 8px 0px; border:0px solid #E4E5E5; }

	/*PARENT*/
	.menuh a{color:black; font-size:19px; padding:13px 10px 14px 0px; text-decoration:none;	 }
	
	/*.menuh .sep{display:inline; float:left; width:1px; height:38px; margin-top:0px; padding:0px; background:#E4E5E5;} */
	
	/*PARENT HOVER*/
	.menuh li:hover { outline:0; }
	.menuh li:hover a{	color:#C10019; }
	.menuh li.selection {  outline:0; }
	.menuh li.selection a {color:#C10019; }

	/*ENFANT*/
	/*.menuh li:hover ul.enf1 {left:0;top:37px;z-index:99;  padding:5px 17px 8px 1px; margin-left:0px;  }
	.menuh li:hover ul.enf1 a{color:white;  background:none; font-size:95%}
	.menuh li:hover ul {left:0;top:25px;z-index:99;  padding:1px 0px 8px 1px; margin-left:8px  }
	.menuh li:hover ul li { background:none; border:0px solid yellow; }
	.menuh li:hover ul a { color:white; padding:5px 5px 5px 0px; text-decoration:none;  	  }
	.menuh li:hover ul li:hover { background:white; border:0px solid red;  }
	.menuh li:hover ul .sfHover a {  padding:5px 5px 5px 0px; text-decoration:none;color:black;  border:0px solid yellow  }
	.menuh li:hover ul li.selection {  background:white;	outline:0;}
	.menuh li:hover ul li.selection a { color:black;}*/

	.menuh li:hover ul.enf1 {left:0; top:37px;z-index:99; padding:5px 1px 8px 1px; margin-left:0px;  }
	.menuh li:hover ul.enf1 a{color:#FFFFFF; padding:4px 10px; font-size:95% }
	.menuh li:hover ul.enf1 a:hover{color:black;}
	.menuh li:hover ul li {  padding:0px }
	.menuh li:hover ul li:hover { background:white;  }
	.menuh li:hover ul .sfHover a { color:black;  }
	.menuh li:hover ul li.selection {  background:white;  outline:0;}
	.menuh li:hover ul li.selection a { color:black;}
	
	.sf-shadow ul {	padding:0px 0px 3px 3px;background:#C10019; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  -moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000;  box-shadow: 5px 5px 5px #000; }
	

#bownser{ display:none; color:gray; height:auto; padding:10px;	width:98%;	text-align:center;	background:#EFEFEF;	border-bottom:1px solid #C5576E; z-index:3000;	position: absolute;  top: 0;    left: 0;}
.formError { position:absolute;	top:300px; left:300px;	width:200px;	padding-bottom:15px; display:block;	z-index:50000;}
.formError .formErrorContent { background:#C10019;	color:#fff;	width:100%;	font-family:tahoma;	font-size:10px;	box-shadow: 1px 1px 6px gray;-moz-box-shadow: 1px 1px 6px gray; -webkit-box-shadow: 1px 1px 6px gray;	padding:4px 10px 4px 10px;	border-radius: 6px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;}
.formError .formErrorArrow{	position:absolute;	bottom:0;left:20px;	width:15px; height:15px;}
.formError .formErrorArrow div{	box-shadow: 1px 4px 5px gray; -moz-box-shadow: 1px 4px 5px gray; -webkit-box-shadow: 1px 1px 5px gray;	font-size:0px; }
.formError .formErrorArrow .line10{width:15px;height:1px; background:#C10019;margin:0 auto; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#C10019;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#C10019;margin:0 auto;display:block;} 





form.formContact{ margin:10px; width:369px; border:0px solid green }
form.formContact p  { clear:left; margin:3px 0px;} 
form.formContact .lab  {  font-weight:bold;  display: inline; float:left;  width: 90px;  margin: 0px;  } 
form.formContact .i {  font-weight:normal; display: inline;  float: left;  width: 90px; margin: 0px; } 
form.formContact .text {border: 1px solid silver; padding:1px;  width:260px;}
form.formContact .select {border: 1px solid silver; padding:1px; width:262px; }
form.formContact .textarea {border: 1px solid silver; padding:1px; width:260px; height:100px}
form.formContact .box{ padding:0px; margin: 0px 0px 0px 90px; }
form.formContact input[type=button]{float:right; border:1px solid white; color:white; background-color:#C10019; padding:0px; cursor:pointer; margin:0px 0px 20px 0px;}
form.formContact input[type=button]:hover{ border:1px solid white; color:gray; padding:0px; margin-left:1px;}
form.formContact .oublipass{font-size:9px}