/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
}
/* BUG IE5.5*/
@media tty {
   i{content:"\";/*" "*/}}@m; td{font-size:12px;} /*";}
   }/* */

html{
/*	margin-bottom:20px;*/
}
a{ 	color:#3A25FF;	text-decoration:none; }
a:hover{
	text-decoration:underline;
}
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }
div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,blockquote,font,small,big{ line-height:1.2em; }
.left-cleaner,
.right-cleaner,
.cleaner{
	display:block;
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important;
}
.div-detection-flash{
	display:none;
	margin:0px;
	position:absolute;
	right:0px;
	top:-105px;
	font-weight:normal;
	text-align:center;
	width:500px;
	border:1px solid #C6C5C0;
	padding:25px;
	color:white;
}
* .div-detection-flash a{display:inline;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
h5{font-size:10px;}
h6{font-size:8px;}
/******************************/
/*** class des zones ektron ***/
/*** ATTENTION NE PAS		***/
/*** OUBLIER DE MAINTENIR	***/
/*** ektron.css				***/
/******************************/

.ektron {
	font-size:12px;
	color:#707070;
}
.ektron img.image-a-gauche{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.ektron img.image-seul{ margin:-20px; }

.ektron img.image-a-droite{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.ektron h1{font-size:16px;}
.ektron h2{font-size:14px;}
.ektron h3{font-size:12px;}
.ektron h4{font-size:11px;}
.ektron h5{font-size:10px;}
.ektron h6{font-size:8px;}

.ektron h1, .ektron h2, .ektron h3, .ektron h4, .ektron h5, .ektron h6{margin-top:0.7em;margin-bottom:0.3em;}

.ektron ul,.ektron ol, .ektron blockquote{
	margin-left:30px;
	padding-top:8px;
	padding-bottom:8px;
}
.ektron p{	font-size:12px; }

img.ie-margin-bug{ display:block;}
img.png{behavior: url(../../img/pngHack.htc);}


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#chargement{
	display:none;
	font-weight:bold;
	position: absolute;
	left: 50%;
	text-align:left;
	width:760px;
	margin-left:-350px;
	z-index: 101;
	top: 159px;
	border-top:0px;		
}
#contenu-page{
	/*opacity:0;
	filter:alpha(opacity=0);*/
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 107px;
	/*top: 177px;*/
	border-top:0px;		
	padding:0px 20px 0px 20px;	
}
#contenu-page{
	margin-left: -401px;
	width:802px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left: -381px;
	width:762px;
}
html>body  #contenu-page{
	margin-left: -381px;
	width:762px;		
}
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	/*opacity:0;
	filter:alpha(opacity=0);*/
	position: absolute;
	left: 50%;
	z-index: 100;
	padding:0px 20px 0px 20px;
	border-bottom:0px;	
}
#entete{
	margin-left: -401px;
	width:802px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left: -381px;
	width:762px;
}
html>body #entete{
	margin-left: -381px;
	width:762px;		
}
/*******************************************************/
/* LOGO */
#logo{
	float: left;
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 19px;
}
* html #logo{
	margin-left: 30px;
}
/*******************************************************/
/* SUPPORT INFOS */
#support{
	float: right;
	width: 350px;
	text-align: right;
	margin-top: 27px;
	margin-right: 24px !important;
	margin-right: 12px;
}
/*******************************************************/
/* COLONE */
/*******************************************************/


/*******************************************************/
/* MENU DU BAS */
#menu-bas{
	line-height: 15px;
	padding-top:21px;
	padding-bottom: 7px;
	text-align: center;
	color: #5A5A5A;
}
#menu-bas,
#menu-bas a{
	font-size: 10px;
	color:#5A5A5A;
	text-align: center;
}
#menu-bas a:hover{
	color:black;
}

/*******************************************************/
/* COPYRIGHT */
#copyright{
	font-family:Arial, Verdana,  Trebuchet MS;
	margin-bottom:13px;
	text-align:center;
	height: 13px;
	line-height: 13px;
	color:#979797;
	padding-bottom:20px;
}
#copyright,
#copyright a{
	color:#979797;
	font-size: 9px;
	
}
#copyright a:hover{
	color:black;
}
/**************************/
/* INFOBULLE PAR DEFAULT  */
.info-bulle{
	display:none;
	position:absolute;
	left:-200px;
	top:-500px;
	border:1px solid #CCCCCC;
	background-color:#FBFCEC;
	width:200px;
	z-index:1100;
	font-size:11px;
	/*visibility:hidden;*/
}

