body {
    background:#fff;margin:0px;padding:0pc;
    font-family:verdana;
    font-size:12px;
}
img {border:0px; }
#entete { width: 1000px; margin:auto; text-align:left; background:#fff;z-index:999;height:100px; }
#topLink { float:right; width:400px;  }
#topLink a { color:#000; font-weight:bold; }

#menu { height:27px; width:1000px; margin:auto; margin-top:5px; }
#menu ul { margin:0px; padding:0px; }
#menu ul li { list-style: none;   float:left; }
#menu ul li a {
    display:block; background:#eee; height:25px; line-height:25px; text-decoration:none; color:#000; text-align:center; padding-left:7px;padding-right:7px; margin-right:1px;font-weight:bold;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border:1px solid #c0c0c0;
    border-bottom:0px;
    behavior: url(/PIE.htc);
    font-size:10px;
}

#menu ul li a:hover,#menu ul li a.active { background:#000; color:#FFF; font-weight:bold; }

#m688, #m750 { color:#FF00CC!important; }
#m688:hover,#m688.active, #m750:hover, #m750.active  { background:#FF00CC!important; color:#FFF!important; font-weight:bold; }
.sm688, .sm750{ background:#FF00CC!important; }

#m680, #m747, #m766 { color:#11B822!important; }
#m680:hover,#m680.active,
#m747:hover,#m747.active,
#m766:hover,#m766.active { background:#11B822!important; color:#FFF!important; font-weight:bold; }
.sm680, .sm747, .sm766{ background:#11B822!important; }

#m683, #m684 { color:#3D61D4!important; }
#m683:hover,#m683.active, #m684:hover, #m684.active  { background:#3D61D4!important; color:#FFF!important; font-weight:bold; }
.sm683, .sm684{ background:#3D61D4!important; }

#m695, #m738 { color:#FFAE00!important; }
#m695:hover,#m695.active, #m738:hover, #m738.active  { background:#FFAE00!important; color:#FFF!important; font-weight:bold; }
.sm695, .sm738{ background:#FFAE00!important;}
.sm695 a, .sm738 a { color:#333!important; }


#md #md798 {
    display:block;
    height:50px;
    background:url(../images/devis-en-ligne.png);
    text-indent:-5000px;
}
#sousmenu { height:25px; background:#000; z-index:5;
    box-shadow: #666 0px 0px 6px;
    -moz-box-shadow: #666 0px 0px 6px;
    -webkit-box-shadow: #666 0px 0px 6px;
    behavior: url(/PIE.htc);
}
#sousmenu ul { margin:0px; padding:0px; width:1000px;margin:auto;}
#sousmenu ul li { list-style: none;   float:left; }
#sousmenu ul li a {
    display:block; height:20px; line-height:20px; text-decoration:none; color:#fff; text-align:center; padding-left:10px;padding-right:10px;
    border-bottom:3px transparent ;
    font-size:11px;
}
#sousmenu ul li a:hover, #sousmenu ul li a.active { border-bottom:3px solid #ff0000; }

#md {
    margin-top:10px;
    margin-bottom:10px;
}

#message p { margin:0px; padding:5px;font-size:14px;}
.ok { color:#003300; background:#00d200; border:2px solid #003300;font-weight:bold;  }
.ko { color:#ff0000; background:#ffa4a4; border:2px solid #ff0000;font-weight:bold;}
#centre {
    width:1000px; margin:auto;
    box-shadow: 0px 0px 100px #ccc;
    z-index:888;
    overflow:hidden;
}
#centre h1 { margin:0px; }
div.annuaire {    
    overflow:hidden;
    border-bottom: 1px solid #cecece;
    padding-bottom:10px;
    margin-bottom:10px;
    /*width:550px;*/
    background:#fff;
}
div.annuaire div.idx { float:left; width: 30px; text-align:right; }
div.annuaire hr {
    border:0px;
    border-bottom: 1px solid #cecece;
}
div.annuaire div.adresse {
    text-align:left;
}
div.annuaire div.categorie {
    margin-top:15px;
    text-align:left;
}
div.annuaire div.adresse span { font-weight:bold; }
div.annuaire div.adresse a { text-decoration:none; color:#00f;}
a.titre { color:#11B822; font-weight:bold; }
a.titre span { color:#000; text-decoration:underline;  }

div#pages a {
    width:20px;
    height:20px;
    line-height:20px;
    border:1px solid #000;
    /*display:block;*/
    text-align:center;
    text-decoration:none;
    /*float:left;*/
    color:#000;
    margin-right:3px;
    margin-bottom:3px;
    padding:3px;
}
div#pages a:hover { background:#ddd; }
div#pages span {
    width:20px;
    height:20px;
    line-height:20px;
    /*display:block;*/
    text-align:center;
    text-decoration:none;
    /*float:left;*/
    margin-right:3px;
    margin-bottom:3px;
    background:#ddd;
    border:1px solid #fff;
    padding:3px;
}
#rch {
    background:#eee;
    border:1px solid #ddd;
    width:250px;
    margin:0px;
    margin-bottom:5px;
    text-align:left;
}
#nouveau {
    background:#eee;
    border:1px solid #ddd;
    width:230px;
    margin:5px;
    text-align:center;
    float:left;
    padding-bottom:5px;
    font-size:11px;
}
.btn100x40 {
    display:block;
    width:100px;
    height:40px;
    line-height:40px;
    background:#009900;
    background:url(../images/btn-100x40.png);
    margin:auto;
    text-decoration:none;
    text-align:center;
    font-size:12px;
}
.btn100x40:hover { background-position: 0px -40px; }

.btn100x30Gris {
    display:block;
    width:100px;
    height:30px;
    line-height:30px;
    background:#009900;
    background:url(../images/btn-100x30-gris.png);
    margin:auto;
    text-decoration:none;
    text-align:center;
    font-size:12px;
}
.btn100x30Gris:hover { background-position: 0px -30px; }

.btn100x20Gris {
    display:block;
    width:100px!important;
    height:20px;
    line-height:20px;
    background:#009900;
    background:url(../images/btn-100x20-gris.png);
    margin:auto;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    border:0px!important;
}
.btn100x20Gris:hover { background-position: 0px -20px; }

#rch form { display:inline; }
#rch label { width:250px; display:block; margin:3px; color:#000; font-size:11px; }
#rch input { width:240px; border: 1px solid #11B822; }
.submeat { text-align:right; }
.submeat input { width:80px!important; border: 0px!important; background:#11B822; height:35px; margin-right:10px;}
.submeat input:disabled { border: 0px; background:#cecece; }

.rchBtn { width:40px!important; border: 0px!important; background:#11B822; background:url(../images/rch.png);height:20px; margin-left:5px;}
.rchBtn:hover { background-position: 0px -20px; }

/*.submeat_connexion { width: 250px!important; }*/
/*.submeat_connexion input { width:100px!important;border: 1px solid #003300; background:#11B822; }*/


#insc, #insc_connexion, #connexion, #msg {
    float:left;
    background:#f9f9f9;
    border:1px solid #ddd;
    width:250px;
    padding:10px;
    margin:10px;
}
#insc, #insc_connexion {
    margin:20px;
    margin-top:10px;
    border-radius:20px;
    width:45%;
    behavior:url(/PIE.htc);
}
#connexion {
    display:none;
    position:absolute;
    z-index:9999;
}

#insc label,#msg label,#insc_connexion label,#connexion label { width:245px; display:block; float:left; color:#000; padding:3px;}
#insc label.error,#msg label.error,#insc_connexion label.error, #connexion label.error, label.error { background:#ff9b9b; color:#FF0000; }

#insc label.error input,#msg label.error input,#insc_connexion label.error input, #connexion label.error input, label.error input, label.error textarea { border-color:#f00;}
#insc input,#msg input, #insc_connexion input ,#connexion input { width:100%; border: 1px solid #11B822; }
#msg textarea { width:100%; border: 1px solid #11B822; }

#insc input[type=radio] { width:20px; }

#urls { display:none; height:170px;}

#membreGauche {
    width:200px;
    background:#ffffff;
    float:left;
}

