@charset "utf-8";
/* CSS Document */
*
{
margin:0px;
padding:0px;
}
html
{
height:100%;
margin:0px;
padding:0px;
}
.clear {clear: both;}
body
{
	/*width:1020px;*/
	background: #FFFFFF url(../images/img_web_interface/css/bgdFG.jpg) no-repeat center top; 
	margin:auto;
}
.conteneur
{
	width:1020px;
	position: relative ;
	height:auto!important;
	min-height:95%;
	height:95%;
	margin:auto;
}
#header
{
	float:left;
	display:inline;/* ajout bug ie6 */
	width:1020px;
	height:100px;	/*127px;*/
	/*background-image:url(../images/img_web_interface/css/de/header.jpg);*/
	background-repeat:no-repeat;
}
#header a img
{
	border : none ;
	margin-left:10px;	/*10PX*/
	margin-top:31px;	/*32PX*/
}
#corps
{
	display:inline;/* ajout bug ie6 */
	width:1020px; /*1008*/
	float:left;
	/*padding-left:6px;
	padding-right:6px;*/
	padding-bottom: 10px;
	/*background-color:#cfcfcf;#999999;*/
	/*background: #6b1814 url(../images/img_web_interface/css/de/bgd.jpg);*/
}
#menu 
{
	float:left;
	width:692px;
	height:40px;
	z-index:100;
	display:inline;
	/*background-image:url(../images/img_web_interface/css/en/mnu/bgdmnuTop.jpg);*/
	/*margin-top:6px;*/
	/*border:1px solid red;*/
}
#menu dl
{
	float:left;
	display:inline;
	margin-left:10px;
	/*width:160px;*/
}
#menu dt
{
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:33px;	/*33*/
	text-align:center;
	font-weight:bold;
	margin-top:6px;
	color: gray;
	/*margin-right: 10px;*/
}
#menu dt a
{
	text-decoration: none;
	height: 100%;
	color:#333333;
}
#menu dt a.fg
{
	text-decoration: none;
	height: 100%;
	color:#333333;
}
#menu dt a:hover, #menu dt:hover 
{
	color:#333333; /*#FF0000;*/
}

#menu dl dt a.active, menu dt a.active:link, menu dt a.active:visited
{
	color:#000000;
}
/* ******************* menu pour le moteur de recherche ******************* */
#menuSupEnSearch
{
	float:right;
	display:inline;
	width:326px;
	margin-top:3px;
	/*background-image:url(../images/img_web_interface/css/en/mnu/bgdmnuTop.jpg);*/
	/*border:1px solid red;*/
}
/*-------------------------------search engine ----------------------------------------*/
#EngSearch
{
	/*width:205px;*/
	margin:0px 5px 0px 5px;
}
#EngSearch input[type=text]
{
	width: 260px; /* 145px;*/
	height:26px; /*23px;*/
	font-size:0.9em;
	line-height:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 20px;
}
#EngSearch input[type=submit]
{
	background:url(../images/img_web_interface/css/submit_button.jpg) bottom left no-repeat;
	width:27px;
	height:27px;
	cursor: pointer;
	border:1px solid black;
	vertical-align:top;
}
/*-------------------------------- no result -----------------*/
.noresult {
    float:left;
    display:flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 788px;
    height: 150px;
    font-size:0.8em;
}

