/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
/*body{
	\height:100%;
}*/
/* Pour habiller les pages par défaut */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.2em;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	background-image:url(../img/commun/bg_body.gif);
	background-repeat:repeat;
}
a{ 	color:#0000FF;	text-decoration:none; }
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;
}
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
/********************************************************/
/* POSITIONNEMENT DE L'OMBRE TOP  */
.ombre-top{
	left: 50%;
	z-index: 100;
	top: 15px;
	border-bottom:0px;
	line-height: 5px;
	height: 5px;
	position: absolute;
	background-image: url(../img/commun/ombre_top.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/ombre_top.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
}
.ombre-top{
	margin-left: -401px;
	width:803px;
}
/********************************************************/
/* 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: 240px; /* hauteur du div par rapport au haut de la page */
	border-top:0px;
	
}
.contenaire-page{
	margin-left: -401px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:803px;
}

.sous-contenaire-page{
	background-image: url(../img/commun/ombre_bg.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/ombre_bg.png', sizingMethod='scale');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: repeat;
	width:791px;
	padding:0px 6px;
}
.contenu-main{
	background-color:#000134;
}
/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
.entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 20px;
	border-bottom:0px;	
	background-image: url(../img/commun/ombre_bg.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/ombre_bg.png', sizingMethod='scale');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: repeat;
}
.entete{
	margin-left: -401px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:803px;
}
/*********************************************************/
/* CONTENU POUR L'ENTETE */
.contenu-entete{
	margin:0px 6px 0px 6px;
	width: 791px;
	background-color:#000134;
}

/*******************************************************/
/* LOGO */
.logo{
	padding:50px 0px 34px 50px;
	width:358px;
	height:69px;
}

/*******************************************************/
/* MENU  */
.menu{
	font-size: 12px;
	margin: 0px 1px 0px 1px;
	width:789px;
	padding-bottom:35px;
}
.menu ul{
	padding:0px;
	margin:0px;
}
.menu li{
	list-style-type:none;
	display:inline;
}
.menu li.lien-menu-accueil-on,
.menu li.lien-menu-photo-on,
.menu li.lien-menu-tech-on,
.menu li.lien-menu-procede-on,
.menu li.lien-menu-contact-on{
	display:block;
	float:left;
	width:157px;
	height:32px;
	background-image:url(../img/fra/bt_accueil.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-right:1px;
	text-decoration:none;
}
.menu li.lien-menu-photo-on{
	background-image:url(../img/fra/bt_galerie.jpg);
}
.menu li.lien-menu-tech-on{
	background-image:url(../img/fra/bt_technique.jpg);
}
.menu li.lien-menu-procede-on{
	background-image:url(../img/fra/bt_procede.jpg);
}
.menu li.lien-menu-contact-on{
	background-image:url(../img/fra/bt_contact.jpg);
	margin-right:0px;
}
.menu li a.menu-accueil,
.menu li a.menu-photo,
.menu li a.menu-tech,
.menu li a.menu-procede,
.menu li a.menu-contact{
	display:block;
	float:left;
	width:157px;
	height:32px;
	background-image:url(../img/fra/bt_accueil.jpg);
	background-repeat:no-repeat;
	background-position:0px -32px;
	margin-right:1px;
	text-decoration:none;
}
.menu li a.menu-photo{
	background-image:url(../img/fra/bt_galerie.jpg);
}
.menu li a.menu-tech{
	background-image:url(../img/fra/bt_technique.jpg);
}
.menu li a.menu-procede{
	background-image:url(../img/fra/bt_procede.jpg);
}
.menu li a.menu-contact{
	background-image:url(../img/fra/bt_contact.jpg);
	margin-right:0px;
}
.menu li a.menu-accueil:hover,
.menu li a.menu-photo:hover,
.menu li a.menu-tech:hover,
.menu li a.menu-procede:hover,
.menu li a.menu-contact:hover{
	background-position:0px 0px;
}


/*******************************************************/
/* VISUEL */
.visuel-accueil{
	width:636px;
	height: 354px;
	margin:0px 0px 0px 77px;
}
/*******************************************************/
/* BLOCK TEXTE ACCUEIL */
.text-accueil{
	float:left;
	padding:30px 0px 30px 90px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#000134;
}
/*******************************************************/
/* BLOCK LOGO ACCUEIL */
.logo-accueil{
	float:left;
	padding:55px 0px 0px 45px;
	background-color:#000134;
}
/*******************************************************/
/* CONTENU  BAS */
.contenu-bas{
	width:791px;
	height:140px;
	background-image:url(../img/commun/fond_menu_bot.gif);
	background-repeat:no-repeat;
}
.contenu-bas a{
	font-size: 10px;
	color:#56606D;
}
.contenu-bas a:hover{
	color:black;
}
/* adresse */
.adresse{
	float:left;
	padding:18px 0px 0px 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.adresse a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.adresse a:hover{
	color:#FFFFFF;
}
.adresse p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
/* menu bas */
.menu-bas{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	padding: 20px 100px 0px 0px;
}
.menu-bas ul{
	padding:0px;
	margin:0px;
}
.menu-bas li{
	list-style-type:none;
	line-height: 20px;
}
.menu-bas li.lien-menu-bas-on{
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.menu-bas li a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
.menu-bas li a:hover{
	color:#FFFFFF;
}

/*******************************************************/
/* COPYRIGHT */
#copyright{
	background-image: url(../img/commun/ombre_bottom.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/commun/ombre_bottom.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
	margin-bottom:13px;
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #BABABA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#copyright a{
	font-size: 10px;
	color:#BABABA;
}
#copyright a:hover{
	color:black;
}
/******************************************/
/* POUR LA POP UP VIDEO */
/**********************/
/* BLOCK POPUP  */
#pop-up-3d{
	display: none;
	position: fixed;
	background-color: black;
        width:100%;
        height:100%;
        z-index:200;
        -moz-opacity:0.7;
        opacity: 0.7;
        filter:alpha(opacity=70);      
	top: 0px;
	left: 0px;  
}

#fond-3d{
       position: absolute;
       z-index: 202;
       display:none;
       background:#FFFFFF;
       padding:6px;
       width:760px;
	   height:570px;
	top:0%;
	left:2%;
}