#membreCentre {
    width:510px;
    background:#ffffff;
    float:left;
}

#membreDroite {
    width:290px;
    background:#ffffff;
    float:left;
}

.monprofil {
    background:#eee;
    border:1px solid #ddd;
    padding:10px;
    margin:10px;
}
#acc {
 width:750px;
 float:left;
}
#accDroite {
    width:250px;
    float:left;
    text-align:center;
}
#accDroite h2 {
    font-size: 14px;
    text-align: left;
}
#accDroite h3 {
    margin:0px;
    font-size: 12px;
}

.annuaire h3 {
    margin:0px;
    font-size: 12px;
}
.recCarre {
    width:300px;
    border:1px solid #cecece;
    background:#cecece;
    margin:5px;
    font-size:10px;
    text-align:right;
    float:left;
}
.recDroit {
    width:160px;
    border:1px solid #cecece;
    background:#cecece;
    margin:auto;
    margin-top:10px;
    font-size:10px;
    text-align:right;
}
.recHaut,.recBas {
    width:728px;
    border:1px solid #cecece;
    background:#cecece;
    margin:auto;
    font-size:10px;
    text-align:right;
}
#lasts, #bestPages, #lastPages {
    background:#eee;
    width:250px;
    overflow:hidden;
    text-align:center;
}
#bestPages, #lastPages { text-align:left;}
.last {
    text-align:center;
    width: 75px;
    height:75px;
    border:1px solid #333;
    float:left;
    background:#fff;
    margin:1px;
}
.last  img { width: 75px; height:75px; }
.last  a { color:#000; }

#visites {
    margin-top:10px;
    float:right;
    background:#eee;
    border:1px solid #ddd;
    overflow:hidden;
    text-align:center;
}

