html,body{font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; text-align:left;}

body{font:76% arial,sans-serif;background-image:url(image/bg2.png);background-repeat:x;}
 
div#container{width:1000px;background:white; margin-left:auto; margin-right:auto; background-color:white;}

div#gauchedroite{height:900px;min-height:800px;height: auto !important;float:left; background-color:white;}

div#entete{width:1000px;height:140px;}

div#menu-div{height:42px;width:1000px;}

div#navigation-gauche{float:left;width:280px;background:white; margin-top:10px;background-color:white;}

div#content{float:left;width:720px;margin-top:10px;background-color:white;}

div#footer{float:left;width:1000px;height:76px; background-image:url(image/footer.gif); background-repeat:no-repeat;text-align:center; line-height:20px;color:white;}

div#newsletter{height:80px;width:270px;background-image:url(image/newsletter.jpg); background-repeat:no-repeat;margin-left:5px;}

div#publicite{height:360px;width:270px;background-image:url(image/publicite.jpg); background-repeat:no-repeat; }

div#publicite-long{height:710px;width:270px;background-image:url(image/publicite-long.jpg); background-repeat:no-repeat; }

/*---------------------------------------------------------------------------------------------------*/
/* Contenu Newsletter & Publicité à gauche                                                                */
/*---------------------------------------------------------------------------------------------------*/

.newsletter-contenu{padding-left:30px; padding-top:4px; width:230px;}
.publicite-contenu{padding-left:10px; padding-top:18px; width:255px;}

/*---------------------------------------------------------------------------------------------------*/
/*Mise en forme du header du site                                                                    */
/*---------------------------------------------------------------------------------------------------*/
.logo_webisy {
	position: relative;
	float:left;
	margin:12px;
	display:inline;
	height:100px;
}

/* Nouveauté bannière de pub en haut */
.picto_nouveaute {
 float:right;
 position: relative;
 display:inline;
 width:600px;
 height:130px;
 background-image:url(image/nouveaute.gif);
 background-position:center 12px;
 background-repeat:no-repeat;
}

.pub_picto {
 float:left;
 position:relative;
 display:inline;
 width:468px;
 height:60px;
 top:54px;
 left: 66px;
}

.pub_pictobis {
 float:left;
 position:relative;
 display:inline;
 width:500px;
 height:80px;
 top:43px;
 left: 51px;
}


.slogan {color:black; font-size:15px; margin-left:3px;}
/* Style des tableaux */

hr {border: none 0;
    border-top: 1px dashed #005eac;/*the border*/
    width: 80%;
    height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-top: 20px;
    margin-bottom: 20px;
   }


