/****Général css****/
body, form, img, h1, h2, h3, h4, h5, h6, select, input, div, p, ul { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#707070; font-size:11px; }
body { background:url(../images/gabarit/body-bg.png); color:707070; }
img { border:none; }

#body-wrapp { width:100%; background:url(../images/gabarit/conteneur-bg.png) top repeat-x; }
#conteneur { width:1069px; border-left:1px solid #1f140a; border-right:1px solid #1f140a; border-bottom:1px solid #1f140a; margin:auto; background:#fff; padding:0 0 15px 0; }
#header { width:1069px; height:154px; background: #fff url(../images/gabarit/header-bg.png) no-repeat; overflow:hidden;}
#header .logo { float:left; width:177px; text-align:center; margin:15px 0 0 0; }
#header .header2 { float:left;/* background:url(../images/gabarit/header-pain.jpg) no-repeat; padding:122px 0 0 0;*/ }
#menu { height:31px; width:885px; }
#menu ul { margin:auto; list-style-type:none; padding:0px; }
#menu ul li { padding:0px; display:inline; height:31px; }
#menu ul li a, .file-ariane a, #footer a { color:#707070; text-decoration:none; font-size:12px; display:inline-block; background:url(../images/gabarit/carre-jaune.png) no-repeat 10px 12px; padding:0 13px 0 23px; height:31px; line-height:31px; }
#menu ul li a:hover, #menu a.selected { color:#fff; display:inline-block; background:url(../images/gabarit/menu-bg-hover.png) left no-repeat; padding:0 13px 0 23px; height:31px; }
.wrapp-menu { width:850px; margin:auto; text-align:center; }
#main { width:1062px; float:left; margin:0px; }
.infos-top { padding:7px 0 7px 25px; position:relative; display:block; width:98%; }
.file-ariane { font-size:12px; color:#949494; float:left; width:64%; }
.file-ariane a, #footer a { font-weight:bold; padding:0 7px 0 18px; background:url(../images/gabarit/carre-jaune.png) no-repeat 5px 12px; }
.Ident { float:right; width:35%; text-align:right; padding:8px 3px 0 0; font-size:12px; }
.Ident a { color:#707070; text-decoration:none; }
#Ident2, #inscrire { position:absolute; top:12px; right:0px; background:#fff;  }
#inscrire div#inscription_error, div#login_error  { color:#ff0000; float:left; padding:3px 0 0 0; }
#Ident2 div, #inscrire div { font-size:12px; float:right; }
#Ident2 div.idm, #inscrire div.idm { padding:1px 0 0 0; }
*html #inscrire div.idm { padding:0px; }
*+html div.idm { padding:0px; }

#Ident2 input, #inscrire input { border:1px solid #dbdbdb; font-size:11px; padding:2px; }

#Ident2 input#go, #inscrire input#go { background:url(../images/gabarit/btn1.png) no-repeat; width:24px; height:23px; border:none; padding:0px; margin:0 0 0 3px; }
.divShow { visibility: visible; }
.divHide { visibility: hidden; }
#Leftcontent { float:left; margin:0 0 0 7px; width:313px; }
*html #Leftcontent { float:left; margin:0 0 0 3px;}
*html+ #Leftcontent { float:left; margin:0 0 0 3px; }
.portail-boulanger { width:313px; display:block; background:url(../images/gabarit/portail-bg1.png) repeat-y 0 50px; margin:0 0 14px 0; }
	#Leftcontent h1 { background:url(../images/gabarit/portail-titre-bg.png) no-repeat; width:313px; color:#233981; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:6px 0 0 12px; display:block; height:51px; }
#Leftcontent h2, #Leftcontent h3, #MainContent h2, #MainContent h3, #MainContent h4, .echange-liens a { color:#233981; font-weight:bold; font-size:14px; margin:0 0 7px 0; }
#Leftcontent h3 { background:url(../images/gabarit/portail-titre-bg2.png) no-repeat; width:313px; height:37px; padding:10px 0 0 12px; display:block; }
.portail-description { width:90%; margin:0 0 0 13px; font-size:12px; padding:0 0 75px 0; }
.boulangers-inscrits { background:url(../images/gabarit/boulangers-inscrits-bg.png) top no-repeat; /*height:150px; overflow:hidden;*/ padding:30px 0 0 12px; position:relative; }
.boulangers-inscrits a, .portail-liens a { color:#828282; text-decoration:none; display:block; padding:0 0 3px 0; }
.portail-liens a { font-size:11px; }
.boulangers-inscrits a:hover, .portail-liens a:hover, #accueil-block-center ul li a:hover, .listes-partenaires ul li.partenaires1 a:hover, .listes-partenaires ul li.partenaires4 a:hover, .listes-partenaires ul li.partenaires1 a:hover, .listes-partenaires ul li.partenaires2 a:hover, .listes-partenaires ul li.partenaires5 a:hover, .listes-partenaires ul li.partenaires3 a:hover, .file-ariane a:hover, #footer a:hover, #portail-block ul li a:hover, .liste-alphabetique a:hover, .listes-fiches li a:hover, .echange-liens a:hover, .Ident a:hover, .infos-virtuels a:hover { text-decoration:underline; }
/*.boulangers-inscrits p { color:#fff; padding:10px 0 0 0; position:relative; }*/
#nombre-inscrits p { color:#fff; position:absolute; bottom:0; /*left:5px;*/ width:97%; padding:0 0 0 10px; }
#nombre-inscrits { width:100%; height:40px; background:url(../images/gabarit/bg-inscrits.png) no-repeat; position:relative; }
#nombre-inscrits p span.num { padding:0 10px 0 0 ; font-size:25px; font-weight:bold; float:left; }
#nombre-inscrits p span.texto { display:block; line-height:10px; float:left; padding:4px 10px 0 0 ; }
#newsletter, .moteur-accueil { margin:0 0 13px 0; padding:0px; float:left; width:313px; }
#newsletter label { float:left; font-size:12px; font-weight:bold; margin:4px; }
#newsletter input.newsletter, .formulaire-fiches input.cl1, .formulaire-fiches input.cl2, .formulaire-fiches input.cl3, .cp, .comm, .formulaire-fiches input.cl5, .formulaire-fiches input.cl6 { float:left; border:1px solid #dbdbdb; font-size:11px; width:160px; padding:2px; margin:2px 5px 0 5px; display:block; }
.formulaire-fiches input.cl5 { width:190px; margin:2px 5px 0 0; }
.formulaire-fiches input.cl6 { margin:2px 5px 0 0; width:436px; }
#message-précis { float:left; border:1px solid #dbdbdb; font-size:11px; padding:2px; margin:2px 5px 0 0; display:block; }
.cp { width:40px; }
.comm { width:90px; }
.moteur-accueil input.ville { float:left; border:1px solid #dbdbdb; font-size:11px; width:197px; padding:2px; margin:4px 5px 0 0; display:block; }
#newsletter input#go, .moteur-accueil input#go { background:url(../images/gabarit/btn1.png) no-repeat; width:24px; height:23px; display:block; float:left; border:none; }
#newsletter input#go3, .moteur-accueil input#go3 { background:url(../images/gabarit/btn1.png) no-repeat; width:24px; height:23px; display:block; float:left; border:none; }
.moteur-accueil input#go { margin:2px 0 0 0; }
.liens-portail { width:313px; float:left; padding:0px; margin:0 0 13px 0; clear:both; }
.deco1 { width:300px; height:250px; float:left; padding:0px; margin:0 0 13px 0; text-align:center; clear:both; /*background:url(../images/gabarit/deco.png) no-repeat;*/ overflow:hidden; border:2px solid #233981; }
.liens-portail { background:url(../images/gabarit/portail-bg1.png) repeat-y 0 50px; }
.portail-liens, .listes-partenaires { width:92%; margin:0 0 0 13px; font-size:12px; }
.listes-partenaires { width:96%; }
.portail-liens p.deco2 { background:url(../images/gabarit/deco2.png) no-repeat; height:24px; width:100%; }
#MainContent { float:right; width:731px; /*width:736px;*/ }
#MainContent .banniere { background:url(../images/gabarit/banniere-bg2.jpg) no-repeat; display:block; padding:0 0 0 4px; height:102px; }

/*.banniere ul { list-style-type:none; padding:0px; }
.banniere ul li { float:left; display:inline-block; }
.banniere ul li a { background:url(../images/gabarit/flesh1.png) no-repeat 0 0; padding:0px; color:#fff; font-weight:bold; font-size:14px; padding:0 0 0 17px; display:block; text-decoration:none; }
.banniere ul li a:hover { color:#f8fcff; font-weight:bold; }
.banniere ul li a.selected { color:#f8fcff; font-weight:bold; }
.banniere ul li.professionels, .banniere ul li.devis { padding:40px 0 0 120px; }*/
.banniere ul {
	list-style-type:none;
	padding:0px;
}
.banniere ul li {
	float:left;
	display:inline-block;
}
.banniere ul li a {
	background:url(../images/gabarit/flesh1.png) no-repeat 0 0;
	padding:0px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 17px;
	display:block;
	text-decoration:none;
}
.banniere ul li a:hover {
	color:#f8fcff;
	font-weight:bold;
}
.banniere ul li a.selected {
	color:#f8fcff;
	font-weight:bold;
}
.banniere .professionels, .banniere .devis { /*padding:40px 0 0 120px;*/
	padding:40px 0 0 0;
}
.banniere .professionels {
	background:url(../images/gabarit/professionnels.png) no-repeat;
	width:249px;
	height:102px;
}
.banniere .devis {
	background:url(../images/gabarit/demande-devis.png) no-repeat;
	width:268px;
	height:102px;
}
.banniere .aide {
	background:url(../images/gabarit/aide.png) no-repeat;
	width:198px;
	height:102px;
}
.aide { /*padding:40px 0 0 85px;*/
	padding:40px 0 0 0;
}
.professionels a, .devis a, .aide a {
	background:transparent url(../images/gabarit/flesh1.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 110px;
	text-decoration:none;
}
.aide a {
	margin:0 0 0 4px;
}
.One {
	width:249px;
}
.Two {
	width:268px;
}
.Three {
	width:198px;
}
.aide { padding:40px 0 0 85px; }
.acceuil-center { float:left; width:561px; }
.accueil-pub1 { float:right; /*width:161px;*/ width:166px; background:url(../images/gabarit/accueil-pub3-bg.png) no-repeat; height:623px; overflow:hidden; margin:3px 0 0 0; }
.accueil-pub2 { background:url(../images/gabarit/accueil-pub2-bg.png) no-repeat; width:100%; height:104px; overflow:hidden; margin:0 0 12px 0; }
#accueil-block-center, #flash-block-center { background:url(../images/gabarit/accueil-bg1-1.png) no-repeat; width:100%; height:210px; overflow:hidden; margin:0 0 6px 0; }
#flash-block-center { background:url(../images/gabarit/bg-flash.png) no-repeat; }
#accueil-block-center ul, #portail-block ul { list-style-type:none; padding:0px; margin:0px; }
#accueil-block-center ul li ul, #portail-block ul li ul { padding:0px; margin:0px; list-style-type:none; }
#accueil-block-center ul li a, #portail-block ul li a { color:#828282; text-decoration:none; margin:0 0 3px 0; }
#portail-block ul li a.prof {background:url(../images/gabarit/flesh2.png) 0 3px no-repeat; padding:0 0 0 8px;}
#accueil-block-center ul li.liste-communes1, #portail-block ul li.liste-villes1, #portail-block ul li.liste-communes1 { float:left; width:138px; display:block; }
.wrapp-accueil1 { width:95%; margin:auto; }
.communes { float:left; width:258px; }
.moteur-recherche { float:left; width:255px; }
.moteur-recherche p { font-size:10px; padding:10px 0 0 0; }
.moteur-accueil { margin:0 0 7px 0; padding:0px; float:left; width:255px; }
.wrapp-villes h1, .communes h1, .moteur-recherche h1, .fiches-virtuels h1, #portail-block h2, .wrapp-villes h2:first-letter { font-size:14px; font-weight:bold; color:#fff; padding:8px 0 13px 0; }
.partenaires-accueil h2 { background:url(../images/gabarit/titre-bg1.png) no-repeat; padding:10px 0 0 13px; height:25px; }
.partenaires-accueil { background:url(../images/gabarit/bg1.png) repeat-y 0 50px; }
.listes-partenaires ul { list-style-type:none; }
.listes-partenaires ul li.partenaires1, .listes-partenaires ul li.partenaires4 { width:31%; float:left; margin:0 10px 0 0; }
.listes-partenaires ul li.partenaires2, .listes-partenaires ul li.partenaires5 { width:33%; float:left; margin:0 10px 0 0; }
.listes-partenaires ul li.partenaires3 { width:32%; float:left; }
.listes-partenaires ul li.partenaires1 a, .listes-partenaires ul li.partenaires2 a, .listes-partenaires ul li.partenaires3 a, #portail-block li.partenaires4 a, #portail-block li.partenaires5 a { text-decoration:none; color:#233981; background:url(../images/gabarit/puce-carre.png) no-repeat 0 1px; padding:0 0 0 13px; display:block; margin:0 0 1px 0; }
.listes-partenaires ul li.partenaires1 span, .listes-partenaires ul li.partenaires2 span, .listes-partenaires ul li.partenaires3 span, .listes-partenaires ul li.partenaires4 span, .listes-partenaires ul li.partenaires5 span, .listes-partenaires ul li.partenaires5 div { margin:0 0 7px 13px; display:block; text-align:justify; }
.listes-partenaires ul li.partenaires1 span, .listes-partenaires ul li.partenaires2 span, .listes-partenaires ul li.partenaires3 span, .listes-partenaires ul li.partenaires4 span, .listes-partenaires ul li.partenaires5 span { height:28px; overflow:hidden; }
.listes-partenaires ul li.partenaires1 a, .listes-partenaires ul li.partenaires2 a, .listes-partenaires ul li.partenaires3 a, .listes-partenaires ul li.partenaires4 a, .listes-partenaires ul li.partenaires5 a { height:13px; overflow:hidden; }
.accueil-pub_twin1 { width:300px; border:#233981  2px solid; height:250px; overflow:hidden; margin:3px 0 13px 0;float:left;}

.accueil-pub_twin2 { width:300px; border:#233981  2px solid; height:250px; overflow:hidden; margin:3px 0 0 0; }

.accueil-pub3 { background:url(../images/gabarit/accueil-pub4-bg.png) no-repeat; width:100%; height:95px; overflow:hidden; margin:7px 0 0 0;}
 .listes-partenaires ul li.partenaires1 div, .listes-partenaires ul li.partenaires2 div, .listes-partenaires ul li.partenaires3 div { height:35px; overflow:hidden; margin:0 0 5px 0; }
.artisans/*, .artisans2*/ { padding:10px 9px 7px 13px; background:url(../images/gabarit/artisans-accueil-bg2.png) top no-repeat; font-size:12px; /*text-align:justify; */ text-align:left; margin:7px 0 0 0; }; margin:7px 0 0 0; }
.artisans2 { background:url(../images/gabarit/artisans-accueil-bg.png) top no-repeat; font-size:12px; text-align:justify; margin:7px 0 0 0;  padding:10px 9px 7px 13px; text-align:justify; }
.artisans2 img { margin:0 5px 0 8px; }
#affichage { font-size:11px;  display:block; }
.artisans img { padding:0 0 0 10px; }
 #footer { background:url(../images/gabarit/footer-bg.png) top no-repeat; margin:15px 0 10px 0; padding:5px 0 0 0; }
 #footer a { font-weight:normal; font-size:11px; }
 #footer p { margin:0 0 0 30px; }

/****Portail****/
.grandes-villes, .grandes-villes2 { float:left; background:url(../images/gabarit/portail-bg2.png) no-repeat; width:279px; height:300px; overflow:hidden; }
.grandes-villes2 { background:url(../images/gabarit/portail-bg3.png) no-repeat; width:279px; height:511px; }
.partenaires-portail { float:right; width:440px; background:url(../images/gabarit/bg2.png) repeat-y 0 50px;  }
.partenaires-portail h4 { background:url(../images/gabarit/portail-titre-bg3.png) no-repeat; padding:10px 0 0 13px; height:24px; display:block; overflow:hidden; }
.wrapp-villes { margin:auto; width:90%; }
.listes-partenaires ul li.partenaires4 { width:50%; }
.listes-partenaires ul li.partenaires5 { width:45%; }
.liste-alphabetique { margin:7px auto; width:97%; text-align:center; padding:0px; }
.liste-alphabetique a { color:#707070; text-decoration:none; padding:0 3px 0 3px; }
.liste-alphabetique a.selected { font-weight:bold; }
#portail-block .listes-fiches { margin:15px auto; width:97%; }
#portail-block .listes-fiches li { float:left; margin:0 0 10px 0; clear:left; width:250px; }
#portail-block .listes-fiches li img { float:left; margin:0 7px 0 0; display:block; }
#portail-block .listes-fiches li a { color:#233981; font-weight:bold; text-align:none; text-transform:uppercase; }
.textos, .textos-first { background:url(../images/gabarit/echange-liens-bg.png) no-repeat; height:137px; overflow:hidden; margin:7px 0 0 0; padding:7px 0 0 13px; font-size:12px; }
.echange-liens { background:url(../images/gabarit/echange-liens-bg.png) no-repeat; margin:7px 8px 0 0; padding:7px 0 0 13px; font-size:12px; }

.textos { margin:0px; }
.textos-first { background:url(../images/gabarit/echange-liens-bg2.png) no-repeat; height:119px; }
.echange-liens textarea.link, .textos textarea.payant, .textos-first textarea.payant { border:1px solid #f0f0f0; color:#707070; font-size:11px; margin:6px 0 0 0; width:620px; height:46px; }
.textos textarea.payant, .textos-first textarea.payant { background:#f0f2f6; width:703px; height:75px; font-size:12px; }
.textos p { text-align:center; font-size:12px; padding:3px 0 0 0; }
#MainContent .textos h3, #MainContent .textos-first h3 { margin:0px; }
#MainContent .echange-liens h3 { margin:0 0 3px 0; }
.echange-liens a { text-decoration:none; }
.liens-rendu { padding:4px 0 0 0; font-size:12px; }
*html .liens-rendu { padding:1px 0 0 0; font-size:12px; }
*+html .liens-rendu { padding:1px 0 0 0; font-size:12px; }
.wrapp-villes p { padding:15px 0 0 0; }

/****Demande d'ajout fiches****/
.intro-inscription { background:url(../images/gabarit/echange-liens-bg3.png) top no-repeat; padding:10px 9px 0 13px; font-size:12px; }
.intro-inscription ul li { list-style-type:disc; margin:3px 0 0 25px; font-size:12px; }
.formulaire-fiches, .fiches-virtuels { background:url(../images/gabarit/portail-bg4.png) top no-repeat; margin:13px 0 0 0; padding:0 0 5px 13px; }
.fiches-virtuels ul li { clear: left; float: left; text-decoration: none; list-style: none;}
.liste-fiches-virtuels {display:inline-block; width:48%; font-size: 6pt; float: left; *display:inline;}
.accueil-pub-fiche {width:426px; height:60px; overflow:hidden; margin:0 0 0 12%; }
.liste-fiches-virtuels a{color:#828282;}
.fiches-virtuels ul li a {color: #828282; display: block; margin: 0pt 0pt 3px; text-decoration: none; }
#MainContent .formulaire-fiches h1 { padding:10px 0 13px 0; font-size:14px; font-weight:bold; color:#fff; }
.formulaire-fiches label { font-weight:bold; float:left; width:125px; float:left; font-size:12px; }
.formulaire-fiches input.cl1 { width:190px; }
.formulaire-fiches input.cl2 { width:325px; }
.formulaire-fiches input.cl3 { width:88px; }
.formulaire-fiches span { color:#ff69b4; font-weight:bold; font-size:14px; }
.formulaire-fiches p { font-size:12px; padding:2px 0 0 0; }
.formulaire-fiches p.sous-titre { font-size:12px; padding:0 0 0 13px; }
.btn-ajout { text-align:center; }
#demande-ajout { background: url(../images/gabarit/btn-dmd-ajout.png) no-repeat 0 0; width:124px; height:23px; border:none; overflow:hidden;  }
#demande-ajout:hover { background: url(../images/gabarit/btn-dmd-ajout.png) no-repeat 0 -23px; }
#texte_1_error, #texte_2_error, #texte_3_error { display:block; clear:both; text-align:center; font-size:11px; padding:0 0 0 35px; }

/****Fiches virtuels****/
#validerBO { background: url(../images/gabarit/btn-valider.png) no-repeat 0 0; width:88px; height:23px; border:none; overflow:hidden; }
#validerBO:hover { background: url(../images/gabarit/btn-valider.png) no-repeat 0 -23px; }
#modifier { background: url(../images/gabarit/btn-modifier.png) no-repeat 0 0; width:75px; height:23px; border:none; overflow:hidden; }
#modifier:hover { background: url(../images/gabarit/btn-modifier.png) no-repeat 0 -23px; }
#supprimer { background: url(../images/gabarit/btn-supprimer.png) no-repeat 0 0; width:88px; height:23px; border:none; overflow:hidden; }
#supprimer:hover { background: url(../images/gabarit/btn-supprimer.png) no-repeat 0 -23px; }
#commenter { background: url(../images/gabarit/btn-commenter.png) no-repeat 0 0; width:154px; height:23px; border:none; overflow:hidden; }
#commenter:hover { background: url(../images/gabarit/btn-commenter.png) no-repeat 0 -23px; }
#area {border:none; background-color:#F0F2F6;align:bottom; border:1px solid #DBDBDB; }
#comm { clear:both; }
/*#comm p { border:1px dashed #000; margin:0 0 7px 0; padding:5px; width:95%; }*/
#comm p { padding:7px 0 0 13px; background: url(../images/gabarit/bg3.png) top no-repeat; margin:7px 0 0 0; }

/****formulaires fiches***/ 
.formulaire-fiches2 label, .formulaire-fiches2 label.lab2  { float:left; font-size:12px; font-weight:bold; width:250px; margin:0 0 0 14px;text-align:justify; }
.formulaire-fiches2 label.lab2 { margin:0px; font-weight:normal; }
.formulaire-fiches2 textarea.prestations { border:1px solid #DBDBDB; display:block; float:left; font-size:11px; margin:2px 5px 0; padding:2px; margin:3px 0 0 14px; }
.sous-titre { color:#233981; background:url(../images/gabarit/puce-carre.png) no-repeat 0 1px; padding:0 0 0 13px; display:block; margin:0 0 1px 0; font-size:12px; font-weight:bold; }
.comment { padding:0 0 0 235px; }
#texte_3 { border:1px solid #DBDBDB; margin:2px 5px 0; }
#texte_1_error, #texte_2_error, #texte_3_error { display:block; clear:both; text-align:center; font-size:11px; padding:0 0 0 35px; }
.crealink {font-style: italic; font-size: 10px; color: #949494; margin-top: 10px;}

/****Utiles****/
.clear, .clear2 { clear:both; height:1px; overflow:hidden; width:100%; }
.clear2 { height:5px; }
.Left { float:left; }
.Right { float:right; }

/****texto****/
.txt1 { font-size:12px; font-weight:bold; }
#affichage h1, #affichage h2, #affichage h3, #affichage h4, #affichage h5, #affichage h6 { font-weight:bold; color:#233981; }
#affichage h1 { font-size:18px; }
#affichage h2 { font-size:16px; }
#affichage h3 { font-size:14px; }
#affichage h4 { font-size:12px; }
#affichage h5 { font-size:11px; }
#affichage h6 { font-size:10px; }

.liste-cache { display:none;}
#formulaire-demande{margin:20px 0 0 0;}
#formulaire-demande label { width:70px; display:block;  float:left; }
#formulaire-demande input.txt, #formulaire-demande textarea.txt { border:1px solid #ccc; width:170px; } .info {font-size:12px; color: #BB0000;}

/****mentions légales***/
#block-center { background:transparent url(../images/gabarit/bg-corps.png) top no-repeat; }
#block-center p { padding:0 10px 5px 10px; margin:0; } 
#formulaire-demande label { width:70px; display:block: float:left; }

/****info bulle***/
a.inscrivez  .info_bulle{display:none;}
a.inscrivez:hover {border: 0; position: relative; z-index: 500; text-decoration:none;}
a.inscrivez:hover .info_bulle {font-style: normal; display: block; 
position: absolute; /* plce l'info bulle sousla vignette*/    
top: 45px; /* ajuste la hauteur sous la vignette */    
left: -103px;/*  decale par rapport a la vignette*/    
padding: 5px; /*  marges du texte dans l'infobulle */    
color:   #FAFAF9;/*couleur police*/      
border: 1px solid #000000; /* couleur de la bordure*/    
background: #ffffff; /* couleur du fond de bille #FAFAF9;   */   
width: 708px;/*apres le padding, on corrige la largeur*/    
text-align: justify;/*center;*/     
/*height:48px;*/ } 
a.inscrivez:hover .info_bulle span {position: absolute; top: -7px; left: 15px; height: 7px; width: 11px; margin:0; padding: 0;border: 0;}
.info_bulle{background: #cccccc; width: 150px;}
.texte_bulle{margin: 2px; font: 11px normal arial,sans-serif  }
/****info bulle visiopass***/
a.visiopass  .info_bulle{display:none;}
a.visiopass:hover {border: 0; position: relative; z-index: 500; text-decoration:none;}
a.visiopass:hover .info_bulle {font-style: normal; display: block; 
position: absolute; /* plce l'info bulle sousla vignette*/    
top: 20px; /* ajuste la hauteur sous la vignette */    
left: -390px;/*  decale par rapport a la vignette*/    
padding: 5px; /*  marges du texte dans l'infobulle */    
color:   #FAFAF9;/*couleur police*/      
border: 1px solid #000000; /* couleur de la bordure*/    
background: #FFFFFF; /* couleur du fond de bille #FAFAF9;   */   
width: 708px;/*apres le padding, on corrige la largeur*/    
/*text-align: justify;/*center;*/     
/*height:48px;*/ } 
a.visiopass:hover .info_bulle span {position: absolute; top: -7px; left: 15px; height: 7px; width: 11px; margin:0; padding: 0;border: 0;}
.info_bulle{background: #cccccc; width: 150px; text-align: left;}
p.texte_bulle{margin: 2px; font: 11px normal arial,sans-serif; padding: 0; text-align: left;}

.wrapp-villes h2:first-letter, .wrapp-villes li:first-letter{font-variant:small-caps; font-size:110%; text-transform:uppercase;}