/*******************************
	TEMPLATE CSS COMMUN
*******************************/




/*****************************
      BALISES COMMUNNES
******************************/
html,
body{
	\height:100%;
}
body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:#EBEBEB;
}
a{
	color:#0000FF;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: #0000FF;
}
img {
	border:0px;
}

/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,blockquote{
	margin-left:15px;
}
div,p,h1,h2,h3,h4,h5,h6,ul,blockquote,font{
	line-height:1.2em;
}

.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
	/*background-color:#FF0000;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}

.div-detection-flash{
	padding:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	height:285px;
	border:0px solid #C6C5C0;
	margin:25px;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenu-page{
	position: absolute ;
	left: 50%;
	z-index: 101;
	top: 268px;
	background-color:white;	
	width:800px;
	margin-left: -400px;
}
#emplacement-page{
	position:relative;
}
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	background-color:white;
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 20px;
	margin-left: -400px;
	width:800px;
}

.contour{
	background-color:white;
	position:relative !important;
	position:absolute;
	border:1px solid #DCDCDC;
	background-position:19px 0px;
	background-repeat:no-repeat;
}
#entete .contour{
	padding:0px 19px 0px 19px;
	border-bottom:0px;
	background-image:url(../img/commun/bg_costa_haut_new.gif);
}
#contenu-page .precontour{
	height:4px;
	line-height:4px;
	font-size:1px;
	background-color:white;
	padding:0px 19px 0px 19px;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
}
#contenu-page .contour{
	padding:0px 19px 0px 19px;
	background-image:url(../img/commun/bg_costa_bas.gif);
	border-top:0px;
}
/*******************************************************/
/* MENU DU HAUT */
#menu-haut{
	text-align: left;
	line-height: 26px;
	float: left;
	width: 250px;
	height: 26px;
	color:#847672;
}
#menu-haut a{
	font-size: 10px;
	color:#847672;
}
#menu-haut a:hover{
	color:black;
}/*******************************************************/
/* MENU DU HAUT CONYTACT*/
#menu-contact{
	text-align: right;
	line-height: 22px;
	float: right;
	width: 200px;
	height: 22px;
	padding-top: 4px;
}

#menu-contact a{
	font-size: 10px;
	color:#847672;
}
#menu-contact a:hover{
	color:black;
}
/*******************************************************/
/* visuel */
#visuel{

}
/*******************************************************/
/* MENU */
#menu-espace-pro{
	background-image:url(../img/fra/texte_accroche_homepage.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;	
}
#menu-espace-pro img{

	/*display:block;*/
}
#menu-espace-pro a{
	/*display:block;
	margin-left:612px;*/
}
#menu-espace-pro span{
	display:block;
	margin-left:458px;
}
#menu-espace-pro a:hover{

}
/*******************************************************/
/* MENU */
#menu{
	height:50px;
}
#menu a{
	margin-right:1px;
	float:left;
}
#menu a#btn-societe,
#menu a#btn-entreprise{
	margin-right:0px;
}

#menu a#btn-produits,
#menu a#btn-services,
#menu a#btn-implantations,
#menu a#btn-societe{
	margin-top:0px;	
}
#ss-menu-services,
#ss-menu-produits,
#ss-menu-societe{
	position:absolute;
	height:151px;
	top:270px;
	left:50%;
	list-style-type:none;
	z-index:410;
	display:none;
	padding:0px;

}
#ss-menu-produits{
	width:190px;
	margin-left:-417px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:-379px;
	width:175px;				
}
html>body #ss-menu-produits{
	margin-left:-379px;
	width:175px;				
}	
#ss-menu-services{
	width:190px;
	/*width:200px;*/
	margin-left:-267px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:-229px;
	width:175px;
	/*width:185px;*/
}
html>body #ss-menu-services{
	margin-left:-229px;
	width:175px;	
	/*width:185px;*/
}	
#ss-menu-societe{
	width:190px;
	/*width:200px;*/
	margin-left:204px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:204px;
	width:175px;
	/*width:185px;*/
}
html>body #ss-menu-societe{
	margin-left:204px;
	width:175px;	
	/*width:185px;*/
}	
#fond-sous-menu-services,
#fond-sous-menu-produits{
	top:270px;
	left:50%;
	position:absolute;
	width:180px;		
	height:157px;
	z-index:255;
	display:none;
	padding:0px;	
}
#fond-sous-menu-societe{
	top:270px;
	left:50%;
	position:absolute;
	width:180px;		
	height:127px;
	z-index:400;
	display:none;
	padding:0px;	
}