.lettre-lexique{font-weight:bold;text-align:center; background-color:#f2a31d; color:#FFFFFF; font-size: 15px;}

.categorie-services{font-weight:bold;text-align:center; background-color:#005eac; color:#FFFFFF; font-size: 15px;}

/* MENU */

#menu{height:41px;margin:0px;padding:0px; margin-left:2px;}
#menu ul, #menu ul li{margin:0px;padding:0px;}
#menu li.level1 ul{width:250px;display:none;}

#menu a{display:block; font-weight:bold;}
#menu a:hover{text-decoration:none;color:black;}

#menu li{background:url(image/menu-bleu.png);position:relative;float:left;list-style-type:none;margin-right:1px;line-height:41px;}
#menu li:hover{background:url(image/menu-or.png);}

.menu-li-or{background:url(image/menu-or.png);position:relative;float:left;list-style-type:none;margin-right:1px;line-height:41px;}
.menu-li-bleu:hover{background:url(image/menu-bleu.png);}

#menu li ul li{width:224px;}
#menu li a{color:white;text-decoration:none;height:41px;float:left;width:100%; text-align:center;padding:0;}
#menu li.level1:hover ul{display:block;}
#menu li.level1{cursor:hand;}

#menu ul{position:absolute;top:41px;left:0px;}
#menu ul li{display:block;line-height:24px;}
#menu ul li a{height:24px;float:none; padding-left:10px; text-align:left;}

.taille224 {width:224px;}
.taille154 {width:154px;}
.taille165 {width:165px;}
.taille166 {width:166px;}

/* mise en forme */
img{border:0;}
.orange{color:#f2a31d;}
.orange-titre{color:#f2a31d;font-weight:bold; font-size:1.2em;display:block;margin-left:30px;}
.bleu-titre{color:#005eac;font-weight:bold; font-size:1.2em;display:block;margin-left:30px;}
.bleu{color:#005eac;font-weight:bold; font-size:1.2em;}

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, Sans-Serif; }
h1, h2, h3 { font-weight:bold; font-size:1.2em; color: #005eac; }
h1 span, h2 span { font-weight:bold; font-size:1em; color: #005eac; }
h4, h5 { font-weight:bold; font-size:0.6875em; color: #ffc605; }
i { font-style:italic; }

/* mise en forme avec image pour titre*/
.comments {
	margin-left:2px;
	padding:9px 0 0 33px;
	background:transparent url('image/comments.png') 0px 0px no-repeat;
	display:block;
	clear:left;
}
.etiquette-verte {
	margin-left:2px;
	padding:10px 0 0 33px;
	background:transparent url('image/etiquette-verte.png') 0px 0px no-repeat;
}

.info {
	margin-left:2px;
	padding:5px 0 0 33px;
	background:transparent url('image/info.png') 0px 0px no-repeat;
	display:block;
	clear:left;	
}

/* les liens */
a:link, a:visited, a:active{color:black;text-decoration:none;}
a:hover{color:#6987bd;}

a.menu-bis:link, a.menu-bis:visited, a.menu-bis:active{font-weight:bold; font-size:13px; color: #005eac; text-decoration:none;}
a.menu-bis:hover{color:#6987bd;}

/*recevez tous les bons plans*/
#titre-menu-bis {font-weight:bold; font-size:13px; color: #005eac; text-decoration:none;}

a.consulter-tous-les-partenaires:link, a.consulter-tous-les-partenaires:visited, a.consulter-tous-les-partenaires:active{font-weight:bold; font-size:1.2em; color: #005eac; text-decoration:none;padding:10px 20px 0px 5px;}
a.consulter-tous-les-partenaires:hover{color:#f2a31d;}

/* les TOP 10 */
.top-services {
	margin-top:10px;
	text-align:left;
	width:230px;
	font-weight: bold;
	font-size:1.5em;
}
.top-services li {
	padding-top: 4px;
	padding-bottom: 4px;
	color:#64ba17;
}
.couleur {
	background: #f0f0f0;
}
.top-services li a:hover {
	font-size:0.72em;
	color:#f2a31d;
}
a.justification {
	padding-left:3px;
	font-size:0.72em;
	color: black;
}
ol.top-services li span {
	font-size:14px;
	font-weight:normal;
	color:#005eac;
	list-style-type: decimal;
}

.top-services-titre {
	margin-left:2px;
	padding:0 0 1px 30px;
	background:transparent url('image/top-10.png') 5px 0px no-repeat;
	color: #005eac;
	font-weight:bold; font-size:1.2em;
}

/* Titre PUBLICITE à gauche */
.titre-bleu {
	margin-left:2px;
	padding:0 0 1px 30px;
	font-weight:bold; font-size:1.2em; color: #005eac;
	background:transparent url('image/promotion.png') 2px -3px no-repeat;
}

/* MENU Bis */

.menu-bis{line-height:30px;}

/* Consulter les offres de nos partenaires */
.consulter-tous-les-partenaires-div{width:720px; height:100px; background-image:url(image/partenaire-autre.png); background-repeat:no-repeat; background-position:125px;}
.consulter-tous-les-partenaires-div-phrase{display:block;padding:40px 0 0 170px;}


/* top 3 - les bannières couleurs */

.top-3-1er {float:left;height:330px; width:233px;background-image:url(image/top-1.jpg); background-repeat:no-repeat;margin-right:10px;display:block;}
.top-3-2eme{float:left;height:330px; width:223px;background-image:url(image/top-2.jpg); background-repeat:no-repeat;margin-right:17px;margin-top: 20px;display:block;}
.top-3-3eme{float:left;height:330px; width:223px;background-image:url(image/top-3.jpg); background-repeat:no-repeat;margin-top: 40px;}
.top-3-bloc{margin: 20px 0 2px 5px;padding:10px 20px 0px 5px;width:180px;}
.top-3-titre{font-size:14px;font-weight:bold;display:block; margin-bottom:20px;}
.top-3-banniere{text-align:center;margin-bottom:20px;display:block;}
.top-3-texte{font-weight:bold; margin-right:50px;text-align:justify;}

/* Publicite - en bas à gauche */

.publicite-bloc{margin: 20px 0 2px 5px;padding:10px 20px 0px 5px;width:180px;}

div#marge-2-10{margin-left:5px; margin-top:20px;}

.input-email{width:300px; font-weight:bold;}

.paragraphe-pied{font-size:9px;}

#pub-droite-250 {
position:relative;
float:right;
width:256px;
height:256px;
padding:3px, 3px, 3px, 3px;
}

#pub-droite-300 {
position:relative;
float:right;
width:306px;
height:256px;
padding:3px, 3px, 3px, 3px;
}

#pub-droite-234 {
position:relative;
float:right;
width:240px;
height:66px;
padding:3px, 3px, 3px, 3px;
}

#pub-droite-300bis {
position:relative;
float:right;
width:306px;
height:306px;
padding:3px, 3px, 3px, 3px;
}

#pub-droite-320 {
position:relative;
float:right;
width:326px;
height:296px;
padding:3px, 3px, 3px, 3px;
}