/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
/* Pour habiller les pages par défaut */
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:white;
}
a{
	color:#0000FF;
	text-decoration:none;
	position: relative;
}
a:hover{ text-decoration:none;color: #0000FF; }
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,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser après une serie de div qui possède un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	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; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenaire-page{
	position: absolute;
	left: 50%; /*positionnement à 50% de la gauche de la page du navigateur */
	z-index: 101; /* profondeur du div */
	top: 140px; /* hauteur du div par rapport au haut de la page */
	border-top:0px;
	
}
#contenaire-page{
	margin-left: -462px;
	width:923px;
}

#contenu-main{
	background-image: url(../img/commun/hp/bg_ombre.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/hp/bg_ombre.png', sizingMethod='scale');
	background-repeat: repeat;
	width:885px;
	padding:0px 22px 0px 16px;
}

/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 0px;
	height:140px;
}
#entete{	
	margin-left: -462px;
	width:923px;
}
/********************************************************/
/* LOGO ANIM FLASH */
.logo-flash{
	width:923px;
	height:140px;
}
/********************************************************/
/* POSITIONNEMENT DE L'OMBRE TOP  */
#ombre-top{
	line-height: 15px;
	height: 15px;
	background-image: url(../img/commun/hp/ombre_top.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/hp/ombre_top.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
}
/*******************************************************/
/* LES COLONNES */
/* colonne 01 */
#colonne1{
	float:left;
	width:225px;
	border-right: 1px solid #FFFFFF;
}
.rech-critere{
	width:181px;
	height:38px;
	line-height:38px;
	padding-left:44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(../img/commun/hp/bg_bt_rech_critere.gif);
	background-repeat: no-repeat;
}
.rech-critere a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
.rech-critere a:hover{
	color:#F7E0AC;
}
/*  TITRE PARTIE SELECTION */
.selection{
	background-image: url(../img/commun/hp/bg_notre_select.gif);
	padding: 33px 0px 0px 20px;
	margin-top: 1px;
	height: 387px;
}
/* IMAGES PARTIE SELECTION */
.img-select{
	width: 172px;
	height: 112px;
	background-image: url(../img/commun/hp/bg_cadre_photo.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/hp/bg_cadre_photo.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
	padding: 4px 11px 12px 4px;
	margin-top: 13px;
}
/* TEXTE DESCRIPTIF SELECTION */
.text-selection{
	padding: 10px 18px 27px 5px!important;
	padding: 10px 18px 20px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	
}
.text-selection h1{
	font-size: 10px;
	color: #FDEECA;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:7px;
}
/* BOUTON TOUS LES DDETAILS PARTIE SELECTION */
.bt-selection-detail{
	text-align: right;
	padding: 0px 18px 7px 0px;
}
/******************/
/* colonne 02 */
#colonne2{
	float:left;
	width:659px;
}
/*MENU DE LA COLONNE 02 */
.menu{
	height:38px;
	background-color:#00287B;
}
a.lien-menu-nouvo,
a.lien-menu-ca,
a.lien-menu-newsletter,
a.lien-menu-contact{
	float:left;
	display:block;
	text-decoration:none;
	width:164px;
	height:38px;
	line-height:38px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
}
a.lien-menu-ca{
	width:155px;
}
a.lien-menu-newsletter{
	width:139px;
}
a.lien-menu-contact{
	width:198px;
}
a.lien-menu-nouvo:hover,
a.lien-menu-ca:hover,
a.lien-menu-newsletter:hover,
a.lien-menu-contact:hover{
	color:#F7E0AC;
}
/* separateur menu */
.separateur-menu{
	float:left;
	height:38px;
	width:1px;
	background-image: url(../img/commun/hp/separateur_menu.gif);
	background-repeat: no-repeat;
	font-size: 1px;
}
/* IMAGES ANIMATION HP */
.anim-img-hp{
	margin-top:1px;
	height:420px;
	width:659px;
}
/* TEXTE DE PRESENTATION DE LA SOCIETE */
.texte-pressentation h1{
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size:22px;
	font-weight:bold;
	color:#002172;
	padding-bottom:7px;
	}
	
.texte-pressentation{
	float:left;
	padding:26px 33px 20px 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#6C6C6C;
	width:620px;
	text-align: justify;
}
/* ADRESSE DE LA SOCIETE */
.adresse h1{
	font-size:14px;
	font-weight:bold;
	color:#002172;
	padding-bottom:7px;
	font-family: "Times New Roman", Times, serif;
}
.adresse{
	float:left;
	padding:7px 0px 7px 25px;
	font-size:12px;
	color:#6C6C6C;
	border-left: 1px dashed #D0D0C8;
	margin: 10px 0px 15px 0px!important;
	margin: 20px 0px 10px 0px;
	width:175px;
}
.adresse a{
	text-decoration:underline;
	color:#6C6C6C;
	}
.adresse a:hover{
	text-decoration:none;
	color:#000000;
	}
/*******************************************************/
/* MENU DU BAS */
#menu-bas{
	padding-top:5px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	color: #6C6C6C;
	border-top: solid #D0D0C8 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	width: 885px;
	margin-top:1px;
}
#menu-bas a{
	text-decoration:none;
	font-size: 11px;
	color:#6C6C6C;
}
#menu-bas a:hover{
	color:#000000;
}

/*******************************************************/
/* COPYRIGHT */
#copyright{
	background-image: url(../img/commun/hp/ombre_bottom.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/hp/ombre_bottom.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
	text-align:center;
	height: 35px;
	line-height: 35px;
	color: #B6B5A9;
	font-size: 10px;
}
#copyright a{
	text-decoration:none;
	font-size: 10px;
	color:#B6B5A9;
}
#copyright a:hover{
	color:#000000;
}
#esm {
	display:none;
}