@charset "iso-8859-1";
/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0 0 0 20px;
	background-color:#FFF;
}

ul, li, ol, form, img{padding:0 0 0 0; margin:0 0 0 0; border:0px;}
li{list-style:none;}

a {outline: none;}
a:focus{-moz-outline-style: none;}

.clear{ clear:both;}

.erreur{color:#F00;}

/*MAIN*/
#main{ float:left; width:900px;}

/*-----------------------------------------------------------------------------*/
/* MENU
/*-----------------------------------------------------------------------------*/
/*MENU*/
.top{ float:left; width:900px; margin:0 0 10px 0;}
/*BOUTONS MENU*/
.menu{ float:left; width:899px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:url(../img/btn_menu.jpg) repeat-x; height:24px;}
.menu li{ float:left; border-left:1px solid #CCC; text-align:center; height:24px;}

.menu li a{font:13px arial; color:#333; text-decoration:none; font-weight:bold; float:left; padding:4px 0 0 0;}
.menu li a:hover{text-decoration:underline;}
.menu .ic{ padding:0 0 0 20px; background:url(../img/ic_accueil.jpg) no-repeat; background-position:14px 4px;}

.menu li .a{width:139px;}
.menu li .b{width:169px;}
.menu li .c{width:189px;}
.menu li .d{width:109px;}
.menu li .e{width:114px;}

/*RECHERCHER*/
.rechercher{ float:left; width:900px; background:url(../img/bg_recherche.jpg) repeat-x; height:40px;}
.rechercher li{ float:left;}
.rechercher .a{font:26px arial; color:#333; padding:3px 10px 0 22px; }
.rechercher .b{padding:6px 0 0 0; }
.rechercher .b input{font:18px arial; color:#333; height:24px; width:450px; border:2px solid #333; padding:1px 2px 0px 2px;}
.rechercher .c{padding:6px 10px 0 0px;}
.rechercher .c a{ float:left; font:18px arial; color:#FFF; height:25px; padding:4px 10px 0px 10px;   background:#333; text-decoration:none;}
.rechercher .c a:hover{ background-color:#222;}

/*-----------------------------------------------------------------------------*/
/* BANDEAU
/*-----------------------------------------------------------------------------*/
.band{ float:left; width:900px; padding:0 0 10px 0;}
.band .topline{ float:left; width:500px; font:11px arial; color:#CCC;}
.band .connect{ float:left; width:400px; text-align:right;}
.band .connect span{ background:url(../img/ic_compte.jpg) no-repeat; background-position:0 0px; padding:0 0 0 24px; font:11px arial; color:#333;}
.band .connect span a{color:#202E92; text-decoration:underline;}
.band .logo{float:left; width:432px; padding:10px 0 0 0;}
.band .pub{float:left; width:468px; padding:10px 0 0 0;}
.band .pub a{ border:1px solid #333;}
/*-----------------------------------------------------------------------------*/
/* TITRE
/*-----------------------------------------------------------------------------*/
.tpage{float:left; font:26px arial; color:#333; text-align:center; width:660px; background:#FFF; padding:6px 0 10px 0; background:url(../img/bg_ftitre.jpg) repeat-x;}
/*-----------------------------------------------------------------------------*/
/* LISTING DESIGNERS ET MARQUES
/*-----------------------------------------------------------------------------*/
.liste{float:left; width:600px; padding:0 0 0 0;}
.liste .nom{ float:left; width:600px;}
.liste .nom a{float:left; width:300px; font:13px Arial; padding:4px 0 4px 20px; color:#333; background:url(../img/puce.jpg) no-repeat; background-position:10px 10px; text-decoration:none;}
.liste .nom a:hover{ text-decoration:underline;}
/*-----------------------------------------------------------------------------*/
/* FOMULAIRES SAISIE
/*-----------------------------------------------------------------------------*/
.form_container{ float:left; border:1px #CCC solid; width:658px; background:#FFF;} .form_container2{ margin:20px 0 0 0; float:right;}

.form{float:left; width:658px;}
.form li{float:left; color:#333;}

.form .titre{ font:17px arial; color:#202E92; font-weight:bold; width:632px; border:1px #FFF solid; padding:10px 12px 6px 12px; background:url(../img/bg_ftitre.jpg) repeat-x;}
.form .stitre{ font:13px arial; font-weight:bold; width:634px;  padding:0px 12px 8px 12px;}
.form .stitre span{ color:#F00;} 
.form .texte{ font:13px arial; width:634px;  padding:0px 12px 8px 12px;}

.form .separ{border-bottom:1px #CCC solid; width:658px; font-size:0px; height:20px;}

.form .chp{font:13px arial; width:634px;  padding:0px 12px 6px 12px;}
.form .chp div{ float:left;}
.form .chp .a{width:120px; padding:4px 0 4px 0;}
.form .chp .a span{  font:11px arial; color:#202E92;}
.form .chp .b{width:320px;}
.form .chp .b input{ font:13px arial; color:#333; width:308px; border:2px solid #CCC; padding:2px 2px 2px 2px;}
.form .chp .b textarea{ font:13px arial; color:#333; width:308px; height:100px; border:2px solid #CCC; padding:2px 2px 2px 2px;}
.form .chp .b select{ font:13px arial; color:#333; border:2px solid #CCC; padding:1px 2px 1px 2px;}
.form .chp .b .radio{ border:0px; width:18px; margin:4px 4px 0 0; float:left;}
.form .chp .b label{ font:13px arial; color:#333; margin:4px 4px 0 0; float:left;}
.form .chp .c{ font:11px arial; color:#333; width:194px; padding:4px 0 0 0;}
.form .chp .c span{ color:#F00;}
.form .chp .b .alert{border:2px solid #F00;}
.form .chp .c a{color:#202E92; text-decoration:underline;}
.form .chp .c a:hover{ text-decoration:none;}
/**/
.form .chp2{ background-color:#EAEAEA; padding:2px 12px 2px 12px; border-bottom:1px #CCC solid; border-top:1px #CCC solid;}
.form .chp .b2{width:260px;}
.form .chp .c2{ padding:0px 0 0 0;}

.form .chp .ajout{float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .chp .ajout:hover{ background-color:#2C40C9;}

.form .conditions{font:13px arial; width:634px;  padding:12px 12px 6px 12px; line-height:20px;}
.form .conditions input{ float:left; border:2px solid #CCC;}
.form .conditions span{ color:#F00;}
.form .conditions a{color:#202E92; text-decoration:underline;}
.form .conditions a:hover{ text-decoration:none;}

.form .valider{padding:6px 0 20px 130px;}
.form .valider a{ float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .valider a:hover{ background-color:#2C40C9;}

.form .valider2{padding:6px 0 20px 240px;}
.form .valider2 a{ float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .valider2 a:hover{ background-color:#2C40C9;}

.form .valider3{padding:20px 0 20px 240px;}
.form .valider3 a{ float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .valider3 a:hover{ background-color:#2C40C9;}

.form .valider4{padding:20px 0 20px 290px;}
.form .valider4 a{ float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .valider4 a:hover{ background-color:#2C40C9;}

.form .valider5{padding:20px 0 20px 210px;}
.form .valider5 a{ float:left; display:block; background-color:#202E92; border:1px solid #202E92;  font:14px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 8px 4px 8px;}
.form .valider5 a:hover{ background-color:#2C40C9;}

/*-----------------------------------------------------------------------------*/
/* MENU COMPTE
/*-----------------------------------------------------------------------------*/
.col_right{ float:left; width:220px; margin:0 20px 0 0; }
/**/
.mleft{float:left; border:1px #CCC solid; width:218px; background:#FFF; padding:0 0 10px 0;}
.mleft li{float:left; font:13px arial; color:#333;}

.mleft .titre{ text-align:center; font:14px arial; color:#333; font-weight:bold; width:216px; border:1px #FFF solid;  border-bottom:1px #CCC solid; padding:10px 0 6px 0; background:url(../img/bg_ftitre.jpg) repeat-x;}
.mleft .stitre{font:13px arial; color:#202E92; font-weight:bold; width:208px; border-top:1px #CCC solid; border-bottom:1px #CCC solid; padding:4px 0 4px 10px; margin:10px 0 0 0;}
.mleft .stitre_spe{border-top:0px; margin:0px 0px 0px 0px;}
.mleft .stitre a{ color:#333; text-decoration:none;}
.mleft .stitre a:hover{ color:#202E92;}
.mleft .stitre_actif a{color:#202E92;}

.mleft .adsense{width:200px; padding:4px 0 0 10px;}

.mleft .annonce{color:#333; width:198px; padding:4px 10px 0 20px; background:url(../img/puce.jpg) no-repeat; background-position:10px 10px;}
.mleft .annonce a{color:#212F92; text-decoration:none;}
.mleft .annonce a:hover{text-decoration:underline;}
.mleft .annonce_actif{background:url(../img/puceon.jpg) no-repeat; background-position:10px 10px;}
.mleft .annonce_actif a{ text-decoration:underline;}

.mleft .ajouter{padding:10px 0 0 10px;}
.mleft .ajouter a{float:left; display:block; width:198px; text-align:center; background-color:#202E92; border:1px solid #202E92;  font:13px Arial; font-weight:bold; color:#FFF; text-decoration:none; padding:4px 0 4px 0;}
.mleft .ajouter a:hover{background-color:#2C40C9;}

.mleft .aide{border-top:1px #CCC solid; width:208px; padding:10px 0 0px 10px; margin:10px 0 0 0; font:16px Arial; font-weight:bold;}
.mleft .email{padding:0px 0 0px 10px;}
.mleft .email a{font:13px Arial; color:#202E92; text-decoration:none;}
.mleft .email a:hover{text-decoration:underline;}
/*-----------------------------------------------------------------------------*/
/* PUBS
/*-----------------------------------------------------------------------------*/
.pubs{ float:left; margin:0 0 0 0;}
.pubs li{ float:left;}
.pubs li a{ float:left;}
.pubs li a img{ float:left;}
.pubs .acc{margin:0 0 10px 0;}
.pubs .vmenu{ margin:10px 0 0 0;}
.pubs .noresult{ margin:4px 0 0 0;}

/*-----------------------------------------------------------------------------*/
/* PAGE LISTING
/*-----------------------------------------------------------------------------*/
.mlettre{background-color:#EAEAEA; float:left; border:1px solid #CCC; width:658px; height:28px; margin:0 0 6px 0;}
.mlettre .lettre{ float:left; display:block; font:16px arial; font-weight:bold; padding:4px 8px 0 8px; text-decoration:none; color:#333;}
.mlettre .actif{ font:22px arial; font-weight:bold;  padding:0px 8px 1px 8px; background-color:#CCC;}

/*-----------------------------------------------------------------------------*/
/* FAQ
/*-----------------------------------------------------------------------------*/
.mfaq{background-color:#EAEAEA; float:left; border:1px solid #CCC; width:658px; margin:0 0 6px 0;}
.mfaq li{ float:left; width:640px; font:13px arial; color:#333; padding:2px 8px 2px 10px; line-height:18px;}
.mfaq li a{ font:13px arial; text-decoration:none; color:#333; font-weight:bold;}
.mfaq li a:hover{ text-decoration:underline;}

.mfaq2{ float:left; width:658px; margin:0 0 6px 0;}
.mfaq2 li{ float:left; width:640px; font:13px arial; color:#333; padding:4px 8px 4px 10px; line-height:18px;}
.mfaq2 li span{ font:13px arial; text-decoration:none; color:#333; font-weight:bold;}

/*-----------------------------------------------------------------------------*/
/* FICHES MINI
/*-----------------------------------------------------------------------------*/
.col_left{float:left; width:658px;}

.mlisting{background-color:#EAEAEA; float:left; border:1px solid #CCC; width:658px; height:28px; margin:0 0 6px 0;}
.mlisting .a{float:left; font:13px Arial; padding:6px 0 0 10px; }
.mlisting .a a{ color:#333; text-decoration:none;}
.mlisting .a a:hover{text-decoration:underline;}
.mlisting .b{float:right;}
.mlisting .b span{ font:13px Arial; padding:6px 0 0 10px;}
.mlisting .b select{ font:13px Arial; margin:4px 4px 0 0;}

/**/
.fiche{ float:left; width:658px; border:1px solid #CCC; margin:0 0 6px 0;}
.fiche .photo{float:left; border-right:1px solid #CCC;}
.fiche .photo a{float:left;}
.fiche .photo a img{float:left;}

.fiche .titre{float:left; width:420px; padding:20px 0 0 10px;}
.fiche .titre a{font:18px arial; color:#212F92; font-weight:bold; text-decoration:none;}
.fiche .titre a:hover{text-decoration:underline;}

.fiche .liens{float:left; width:420px; padding:6px 0 0 10px;}
.fiche .liens a{font:13px arial; color:#333; font-weight:bold; text-decoration:underline;}
.fiche .liens a:hover{text-decoration:none;}

.fiche .lieu{float:left; width:420px; font:11px arial; color:#333; padding:8px 0 0 10px;}

.fiche .prix{ float:right; padding:50px 10px 0 0;}
.fiche .prix a{ font:20px arial; color:#333; font-weight:bold; text-decoration:none;}
.fiche .prix a:hover{text-decoration:underline;}
/*-----------------------------------------------------------------------------*/
/* FICHES
/*-----------------------------------------------------------------------------*/
.photos{float:left; width:348px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; margin:0 20px 0 0;}
.photos li{float:left; width:348px; border-bottom:1px solid #CCC;}
.photos li img{float:left;}
/**/
.details{float:left; width:288px;}
.details li{ font:13px Arial; color:#333;}
.details .titre{font:18px Arial; color:#202E92; font-weight:bold;}
.details .titre span{ color:#000; font:22px Arial;}
.details .texte{ line-height:20px; padding:10px 0 10px 0;}
.details .info{line-height:20px;}
.details .info a{ color:#333; text-decoration:none;}
.details .info a:hover{ text-decoration:underline;}
.details .lieu{font:12px Arial; line-height:20px;}
.details .tel{font:18px Arial; padding:10px 0 6px 0;}
.details .tel span{color:#202E92; font-weight:bold;}
.details .cond{font:11px Arial; color:#999;}
.details .facebook{ padding:20px 0 0 0;}
.details .facebook a{ display:block; width:290px; height:34px; background:url(../img/facebook.jpg) no-repeat;}
.details .facebook a:hover{ background-position:0px -34px;}

.details .contacter{padding:20px 0 0 0;}
.details .contacter a{display:block; width:244px; height:40px; background:url(../img/btn_contacter.jpg) no-repeat top;}
.details .contacter a:hover{ background-position:bottom}


.details .adsense{float:left; width:300px; margin:20px 0 0 0;}

/*infos professionnels*/
.infospro{ float:right; width:658px; font:11px arial; color:#333; padding:10px 0 0 0;}

/*-----------------------------------------------------------------------------*/
/* GALERIE PHOTO
/*-----------------------------------------------------------------------------*/
.ph{ float:left; border:1px solid #AAAAAA; margin:0px 9px 6px 0; width:100px;}

.ph .img{float:left; position:relative; height:100px; width:100px;}
.ph .img a{display:block; float:left; position:absolute; height:100px;}
.ph .img a img{ border:0px;}

.ph .tool{float:left; border-top:1px solid #AAAAAA; padding:1px 1px 1px 1px; width:98px;}
.ph .tool .goleft{float:left; display:block; width:18px; height:18px; background:url(../img/fl_left.jpg) no-repeat top; margin:0 2px 0 0;}
.ph .tool .goleft:hover{background-position:0 -18px;}
.ph .tool .goright{float:left; display:block; width:18px; height:18px; background:url(../img/fl_right.jpg) no-repeat top;}
.ph .tool .goright:hover{background-position:0 -18px;}
.ph .tool .delpho{float:right; display:block; width:18px; height:18px; background:url(../img/fl_supp.jpg) no-repeat top;}
.ph .tool .delpho:hover{background-position:0 -18px;}

.loaderOff{margin:2px 0 0 10px; display:none;}
.loaderOn{margin:2px 0 0 10px;}

/*-----------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------*/
.footer{ width:880px; float:left; padding:0 10px 0 10px; margin:20px 0 0 0;  border-top:1px solid #E2E2E2; font:11px arial; color:#999; background:url(../img/bg_ftitre.jpg) repeat-x; background-position:0 -20px;}
.footer li{ line-height:20px;} 
.footer a{ color:#999; text-decoration:underline;}
.footer a:hover{ text-decoration:none;}
.footer .e{ color:#F30;}