.visite {
    text-align:center;
    width:80px;
    height:115px;
    overflow:hidden;
    border:1px solid #333;
    float:left;
    background:#fff;
    margin:5px;
}
.visite  img { float:left; width: 80px; height:80px; }
.visite  a { color:#000; }

#derniers_membres {
    width:300px;
    float:left;
    margin-left:25px;
}

#membres_populaires {
    width:300px;
    float:left;
    margin-left:25px;
}
#meilleurs_articles {
    width:300px;
    float:left;
    margin-left:25px;
}
#derniers_membres th, #membres_populaires th, #meilleurs_articles th {
    font-size:14px;
}
#derniers_membres a, #membres_populaires a, #meilleurs_articles a {
    color:#0080c0;
}

.tr1 { background:#e9e9e9; }
.tr2 { background:#c9f0fc; }

.recherche { margin-bottom: 15px; }
.recherche a { text-decoration:underline!important; }
.recherche H2{
	color:#000000;
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}

.rechercheTexte {
	color:#529352;
	font-size:12px;
}
span.hl { font-weight: bold; background:#ffff00;}

#bas { margin:auto; margin-bottom: 75px; width:1000px; }

.status {
    width:15px;
    height:15px;
    position:absolute;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
.Savailable {
    background:#65A830;
}
.Sinvisible,
.Soffline {
    background:none;
    border:0px;
}

.Sbusy {
    background:#cc0000;
}

.Saway {
    background:#ff8000;
}

#completer_proil {
    background:#fef3ab;
    padding:10px;
    margin:5px;
    border: 1px solid #9d3000;
    background-image:url(../images/attention.png);
    background-repeat:no-repeat;
    background-position: 5px 50%;
    padding-left:80px;
}

#completer_proil a { font-weight:bold; color:#000; }
#profil_statut_btn { display:none; }
#profil_statut_counter { display:none; }
textarea#profil_statut {
    height:20px;
    width:90%;
}
div#profil_statut {
    background:#c5e1fe;
    padding:10px;
    margin:5px;
    border: 1px solid #0d84fb;
    background-repeat:no-repeat;
    background-position: 5px 50%;
}

#footerPartenaires {
    clear:both;
    width:1000px; margin:auto; color:#777 }
#footerPartenaires a { color:#777; font-size:9px; text-decoration:none; }
.texte { padding:10px; font-size:12px; text-align:justify;  }
.texte img.top {
    margin:5px; float:right;
    border:1px solid #cecece;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(/PIE.htc);
}
.texte h1 { font-size:18px; }
.texte h2 { font-size:16px; }
.texte h3 { font-size:14px; }
#controlbar {
    margin-top:10px;
    height: 25px;
    background:#ECEBEC;
    background-image:url(../images/fond-menu.png);
    background-repeat:repeat-x;
    background-position:0% 100%;
    text-align:right;
    color:#666;
}
#controlbar  a { line-height: 25px; color:#000; text-decoration:none; margin-right:10px; margin-left:10px; }


div.message {
    height:50px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}

div.message div.Date { float:right; }