/* ********************************* affichage menu produit deroulant FG*********************************/
#subMnuFG
{
	visibility:hidden;
	position: absolute;
	width:1020px;
	height :340px;
	z-index: 5;
	background-image:url(../images/img_web_interface/css/mnu/mnudrlEn.jpg);
	background-color:#CCCCCC;
	/*border:#666666 1px solid;*/
	top: 140px;	/*150
	/*left :105px;*/
}
.MnuPrdFG
{
	line-height:15px;
	position:relative;
	vertical-align:inherit;
	z-index:2;
	margin-top: 0px; /*10*/
}
.MnuPrdFG tr td
{
	vertical-align:top;
}
.MnuPrdFG tr td h2
{
	margin:8px 5px 0px 5px;
	color:#474747;	/*666666;*/
	background-color:#999999;
	line-height:30px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
}
.MnuPrdFG tr td ul
{
	height:140px;
}
.MnuPrdFG tr td ul li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 5px 0px 5px;
	padding-left:5px;
	line-height:20px;
	/*background-color:#CCCCCC;*/
	list-style-position: inside;
	list-style-type: none;
	font-size:0.7em;

}
.MnuPrdFG tr td ul li a
{
	text-decoration:none;
	color:#000000;	/*#efefef; /*#FFFFFF;*/
}
.MnuPrdFG tr td ul li a:hover
{
	color:#FFFFFF; /*#FFFFFF;*/
}
/*affichage corps */
#bloc_left
{
	float:right;
	display:inline;
	width:215px;
	margin-top:6px;
	/*border : 1px solid red;*/
}
#bloc_large_index
{
	/*float:left;*/
	display:flex;
        flex-direction: row;
        /*display:inline;*/
        
	z-index:2;
	width: 1020px;/*1008*/
	height : 450px;
	margin-top:5px;
	/*border : 1px solid red;*/
	/*background-image:url(../images/img_web_interface/css/bgd_medium.jpg);*/
	background-color: #FFFFFF;
	/*border:1px solid red;*/
}
#bloc_large
{      
	float:left;
        /*display:inline;*/      
	z-index:2;
	width: 1020px;/*1008*/
	height : 450px;
	margin-top:5px;
	/*border : 1px solid red;*/
	/*background-image:url(../images/img_web_interface/css/bgd_medium.jpg);*/
	background-color: #FFFFFF;
	/*border:1px solid red;*/
}
#bloc_788
{
	float:left;
	display:inline;
	z-index:2;
	width: 788px;
	margin-top:5px;
	background-color:#FFFFFF;
}
#bloc_medium
{
	float:left;
	display:inline;
	z-index:2;
	width: 788px;
	margin-top:5px;
}
#bloc_medium_white
{
	float:left;
	display:inline;
	z-index:2;
	width: 788px;
	margin-top:5px;
}
#bloc_medium img, #bloc_medium_white img
{
	clear:both;
	display:block;
}
#bloc_medium p, #bloc_medium_white p
{
	float:left;
	width:776px;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:left;
	padding:5px;
	margin-top:5px;
	margin-bottom:0px;
}
/* ------------------------------formatage des paginations------------------------------*/
#bloc_resultat_pagination
{
	float:left;
	width:775px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.9em;
	color:#999999;		/* couleur grise */
}

#bloc_resultat_pagination a
{
	font-size:0.8em;
	color:#000000;
        padding:0.2em;    
}
#bloc_resultat_pagination span
{
        padding :0.2em;
}
/*                                      backlink bouton qui revient en arrière                */

div.backlink
{
	float:left;
	width:775px;
	line-height:10px;
	margin-top:30px;
	margin-bottom:10px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
}
div.backlinkright
{
	float:right;
	width:200px;
	line-height:10px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:right;
	margin-right:8px;
}
div.backlink a, div.backlinkright a
{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}
/* --------------------fin formatage pagination et backlink ----------------------------*/

#footer
{
	float:left;
	width:1006px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:0.8em;
}
#footer a
{	
	text-decoration : none;
	color:#000000;
}
#footer a:hover
{	
	color:#666666;
}
#footer a.link:hover
{	
	color:#FF0000;
}

/*  --------------- loader ------------------------------*/
/*#loader{
    display:flex;
    background: url('../images/ui/loader/loader.gif') 50% 55% no-repeat rgba(0, 0, 0, 0.9);
    cursor: wait;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    visibility: hidden;
}
#loader h1{
    display:flex;
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    font-family: Verdana,"Open Sans",sans-serif;
    text-align: center;
}*/