html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-align:center; text-align:left; color:black; text-align:justify; background-color:white;}
#header{height:90px;}
#header-logo{width:90px;height:90px; padding:0 0 0 20px;float:left;}
#header-logo-flandres{width:290px;height:90px; padding:0 0 0 20px;float:left;}
#header-logo-certif{width:50px;height:90px; padding:0 0 0 20px;float:left;}
#header-slogan{width:350px;height:20px; padding-left:45px;float:left;}
#conteneur{width:960px;margin-left:auto;margin-right:auto;}
#conteneur-contenu{width:919px;margin-left:20px; padding-top:15px;background-color:#eaeaea; padding-bottom:20px;}
#menu-nav{height:46px;width:919px;background-color:#b92219; margin-left:20px;background:url("image/bg-menu.jpg") repeat-x;background-position:bottom;}
#gauche{float:left;width:251px;}
#contenu{margin-left:251px;background:url(image/grand-cadre-milieu.jpg) repeat-y;min-height:10px;}
#pied{height:30px;clear:both;background:url("image/pied.jpg"); background-repeat:no-repeat; background-position: 20px 0px;padding-top:10px;background-color:white;text-align:center;}
#arbo{margin-left:10px; height:25px;}

#pd-gauche{width:765px;float:left;height:70px; text-align:left; padding-left:20px;}
#pd-droite{width:150px;float:left;height:70px;}

/* Menu */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge int?rieure */
	margin : 0; /* ni ext?rieure */
	list-style : none; /* on supprime le style par d?fault de la liste */
	height : 46px;
	line-height : 40px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:920px;
}

#menu{font-weight:bold;font-family :Arial;font-size:12px;}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background:url("image/menu-off.jpg") repeat-x; /* couleur de fond */	
	color : white; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 228px; /* largeur */
}

#menu a.taille1 /* Contenu des listes */{width:231px;}
#menu a.taille2 /* Contenu des listes */{width:115px;}
#menu a.taille3 /* Contenu des listes */{width:170px;}

#menu li /* Elements des listes */{float :left;/* pour ie qui ne reconnait pas "transparent" */border-right: 1px solid #fff;/* on met une bordure blanche ? droite de chaque élément */}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li{border-right: 1px solid #5d5d5d ; /* on met une bordure transparante droite de chaque élément */}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 144px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	line-height:20px;
}

#menu li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me répéte ;-) */
html>body #menu li ul ul{border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #353535; /* On passe le texte en noir ... */
	background:url("image/menu-on.jpg") repeat-x; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ?l?ment de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ?l?ment de liste ET sous-sous-lites lorsque la souris passe sur un ?l?ment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

#menu ul li a {background:#5b5b5b none repeat scroll 0 0; text-align:left; padding-left:10px; width:218px;}
#menu ul li a:hover {background:#acacac none repeat scroll 0 0; text-align:left; padding-left:10px; width:218px;}

#menu ul.ssmenu1 li a {background:#5b5b5b none repeat scroll 0 0; text-align:left; padding-left:10px; width:238px;}
#menu ul.ssmenu1 li a:hover {background:#acacac none repeat scroll 0 0; text-align:left; padding-left:10px; width:238px;}

#menu ul.ssmenu2 li a {background:#5b5b5b none repeat scroll 0 0; text-align:left; padding-left:10px; width:221px;}
#menu ul.ssmenu2 li a:hover {background:#acacac none repeat scroll 0 0; text-align:left; padding-left:10px; width:221px;}

/* Pied de page en ligne*/
ul#menu_horizontal li {list-style-type :none;display :inline;padding :0 1.5em;}

/* Cadres - ON VOUS GUIDE & COUPS DE COEUR*/
#petitcadrehaut{background-image:url("image/petit-cadre-haut.jpg");background-repeat:no-repeat;height:13px; width:223px;margin-left:15px;}
#petitcadremilieu{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:y;width:223px;margin-left:15px;}
#petitcadremilieu-gris{background-image:url("image/petit-cadre-milieu-gris.jpg");background-repeat:y;width:223px;margin-left:15px;}
#petitcadrebas{background-image:url("image/petit-cadre-bas.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}
#petitcadrebas-gris{background-image:url("image/petit-cadre-bas-gris.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}
#petitcadrebas-2{background-image:url("image/petit-cadre-bas-2.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}

#petitdivcenter{width:223px;margin-left:15px;text-align:center; margin-bottom:15px;}