#fond-sous-menu-produits{
	margin-left:-399px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:-379px;
}
html>body #fond-sous-menu-produits{
	margin-left:-379px;
}
#fond-sous-menu-services{
	margin-left:-249px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:-229px;
}
html>body #fond-sous-menu-services{
	margin-left:-229px;
}
#fond-sous-menu-societe{
	margin-left:204px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left:204px;
}
html>body #fond-sous-menu-societe{
	margin-left:204px;
}
#ss-menu-services li,
#ss-menu-produits li,
#ss-menu-societe li{
	background-position:5px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	line-height: 29px;
	border-bottom: dashed #000000 1px;
	margin:0;
}
#ss-menu-services li,
#ss-menu-produits li,
#ss-menu-societe li{
	height:30px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:29px;
}
html>body #ss-menu-services li,
html>body #ss-menu-produits li,
html>body #ss-menu-societe li{
	height:29px;
}
#ss-menu-produits li{
	background-image:url(../img/commun/rub/fleche_menu_mat.gif);
	background-color:#F9F8F8;
	opacity:.8;	
	filter: alpha(opacity=80);
}
#ss-menu-services li{
	background-image:url(../img/commun/rub/fleche_menu_serv.gif);
	background-color:#F9F8F8;
	opacity:.8;	
	filter: alpha(opacity=80);
}
#ss-menu-societe li{
	background-image:url(../img/commun/rub/fleche_menu_soc.gif);
	background-color:#F9F8F8;
	opacity:.8;	
	filter: alpha(opacity=80);
}

#ss-menu-services li,
#ss-menu-produits li,
#ss-menu-societe li{
	height:30px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:29px;
}
html>body #ss-menu-services li,
html>body #ss-menu-produits li,
html>body #ss-menu-societe li{		
	height:29px;		
}

#ss-menu-services li.transon,
#ss-menu-produits li.transon,
#ss-menu-societe li.transon{		
	background-color:white;
	opacity:1;	
	filter: alpha(opacity=100);
	
}

#ss-menu-services li.dernier-element,
#ss-menu-produits li.dernier-element,
#ss-menu-societe li.dernier-element{		
	border:0px;
	line-height:30px;
	height:30px;
}
#ss-menu-services li a,
#ss-menu-produits li a,
#ss-menu-societe li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4C4C4C;	
}
#ss-menu-services li a:hover,
#ss-menu-produits li a:hover,
#ss-menu-societe li a:hover{
	/*font-weight:bold;*/	
	/*background-color:inherit;
	background-color:transparent;*/
	color:#2A2A2A;	


}
/*******************************************************/
/* SS MENU PRODUITS */
/*******************************************************/
/* COLONNE GAUCHE */
#colonne-gauche{
	float: left;
	/*width: 223px;*/
	width: 205px;
	/*height: 500px;*/
}

/* COLONNE DROITE */
.bloc-droite{
	background-image:url("../../img/commun/bg_blanc.png");
	border:1px solid #CCCCCC;
	padding:12px 12px/*28px*/ 12px 55px;/* 18px;*/
	float: right;
	margin-bottom:10px;
}
.bloc-droite{
	width: 524px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 457px;
}
html>body .bloc-droite{
	width: 457px;
}
.min-height-bloc-droite{
	float:right;
	width:1px;
	height:360px;
	line-height:0px;
}
.min-height-photo {
	float:right;
/*	width:1px;*/	
	height:400px;
	line-height:0px;
}

html>body .min-height-photo {
float:right;
height: auto;
min-height:400px;
line-height:0px;
}
/*******************/
/* POUR LES TEXTES DE LA HOME PAGE */

p.text-presentation{
	padding:5px;
	color:#878787;
	
}
/*******************************************************/
/* MENU DU BAS */
#menu-bas{
	margin-left:247px;
	line-height: 15px;
	padding-top:10px;
	border-bottom: solid #DCDCDC 1px;
}
#menu-bas,
#menu-bas a{
	font-size: 10px;
	color:#847672;
	text-align: left;
}
#menu-bas a:hover{
	color:black;
}

/*******************************************************/
/* COPYRIGHT */
#copyright{
	margin-left:247px;
	padding-bottom:13px;
	text-align:left;
	height: 13px;
	line-height: 13px;
}
#copyright,
#copyright a{
	text-align: left;
	font-size: 10px;
	color:#847672;
}
#copyright a:hover{
	color:black;
}

.zone-ektron{
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height:1.2em;
	color:#323A4D;
}
.zone-ektron h1,
.zone-ektron h2,
.zone-ektron h3,
.zone-ektron h4,
.zone-ektron h5,
.zone-ektron h6,
.zone-ektron p{margin-bottom:10px; padding:5px;}
.zone-ektron h1,
.zone-ektron h2,
.zone-ektron h3,
.zone-ektron h4,
.zone-ektron h5,
.zone-ektron h6{padding-top:10px;}