.info-bulle div.contour{
	position:relative;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;	
	margin-bottom:-2px;
	margin-right:-2px;	
}
.info-bulle div.contenu{
	padding:7px;
}
.info-bulle .lien-fermer{
	position:absolute;
	top:7px;
	right:7px;
	display:block;
}
.info-bulle .titre{
	background-color:#ADADAD;
	color:white;
	font-weight:bold;
	padding:3px 7px 3px 7px;
	display:block;
}
.info-bulle .titre span{
	color:#EFEFEF;
	font-style:italic;
}
/*******************************************/
/* INFO REFERENCE */
.info-bulle-temoignage{
	display:none;
	position:absolute;
	left:-300px;
	top:-500px;
	border:1px solid #CCCCCC;
	border:1px solid #608679;
	background-color:#FFFFFF;
	width:300px;
	z-index:1100;
	font-size:11px;
}

.info-bulle-temoignage div.contour{
	position:relative;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-right:1px solid #354A43;
	border-bottom:1px solid #354A43;
	margin-bottom:-2px;
	margin-right:-2px;	
}
.info-bulle-temoignage div.contenu{
	padding:10px;
}
.info-bulle-temoignage .lien-fermer{
	position:absolute;
	top:7px;
	right:7px;
	display:block;
}
.info-bulle-temoignage .titre{
	background-color:#608679;
	color:white;
	font-weight:bold;
	padding:5px 21px 5px 7px;
	display:block;
}
.info-bulle-temoignage .titre span{
	color:#EFEFEF;
	font-style:italic;
}

.info-bulle-newsletter{
	display:none;
	position:absolute;
	left:-300px;
	top:-500px;
	background-color:#FFFFFF;
	background-image:url(../../img/commun/rub/fond_lettre_abonne.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/rub/fond_lettre_abonne.png', sizingMethod='crop');
	background-image:none;
	background-position:left top;
	width:274px;
	height:59px;
	background-repeat:no-repeat;
	z-index:1100;
	font-size:11px;
/*	border:2px solid #EEEEEE;
	border-left:0px;
	border-right:0px;
*/}
.info-bulle-newsletter input{font-size:10px;width:70px;}
.info-bulle-newsletter input.text{width:115px;}
.info-bulle-newsletter div.contour{

}
.info-bulle-newsletter div.contenu{
	padding:4px 5px 0px 23px;
}

.info-bulle-newsletter .titre{
	color:#608679;
	font-weight:bold;
	font-size:12px;
	padding:11px 13px 0px 23px;
	display:block;
}
.info-bulle-newsletter .titre span{
	color:#608679;
	font-style:italic;
}
/*** INFOS BULLE RECRUTEMENT */
.info-bulle-recrute{
	/*display:none;*/
	position:absolute;
	/*left:-300px;
	top:-500px;*/
	background-color:#FFFFFF;
	background-image:url(../../img/commun/rub/fond_lettre_abonne.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/rub/fond_lettre_abonne.png', sizingMethod='crop');
	background-image:none;
	background-position:left top;
	width:274px;
	height:59px;
	background-repeat:no-repeat;
	z-index:1200;
	font-size:11px;
/*	border:2px solid #EEEEEE;
	border-left:0px;
	border-right:0px;
*/}
.info-bulle-recrute .titre{
	color:#608679;
	font-weight:bold;
	font-size:11px;
	padding:15px 10px 0px 12px;
	display:block;
}
.info-bulle-recrute div.contenu{
	padding:2px 5px 0px 150px;
}
.info-bulle-recrute div.contenu a{
	font-size:10px;
	text-decoration:none;
	color:#1D3ABC;
}
.info-bulle-recrute div.contenu a:hover{
	color:#333333;
}
/*****************************/
textarea.controle_champ_error,
input.controle_champ_error{
	border:1px solid red;
}

.form-textarea{
	width:
}