#contenantcadre{width:190px; margin-left:20px;margin-bottom:5px; margin-top:0;}

/* Cadre - Contenu principal */
#grandcadrehaut{background-image: url("image/grand-cadre-haut.jpg"); background-repeat:no-repeat;height:16px; width:650px;}
#grandcadremilieu{background-image: url("image/grand-cadre-milieu.jpg"); background-repeat:y;width:610px;padding:0 20px 0 20px;}
#grandcadrebas{background-image: url("image/grand-cadre-bas.jpg"); background-repeat:no-repeat;height:26px;width:650px; clear: both;}


/* Cadre - page Annonce */
#cadreannonce{width:612px;}
#cadreannoncedroite{width:292px;padding-right:10px;float:left;}


/* Mise en forme des tableaux de présentation */
/* Style des en-têtes du tableau */
.tableau-border{border:0px;}
.table-entete {color:white;font-weight:bold;font-family :Arial;font-size:12px;font-weight:bold;height:38px;text-align:center; background-color:#6bc100;}
.table-ligne1 {color :#333333;background-color :#c6c3bd;font-weight:bold;text-align:center;}
.table-ligne2 {color :#333333;background-color :#cccccc;font-weight:bold;text-align:center;}


/* Cadre couleur pour index et autres */
#encadrecouleur{width:592px;border: 1px solid #5b9a05; padding: 10px 10px 10px 10px; margin-bottom:10px;}


/* mise en forme du texte */
img{border:0;}
h1, h2{font-size:14px;font-weight:bold;background:url("image/puce-hn.jpg") no-repeat 0% 1px; padding-left:21px; margin:0; margin-bottom:10px;}
.h2-puce{font-size:14px;font-weight:bold;background:url("image/puce-hn.jpg") no-repeat 0% 1px; padding-left:21px; margin:0; margin-bottom:10px;}

.titre-logo{font-size:30px; text-align:left;}
.prix-coupdecoeur{color:#1d5d17;font-weight:bold; font-size:13px;}

a:link, a:visited, a:active{color:black;text-decoration:none;}
a:hover{color:black;text-decoration:underline;}

a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#142749;text-decoration:none;font-size:7px; font-weight:bold;}

a.blanc:link, a.blanc:visited, a.blanc:active{color:white;text-decoration:none; margin-bottom:10px;}
a.blanc:hover{color:white;}

a.noir-guide:link, a.noir-guide:visited, a.noir-guide:active{color:black;text-decoration:none; font-size:12px; font-weight:bold;}
a.noir-guide:hover{color:#1d5d17;font-size:12px; font-weight:bold;text-decoration:underline;}

a.pied:link, a.pied:visited, a.pied:active{color:#eb2728;text-decoration:none;}
a.pied:hover{color:#860203; text-decoration:underline;}

a.arbo:link, a.arbo:visited, a.arbo:active{color:#860203;text-decoration:none;}
a.arbo:hover{color:#eb2728; text-decoration:underline;}

a.noir:link, a.noir:visited, a.noir:active, a.noir:hover{color:black;text-decoration:none;}

a.coupdecoeur:link, a.coupdecoeur:visited, a.coupdecoeur:active{color:#1d5d17;text-decoration:underline;}
a.coupdecoeur:hover{color:#30a226;text-decoration:underline;}

a.slogan:link, a.slogan:visited, a.slogan:active, a.slogan:hover{color:#27731e; text-decoration:none;}

hr {border: none 0;
    border-top: 1px dashed #1d5d17;/*the border*/
    width: 90%;
    height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-top: 15px;
    margin-bottom: 8px;
   }

.input-email {width:200px;height:15px;color:#1d5d17;font-weight:bold; font-size:11px;}
*+ html .input-email{padding:0;}

#formulaire-rappel {margin-top:5px;}
*+ html .input-telephone{padding:0;height:23px;}
.button-rappel {border:none;background: url('image/rappelez-moi-off.jpg') no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.button-rappel:hover{border:none;background: url('image/rappelez-moi-on.jpg') no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.button-rechercher {border:none;background: url('image/rechercher-off.jpg') no-repeat;width:70px;height:21px; cursor:pointer; margin-left:7px;}
.button-rechercher:hover{border:none;background: url('image/rechercher-on.jpg') no-repeat;width:70px;height:21px; cursor:pointer; margin-left:7px;}
.input-recherche-google {width:130px;height:13px;line-height:15px;font-size:10px;vertical-align:top;color:#eb2728;font-weight:bold;}
.input-telephone {width:92px;height:13px;line-height:15px;font-size:10px;vertical-align:top;color:#eb2728;font-weight:bold;}

#restezinforme{font-size:14px;margin-left:7px;color:#535353;font-weight:bold;}
#programme {font-size:14px;margin-left:7px;color:#535353; font-weight:bold;}
#inscrivez {font-size:10px;margin-left:7px; padding-top:5px;color:#1d5d17;;text-align:left;font-weight:bold;}

#formulaire-alerte {margin-left:7px;margin-top:8px;}
#formulaire-alerte form, #formulaire-rappel form{margin:0px;padding:0px;}
.input-alerte {width:122px;height:13px;line-height:15px;color:#eb2728;font-weight:bold; font-size:10px; vertical-align:top;}
.button-alerte {border:none;background: url('image/validez-off.jpg') no-repeat;color:white;font-weight:bold;width:81px;height:22px; cursor:pointer; margin-left:3px;}
.button-alerte:hover{border:none;background: url('image/validez-on.jpg') no-repeat;color:white;font-weight:bold;width:81px;height:22px; cursor:pointer; margin-left:3px;}


/* Cadre contact - Vous avez une question */
#question {font-size:14px;margin-left:10px; text-align:left;width:202px; font-weight:bold;color:#535353;}
#appelez {font-size:17px;margin-left:10px;width:202px;font-weight:bold; text-align:center;color:#535353;}
#telephone {font-size:23px;margin-left:10px;width:202px;font-weight:bold;color:#eb2728;}
.exposant {font-size:10px;vertical-align:text-top;}
#rappeler {font-size:12px;width:213px; background-image:url("image/petit-cadre-milieu-2.jpg"); padding:5px 0 0 10px; height:65px;}

#contactez-nous {font-size:13px;text-align:center;}

#logo-gtalk{height:50px;margin-left:8px; width:212px;}

.img-center{display: block; margin-right: auto; margin-left: auto;}

.italic{font-style:italic;}
.rouge9ita{color:#eb2728;font-size:9px;font-style:italic;}
.noir9ita{font-size:9px;font-style:italic;}
.gras{font-weight:bold;}
.vert{color:#1f4909;}
.supeva-texte{color:#2a2a2a;font-size:7px; font-weight:bold;}
.mcc{color:#eb2728; font-weight:bold;}

/*
input[type=submit]{border:2px outset #565656;cursor:pointer; font-family:Verdana; font-size:11px; font-weight:bold;}
input[type=submit]:hover{border:2px outset #1e4607;background-color:#dbdbdb;}
input[type=submit]:active{border:2px inset #565656;background-color:#565656;color:white;} 
*/

ul.liste{list-style-image: url(image/puce-rouge.gif);}
ul.liste li{padding-bottom:10px;}

ul.liste2 {list-style-type: square;list-style-image:none}
ul.liste2 li{padding-bottom:10px;}

ul.liste3 {list-style-type: disc;list-style-image:none}
ul.liste3 li{padding-bottom:10px;}


.input-petit{width:170px; font-size:11px;}
.input-telephone2, .select-situation{width:110px; font-size:11px;}
.select-expertise{width:180px; font-size:11px;}


fieldset{
	margin:0 0;
    margin-bottom:20px;
	border:1px solid #860203;
}

legend{
	padding:0 .5em;
	color:#4e4e4e;
	background:transparent;
	font-size:12px;
	font-weight:bold;
}

.table{border:1px;}
   
/* agrandissement des photos */
/* jQuery lightBox plugin - Gallery style */
#gallery {padding:0; margin:0;width: 610px;list-style: none;}
	
.tab-gallery{text-align:center; width:610px;}
.tab-gallery-color{background-color:#dedcdc; height:100px;}

/* tableau avec informations */
.tab-info{text-align:center; width:580px;}
.tab-info2{text-align:center; width:520px;}
.tab-info-titre{background-color:#860203;font-weight:bold; color:white; text-align:center;}
.tab-info-sstitre{background-color:#b4b4aa;font-weight:bold;text-align:left;}
.tab-info-sstitreprinc{background-color:#4d4d4d;font-weight:bold; color:white;}
.tab-border-color{border : 1px solid #860203;}
.tab-border-color-center{border : 1px solid #860203; text-align:center;}