/* CSS BigMat :: GENERAL LAYOUT */

* {margin:0;padding:0} /* chaque navigateur à sa propre gestion des margin et padding par defaut qu'il convient de remettre à zero si l'on veut unifier la présentation */
html {height:100%}

/*
body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:normal;
	background:url(/img/bodyBg.gif) repeat-y center top #333;
	color: #ccc;
}
*/

body {
	background:#e7e7e7; 
	text-align:center; 
}

img {
	border:none;
}

a {
	color:#c00;
}

a:hover {
	color:#000;
}

div.clear {clear:both}

#wrapper	{
	background:#e7e7e7 url('/img/modele/fd_page.jpg') repeat-y; 
	margin:0 auto; 
	text-align:left; 
	width:740px; 
	font:normal 11px arial; 
	padding:0 75px; 
	position: relative; 
	/*
	min-height: 104%; 
	height:100%;	
	*/
}

#milieu		{float:left; width:370px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ bandeau +++++++++++++++++++++++++++++++++++++++++++++++++*/
#header{position:relative;height:70px;}
#logo	{position:absolute;top:0px;left:0px}
/* langue */
#langue			{position:absolute;top:7px;right:0px; font:bold 10px/10px arial; text-transform:uppercase; color:#004186;}
#langue ul li	{display:inline;}
#langue ul li.be{background:url(../../img/modele/drapeau-belge.gif) no-repeat left center; padding-left:14px;}
#langue ul li.it{background:url(../../img/modele/drapeau-italien.gif) no-repeat left center; padding-left:14px;}
#langue ul li.es{background:url(../../img/modele/drapeau-espaqnol.gif) no-repeat left center; padding-left:14px;}
#langue ul li a			{color:#004186;}
#langue ul li a:hover	{color:#004186; text-decoration:underline;}
/* /langue */

/* rechercher */
#form_rechercher{position:absolute; top:30px; right:0px; width:185px; height:35px;}
#form_rechercher form{width:185px; height:36px;}
#form_rechercher table.form td{vertical-align:middle;padding-top:0;}
#form_rechercher form .libelle{color:#fff; width:40%}
#form_rechercher form .saisie input{border:1px solid #048; height:17px; width:157px; color:#048; padding-left:3px;}
/* rechercher */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ /bandeau +++++++++++++++++++++++++++++++++++++++++++++++++*/

/* pied_page */
#footer			{border-top:#7f7f7f 1px dotted ; font:bold 10px/10px arial; text-transform:uppercase; padding:10px 0; margin-top:6px; color:#004186;position: relative; width:740px;}/* BV : posit relaticve et 740px*/
#footer ul li	{display:inline; padding:0 15px;}
#footer ul li a	{color:#004186;}
#footer .left	{}
#footer .right	{}


/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
.center{text-align:center;display:table;margin-left:auto;margin-right:auto;}

li.menu_texte
{
   position:relative;
   display: block;
   padding-top: 7px;
   margin: 0;
   border-left: 1px solid #fff;
   border-top: 1px solid #fff;
   border-right: 1px solid #aaa;
   text-align:center;	
}

a.menu_off:link
{
	font-familly: verdana;
	text-decoration: none;
	color:#FFFFFF;
	FONT-SIZE: 12pt;

}

a.menu_off:visited
{
	font-familly: verdana;
	text-decoration: none;
	color:#FFFFFF;
	FONT-SIZE: 12pt;

}

a.menu_off:active
{
	font-familly: verdana;
	text-decoration: none;
	color:#FFFFFF;
	FONT-SIZE: 12pt;

}

a.menu_off:hover
{
	font-familly: verdana;
	text-decoration: none;
	color:#FFFFFF;
	FONT-SIZE: 12pt;

}

.itemmenu_select
{
	background:#0000FF;
}


#page {
	padding:20px 50px;
	background-color: #fff;
	color: #666;
	clear: both;
}
img.floatLeft {
	margin: 0px 20px 20px 0px;
	float: left;
}
.black {
	color: #000;
}
.red {
	color: #c00;
}
#page div.leftcol {
	width:50%;
	float:left;
}
#page div.rightcol {
	width:50%;
	float:left;
}

#page div.article_dossier {
	width:50%;
	float:left;
}

#centre {
background-color:#FFFFFF;
margin-left: 0px;
color: #666;
clear: both;
padding:1px 1px;
/*padding-top:15px;*/
}

#pied {
height: 20px;
background-color:#E60005;
border: 1px solid #000;
}

#sep {
	font-size:1px;
	line-height:1px;
}

p {margin: 0 0 10px 0;}

.spacer {
  clear: both;
}

#div_liste_dossiers {
	padding-left:5px;
	text-align: left;
}

#div_liste_actu {
	padding-left:5px;
	text-align: left;
}

#actu_liste {
	margin: 10px; 
	padding: 5px; 
	list-style-image: url('/images/puce.jpg');
}

#actu_liste1 {
	padding: 3px; 
	margin: 5px 5px 5px 25px; 
	list-style-image: url('/images/puce1.jpg');
}


#div_texte_dossier {
	padding-left:3px;
	padding-right:4px;
	width: 95%;
	text-align:justify;
	color: #003F8A; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.style_business  h3 {
	background-image: url(/img/greyArrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	padding: 6px 0px 6px 30px;
}

.style_business   h3 span {
	font-weight: normal;
}

.style_business   p  {
	font-size: 10px;
	margin-left: 30px;
	line-height: 1.5em;
}

.style_business   ul {
	font-size: 10px;
	margin-left: 30px;
	line-height: 1.5em;
}

.style_business   img {
	font-size: 10px;
	margin-left: 30px;
	line-height: 1.5em;
}

.style_business   h4 {
	font-size: 10px;
	margin-left: 30px;
	line-height: 1.5em;
	margin-bottom: 0px;
}


#entete_prod {
height: 90px;
}

html>body #entete_prod {
height: auto;
min-height: 90px;
} 

#pied_prod {
height: 11px;
}

html>body #pied_prod {
height: auto;
min-height: 11px;
} 

.pdv_logo_gauche
{
	float:left; 
	width:50%;
}

.pdv_entete_droite
{
	float:right; 
	width:50%;
	padding-top:40px;		
}

.pdv_entete_gauche
{
	float:left; 
	width:50%;
	padding-top:40px;
}

.pdv_logo_droite
{
	float:right; 
	width:50%;
}

.prd_gauche
{
	float:left;
	width:49%;
	text-align:left;
	height:90px;
}

.prd_droite
{
	float:right;
	width:49%;
	text-align:left;
	height:90px;
}

.cote_a_cote
{
	float:left; 
	width:50%;
}

.cote_a_cote_gauche
{
	float:left;
	width:50%; 
	text-align:left;
}

.code_a_cote_droite
{
	float:right;
	width:50%; 
	text-align:left;		
}
.prod_bandeau
{
	float:left;
	width:100%;
	text-align:center;
}
.prod_liste_picto
{
	width:100%;
	float:left;
	border:1px solid #000000;
	padding-left:5px
}