div.nonlu { font-weight:bold; background:#dfefff;}

div.fullMessage {
    display:block;
    overflow:hidden;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}

div.fullMessage div.Date { float:right; }

div.ListingPage {
    width:240px;
    border-bottom:2px solid #cecece;
    overflow:hidden;
}


.note { width:100px; height:20px; background-image:url(../images/note.png); background-position: 0% 0%; }
.note0 {background-position: 0% 0%;}
.note1 {background-position: 0% -20px; }
.note2 {background-position: 0% -40px; }
.note3 {background-position: 0% -60px; }
.note4 {background-position: 0% -80px; }
.note5 {background-position: 0% -100px; }

.note a { display:block; float:left;}

.commentaire {
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #dedede;
    overflow:hidden;
}
.commentaireBlock {
	font-size:12px;
	text-align:left;
	background:#fff;
	float:left;
	width:370px;
}

.commentaireTitre {
	font-weight:bold;
	margin-left:5px;
}

.commentaireTexte {
	margin-top:5px;
	margin-left:30px;
	padding:5px;
	border: 1px solid #4572a3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior(/PIE.htc);
}

.jeuxEnFlash {
    width:180px;
    height:150px;
    float:left;
    border:1px solid #333;
    cursor:pointer;
    margin:5px;
    -moz-box-shadow: #ccc 0px 2px 3px;
    -webkit-box-shadow: #ccc 0px 2px 3px;
    box-shadow: #ccc 0px 2px 3px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    behavior: url(/PIE.htc);
}
.jeuxEnFlash a { display:block; color:#000;text-decoration:none; font-weight:bold;  }

.catJeux {
    text-align:left;
    border-bottom:1px solid #333;
    clear:left;
    background:#fff;
    -moz-box-shadow: 0px 3px 3px #ccc;
    -webkit-box-shadow: 0px 3px 3px #ccc;
    box-shadow: 0px 3px 3px #ccc;
    behavior: url(/PIE.htc);
}
div.pages, div.exp, div.voyages, div.adore { padding:10px; }

div.pages table {
    width:100%;
    background:#ddd;
    border:1px solid #333;
}
div.pages table td { border-bottom:1px solid #fff; }
div.pages table tr.pages0 { background:#e1f0ff; }
div.pages table tr.pages1 { background:#efefef; }
div.pages a { color:#000;}

div.exp, div.voyages, div.adore { display:none; }
.tabs { margin:10px;
    margin-bottom:0px;
    height:21px;
    }
    
.tabs  a {
    height:20px;
    line-height:20px;
    margin-right:3px;
    text-decoration:none;
    border:1px solid #3D61D4;
    display:block;
    width:110px;
    text-align:center;
    float:left;
    background:#eee;
}
.tabs  a:hover { background:#fff; }
.tabs  a.active {
    background:#fff; 
    border-bottom-color:#fff;
}
.tabsContent {
    margin:10px;
    margin-top:0px;
    border:1px solid #3D61D4;
    background:#fff;
}


.photoMembre {
    font-weight:bold;
    background:#fff;
    text-align:center;
    padding:10px;
    border:1px solid #eee;
}

.photoMembre img { width: 180px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(/PIE.htc);
}

.membreHaut {
    padding:10px;
}
.membreHaut h1 { font-size:18px; }
.tab h2 { font-size:14px; }



.fiche {
    margin-left:15px;
    float:left;
    width:400px;
}
.maps {
    width:250px;
    text-align:left;
    float:left;
}


.innerForm {
    text-align:left;
}
.innerForm div {
    padding:3px;
    text-align:right;
}

.innerForm .input {
    width:200px;
}

.iladore {
    border-bottom:1px solid #121212;
    margin-bottom:5px;
    padding-top:10px;
    padding-bottom:10px;
}

.iladore a {color:#000; text-decoration:none; }


h1.orange {
    background: #3D61D4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#ffffff;
    padding:5px;
}

h1.orange a {
    float:right;
    color:#ffcc00;
    text-decoration: none;
}
.ui-autocomplete-loading { background: white url(../images/ui-anim_basic_16x16.gif) right center no-repeat; }

.ui-autocomplete {
			font-size:12px;
			text-align:left;
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		white-space:nowrap;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 200px;
	}
	.ui-autocomplete-category {
    clear:both;
		font-weight: bold;
		padding: .2em .4em;
		margin: .8em 0 .2em;
		line-height: 1.5;
        white-space:nowrap;
	}
        
        
        #telPan {
    font-weight: bold;
    min-height:64px;
    background: url(../images/tel.png) no-repeat #11ff22;
    color:#111;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-right:5px; $('#telPan').css('opacity','.9');
}

.telPan {
    font-weight: bold;
    background: url(../images/tel-35x35.png) no-repeat;
    color:#fff;
    height:35px;
    padding-left:35px;
    float:right;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width:300px;
}
#tp { margin-left:75px; overflow: hidden; }
#tp span {
    overflow: hidden;
    height: 20px;
    display: block;
    white-space: nowrap;
}

.idl_audiotel {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	display: inline;
	color: #000000;
	font-family: "Arial";
	font-size: 12px;
}

.idl_audiotel_number {
	position: relative;
	text-align: left;
}

.idl_audiotel_pic {
	display: none;
}

a.idl_audiotel_link, a.idl_audiotel_link:active, a.idl_audiotel_link:hover, a.idl_audiotel_link:visited {
	font-family: "Arial";
        font-size: 22px;
        font-weight: bold;
        line-height:22px;
        /*background:#3D61D4;*/
        padding: 3px;
        color:#000;
        text-decoration: none;
}
.telPan a.idl_audiotel_link,.telPan a.idl_audiotel_link:active, .telPan a.idl_audiotel_link:hover, .telPan a.idl_audiotel_link:visited {
	font-family: "Arial";
        font-size: 14px;
        font-weight: bold;
        background:#ffffff;
        padding: 3px;
        color:#000000;
        text-decoration: none;
        white-space: nowrap;
}
.idl_audiotel_text {
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 6px;
	display: inline-block;
        /*margin-top:10px;*/
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: visible;
	vertical-align: middle;
	zoom: 1;
        font-size: 24px;
        color:#000;
}
#textIntro { font-weight: normal; font-family: Arial; }
.idl_audiotel_warning {
	color: #aaa;
	font-size: 9px;
}
.idl_audiotel_warning a {
    color:#aaa!important;
}
.idl_audiotel_preview {
	margin-right: 70px;
}

.telPan .idl_audiotel_text {
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 6px;
	display: inline-block;
	*display: inline;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: visible;
	vertical-align: middle;
	zoom: 1;
        font-size: 18px;
        color:#3D61D4;
        width:150px;
}

.telPan .idl_audiotel_warning {
	color: #ccc;
	font-size: 8px;
        width:150px;
        background: #ffffff;
        width:300px;
}
.idlead { border-radius: 0px 0px 5px 5px!important; border:1px solid #3D61D4!important; overflow: hidden!important; background: #ffffff!important; min-height: auto!important; padding-bottom: 5px!important; }
/*.idlead, .idlead fieldset{ width:248px!important;background: none!important; }*/
.idlead legend { text-indent: 5px; color:#3D61D4!important; }
/*table.form_section th {*/
/*width:75px!important;*/
/*}*/
/*table.form_section td, table.form_section td input[type=text], table.form_section td select, table.form_section td textarea {*/
/*width:  150px!important;*/
/*}*/

/*#submitWrapper {*/
/*    width:250px!important;*/
/*}*/
.idlead p {  }
.idl_form_title { font-size: 16px!important; color:#ffffff!important; background-color:#3D61D4!important; }

#relationLink { display: none!important; }

#devisLink {
float: left;
display:block;
color:#000000;
margin-left:50px;
background: #FFCC00;
color:#333333;
text-decoration: none;
width: 150px;
text-align: center;
padding:5px;
border:2px solid #ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 0px 3px 3px #cccccc;
font-weight: bold;
text-shadow: 1px 1px #ffffff;
}

#devisLink span {color:#ffffff; text-shadow: none; float:right; }

#AleterCookies {
  height:50px;
  position:fixed;
  background: #fff;
  top:0px;
  text-align: center;
  width:100%;
  
}
#AleterCookies p {
  width:1000px;
  margin:auto;
  text-align: left;
}
#AleterCookies p a.Btn {
  float:right;
  width:40px;
  height:30px;
  line-height:30px;
  display: block;
  background: #cecece;
  text-align: center;
  color:#333;
  text-decoration: none;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
p.Param {
  margin: 0px 50px;
  border-bottom:1px dashed #ddd;
  padding: 10px;
  overflow: hidden;
}
p.Param label {
  float:right;
}