#ListeDemande{position:absolute;top:55px;left:10.5%;width:200px;border:solid 1px #333;background:#e7e7e7;padding:15px;font-size:11px;z-index:100;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;display:none}

#ListeDemande .demande{border-bottom:solid 1px #333;margin:0 0 5px 0;color:#333;padding:5px}
#ListeDemande .demande:hover{background:#db4b43;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;color:#fff}
#ListeDemande .demande a{color:#333}
#ListeDemande .demande:hover a{color:#fff}

.pointer:hover{cursor:pointer}

#HomePro{background:#000;margin:50px 2%;width:90%;padding:1% 3%;}
#ProPage{margin:60px 0 0 0;width:100%;padding-top:25px}
.MenuProfil{border-right:solid 1px #959494;float:left;width:8%;margin:0;padding:25px 0;position:fixed;top:45px;height:100%;background:#e7e7e7}
.MenuProfil li{text-align:center;margin:0 0 15px 0;background:#fff url(/pro/img/circle.png) top center no-repeat;padding:5px 0 0 0}
.MenuProfil li a{display:block}
.MenuProfil li a img{margin:0 0 8px 0}
.MenuProfil li:hover{background:#db4b43 url(/pro/img/circle.png) top center no-repeat;}

.welcome{border:solid 1px #959494;float:right;width:80%;margin:15px 2% 15px 0;padding:10px;font-size:16px}
.notifications{border:solid 1px #959494;float:right;width:88%;margin:0px 2% 15px 0;padding:10px;font-size:16px}


#RecapHome{border:solid 2px #959494;float:right;width:300px;padding:10px;margin:0px 2% 15px 0;padding:10px;font-size:12px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
#RecapHome h3{margin:15px 0 5px 0;text-transform:uppercase}

.annonce{border:solid 1px #333;float:right;width:86.5%;margin:0px 2% 15px 0;padding:10px;font-size:16px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.annonce h1{font-size:20px;text-transform:uppercase;font-weight:normal;margin:0 0 10px 0}
.annonce .field{border:solid 1px #e7e7e8;padding:5px;font-size:12px;color:#333;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;width:50%}
.annonce select{width:50%}
.annonce .field:focus{color:#000}
.annonce .field.rempli{color:#000}
.annonce label{font-size:12px;display:inline-block;width:40%}

.annonce .pictotype{background:url(/img/picto-type.png) 0 4px no-repeat;padding:10px 0 5px 8%;width:32%}
.annonce .pictoprix{background:url(/img/picto-prix.png) 0 4px no-repeat;padding:10px 0 5px 8%;width:32%}
.annonce .pictovue{background:url(/img/picto-vue.png) 0 4px no-repeat;padding:10px 0 5px 8%;width:32%}
.annonce .pictoloca{background:url(/img/picto-localisation.png) 0 4px no-repeat;padding:10px 0 8px 8%;width:32%}
.annonce input.fieldbig{width:97%}
.annonce .detailinput{display:inline-block;font-size:12px;border:solid 1px #e7e7e8;padding:10px 6px 3px 6px;width:15px;text-align:center}
.annonce .detailinput:hover{font-size:14px;padding:8px 6px 3px 6px;width:15px;background:#E7E7E7}
.annonce input.fieldsmall{width:50px}
.annonce .field3third{width:30%}
.annonce .field2col{width:48.2%;}
.annonce .field2col .field{float:right}
.annonce select{border:solid 1px #959494;padding:5px;font-size:12px;color:#333}
.annonce .descriptif{width:97%;border:solid 1px #e7e7e8;padding:5px;font-size:12px;height:200px;color:#e7e7e7;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.annonce textarea:focus{color:#000;}
.annonce textarea.rempli{color:#000}
.annonce .save{margin:0 0 15px 0;text-align:center}

.annonce .caracteristiques{float:right;border:solid 1px #e7e7e7;width:37%;margin:0 0 0 15px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.annonce .caracteristiques h2{background:#e7e7e7;text-align:left;padding:5px 10px;font-size:14px;text-transform:uppercase;font-weight:normal;margin:0 0 10px 0}
.annonce .caracteristiques table{margin:10px;width:94%}
.annonce .caracteristiques table tr td{padding:8px 0;line-height:24px;vertical-align:middle}
.annonce .caracteristiques table tr td label{font-size:12px;width:100%;padding:4px 0 0 0;display:inline-block}
.annonce .caracteristiques table tr td span{font-size:11px}
.annonce .caracteristiques input{font-size:12px;padding:5px}
.annonce .caracteristiques select{font-size:12px;padding:5px;border:solid 1px #959494;width:90%}
.annonce .caracteristiques .carac{border-top:solid 1px #959494;margin:11px;padding:11px}
.annonce .caracteristiques .carac tr td{padding:0}
.annonce .caracteristiques .carac label{padding:0;display:inline}
.annonce .caracteristiques .bordure td{border-top:solid 1px #e7e7e7;padding:5px 0}
.annonce .description{width:61%;}

.annonce .proximite{margin:15px 0;width:99%;border:solid 1px #e7e7e7;}
.annonce .proximite h2{background:#e7e7e7;text-align:left;padding:5px 10px;font-size:14px;text-transform:uppercase;font-weight:normal;margin:0 0 10px 0}
.annonce .proximite table{margin:0 auto;width:98%}
.annonce .proximite td{vertical-align:top;font-size:12px}
.annonce .proximite label{padding:10px 0;font-size:12px}
.annonce .proximite input{width:50px;}


.annonce .caseacocher{width:10px;height:10px;border:solid 1px #e7e7e7;margin:0 5px 0 0;display:inline-block}
.annonce li:hover{cursor:pointer}
.annonce li:hover .caseacocher{border:solid 1px #000}
.annonce .caseacocher-s{width:10px;height:10px;border:solid 1px #000;margin:0 5px 0 0;display:inline-block;background:#db4b43}

.annonce .liste-carac:hover{cursor:pointer}
.annonce .liste-carac:hover .caseacocher{border:solid 1px #000}

#TypeBienForm ul{width:90%;margin:2px 5%}
#TypeBienForm  ul li a:hover{text-decoration:none;}

.annonce .galeriephoto{border-top:solid 1px #959494;padding:20px 0;width:100%}
.annonce .galeriephoto h2{margin:0 0 5px 0;font-weight:normal;}
.annonce .galeriephoto p{font-size:11px;font-style:italic;margin:0 0 15px 0}
.FormOver{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pro/img/formover.png) top left repeat;z-index:1000;padding:150px 0}
.FormOver .tel{font-size:18px;}
.FormOver ul{margin:0px 0}
.FormOver ul li{list-style-position:inside;list-style-type:square}
.FormOver .form{width:800px;margin:0 auto;border:solid 5px #959494;background:#fff;padding:15px;overflow-y:scroll;border-radius:6px;max-height:700px;overflow-y:scroll}
.FormOver h2{margin:0 0 15px 0;font-weight:normal;text-transform:uppercase;line-height:20px}
.FormOver .form .field{border:solid 1px #959494;padding:5px 10px;width:60%}
.FormOver .form textarea{height:60px}
.FormOver .form table tr td{padding:5px}
.FormOver ul.noli li{list-style:none}

 .tarifs table{width:100%}
 .tarifs table tr th{padding:5px;font-size:14px;text-transform:uppercase}
 .tarifs table tr td{border-top:solid 1px #ccc;line-height:20px;border-right:solid 1px #ccc;padding:5px;}
 .tarifs table tr.bigborder td{border-top:solid 3px #ccc}
 .tarifs table tr td.data{text-align:center;}
 .duree{margin:10px 0;font-size:14px}
 .duree select{font-size:14px;border:solid 1px #ccc;margin-left:15px}

.resultatsVille{position:absolute;border:solid 1px #000;padding:5px;width:250px;background:#F6F6F6}

.etiquette{padding:5px 0 0 0;display:inline-block}

.TreeView{width:90%;margin:15px 5%;display:block}
.TreeView li{padding:2px 1%;display:block;clear:both;float:left;width:97%;margin:5px 0}
.TreeView ul{padding:2px 0 0 5%;width:95%;display:block}

.sortable{width:100%;margin:0%;}
.sortable li .ligne{cursor: move;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;margin:15px;}
.sortable li .ligne:hover{background:#e7e7e8}
.sortable li .ligne .photo{float:left;width:20%;margin:0 25px 0 0;padding:0}
.sortable li .ligne .legende{float:left;margin:30px 0 0 0;width:50%}
.sortable li .ligne .legende p{margin:40px 0 10px 0}
.sortable li .ligne .legende p label{display:inline-block;width:100px;text-transform:uppercase;font-size:14px}
.sortable li .ligne .legende p input{width:250px;padding:2px 5px;border:solid  1px #999}
.sortable li .ligne .legende p input.titre{width:350px}
.sortable li .ligne .legende p input.desc{width:350px}
.sortable li .ligne .del{float:right;margin:110px 0 0 15px;font-size:12px;line-height:35px}
.sortable li .ligne .del img{float:left;margin:0 5px 0 0}
.ListePhoto li{margin:0 0 5px 0}
.ListePhoto li .ligne{cursor: move;padding:2px 5px;border:solid 1px #999}


.profil{border:solid 1px #333;float:right;width:87%;margin:0px 2% 15px 0;padding:10px;font-size:16px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}

.profil h1{font-size:18px;font-weight:normal;text-transform:uppercase}
.profil table tr td{padding:5px;font-size:14px;vertical-align:top}
.profil table tr td input{border:solid 1px #e7e7e8;padding:5px 10px;width:90%;font-size:12px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.profil table tr td textarea{border:solid 1px #e7e7e8;padding:5px 10px;width:90%;font-size:12px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.profil .description{border-bottom:solid 1px #333;margin:0 0 15px 0}
.profil .description input{width:95%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.profil .description textarea{width:95%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}

.recadrerphoto{border:solid 1px #959494;width:91%;margin:0px 2% 15px 2%;padding:2%px;font-size:16px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.recadrerphoto h1{font-weight:normal;text-transform:uppercase;margin:0 0 15px 0}
.recadrerphoto p{margin:5px 0}
.welcomeHome{font-size:18px;font-weight:normal;margin:0 0 15px 0;text-transform:uppercase;float:left;margin:10px 0 0 9.5%}

.PageFull{float:right; width:88.5%;margin:0 2% 0 0}
.PageFull h1{font-size:18px;font-weight:normal;margin:0 0 15px 0;text-transform:uppercase}
.PageFull .SousMenu{width:100%;margin:15px 0 25px 0}
.PageFull .SousMenu li{float:left;}
.PageFull .SousMenu li a{padding:10px 15px 10px 0;text-transform:uppercase;font-size:14px}
.PageFull .SousMenu li .selected{color:#db4b43;font-weight:bold}


.tableau{width:98%;margin:0 1% 15px 1%;border:solid 1px #333;overflow:visible;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.addNew{background:url(/pro/img/add.png) left no-repeat;padding:8px 0 5px 40px;background-size:30px 30px}
.tableau caption{color:#333;font-size:18px;padding:5px;font-weight:normal;text-align:left}
.tableau tr th{background:#333;color:#fff;font-size:14px;padding:5px;font-weight:normal;text-align:left}
.tableau tr td{padding:4px;text-align:left;line-height:25px;}
.tableau .ligne td{background:#e7e7e8;}

.NewListe{position:fixed;top:200px;left:calc(50% - 175px);border:solid 1px #333;background:#fff;padding:20px;width:350px;z-index:100;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.NewListe h2{font-weight:normal;text-transform:uppercase;margin:0 0 15px 0;font-size:14px}
.NewListe div{width:300px}
.NewListe .field{width:180px;padding:5px;float:right;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;border:solid 1px #e7e7e8;}
.NewListe ul{max-height:400px;overflow-y:scroll}
.NewListe ul li{margin:0 0 5px 0;font-size:14px;}
.repondre{display:inline-block}

#Welcome{position:fixed;top:100px;left:center;border:solid 1px #333;background:#fff;padding:20px;width:1000px;z-index:100;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;font-size:14px;text-align:center}
#TexteRub{margin:0px 2% 15px 2%;width:96%;}
#TexteRub h1{font-size:20px;font-weight:normal;text-transform:uppercase;color:#333;border-bottom:solid 1px #db4b43;font-family:"Varela","VarelaIE";padding:0 0 10px 0}
#TexteRub .alertemail{float:right;background:#db4b43;color:#fff;padding:10px 15px;display:block;font-size:16px;width:180px;text-align:center;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;font-family:"Varela","VarelaIE";margin:0 0 0 2.5%}

.demandeabonnement{display:inline-block;background-color:#333;color:#fff;padding:10px 20px;font-size:16px;text-transform:uppercase;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}

.calendarField{background:url(/pro/img/calendrier.png) 2px 5px no-repeat;background-size:20px 20px;padding:5px 5px 5px 30px !important}

.statsgenerales{clear:right;margin:0 0 15px 0;padding:10px;border:solid 1px #333;width:45%}

.note{display:block;}
.etoile0.5{background:url(/pro/img/etoile.gif) 0 0 no-repeat}

.liensite{margin:15px 0;}
.liensite h2{text-transform:uppercase;margin:0 0 10px 0}
.liensite code{background:#333 !important;padding:10px;margin:5px 0;display:block;color:#fff}

.BigTitre{font-family:"Varela","VarelaIE";font-size:24px;font-weight:normal;text-transform:uppercase;text-align:center;color:#fff;padding-top:5px}

.argumentvisible{width:45%;border:solid 1px #333;padding:15px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#fff}
.argumentvisible h2{font-family:"Varela","VarelaIE";font-size:18px;font-weight:normal;text-transform:uppercase;text-align:left;margin-bottom:20px;color:#db4b43;border-bottom:solid 1px #db4b43;padding-bottom:10px}
.argumentvisible h2 strong{font-size:22px}
.argumentvisible h3{margin:15px 0 5px 0;text-transform:uppercase}
.argumentvisible .args{margin:20px 0;font-size:18px;line-height:80px}
.argumentvisible .args .valeur{background:#ccc;color:#333;font-size:17px;width:80px;height:80px;border-radius:90%;line-height:80px;text-align:center;float:left;margin-right:25px}
.argumentvisible .args .nbplace{background:#db4b43;color:#fff}

.sousription{background-color:#333;color:#fff;font-size:16px;text-transform:uppercase;height:100px;padding:12px 0 12px 0px;margin-bottom:30px;width:29%;}
.sousription .valeur{float:right;background:#fff;color:#000;font-size:12px;width:100px;height:75px;border-radius:90%;line-height:20px;text-align:center;margin-left:10px;padding:15px 0 10px 0;margin-right:10px}
.sousription .valeur strong{font-size:24px;font-weight:normal;}
.sousription a{color:#fff;display:block}
.sousription a span{padding:15px 0 15px 15px;line-height:30px;font-weight:normal;float:left;font-family:"Varela","VarelaIE";}
.sousription a .p2{padding:25px 0 15px 15px;line-height:30px;font-weight:normal;float:left;font-family:"Varela","VarelaIE";}

#AvisAgence{width:14%;margin-left:2%;font-size:12px;height:95px;}
#AvisAgence:hover{cursor:pointer}
#AvisAgence h2{text-transform:uppercase;font-size:18px;color:#db4b43;border-bottom:solid 1px #db4b43;font-family:"Varela","VarelaIE";margin-bottom:5px}

#AvisAgence .note{float:left;margin-right:5px}
#AvisAgence .countavis{font-size:11px}

.bagde{float:left;margin:0 3% 0 0;display:inline;width:33%}
.bagdeS{float:left;margin:0 3% 0 0;display:inline;width:33%}

.avisclient{background-color:#333;color:#fff;padding:10px;font-size:14px;margin-top:15px;width:450px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.avisclient h2{margin:10px 0;font-size:14px;text-transform:uppercase;border-bottom:solid 1px #fff;font-weight:normal;padding-bottom:5px}
.avisclient p{margin:5px 0}
.avisclient p label{float:left;width:180px;padding-top:2px}
.avisclient .recommand{background:#fff;padding:5px;width:120px;color:#333;font-size:14px;text-transform:uppercase;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;text-align:center}

div.noresponse{background:#db4b43}
a.btnnoresponse{background:#333}


.depeches{width:99.8%;border:solid 1px #333;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;margin:0 0 15px 0}
.depeches .libelle{float:left;padding:2%;background:#333;color:#fff;margin-right:2%;width:18%;text-transform:uppercase;text-align:center}
.depeches .liste{width:width:70%;}
.depeches .liste .item{font-size:14px;width:90%}
.depeches .liste .item h2{margin-top:3%;text-transform:uppercase;float:left;margin-right:5%}
.depeches .liste .item h2 a{color:#db4b43}
.depeches .liste .item .detail{float:left;margin-top:3%}


#InscriptionPro{margin:50px auto;width:700px;border:solid 1px #333;background:#fff;padding:1%;-moz-border-radius: 6px;border-radius:6px;position:relative;}
#SlidePro{width:600px;margin:0 auto;position:relative}
#InscriptionPro .article{width:700px;margin:0 auto;position:relative;text-align:center;font-size:18px}
#InscriptionPro .article .photo{width:700px;margin:15px 0 0 0;height:350px;text-align:center}
#InscriptionPro .article .icone{float:left;margin:0 25px 0 0;display:none} 
#InscriptionPro .article h2{font-size:24px;text-transform:uppercase;font-weight:normal;text-align:center;margin:0 0 15px 0;font-family:"GeoSansLight","GeoSansLightIE"}

#InscriptionPro .article form{font-size:14px;width:100%;margin:15px 0;}
#InscriptionPro .article form table tr td{padding:4px}
#InscriptionPro .article form table{width:100%}
#InscriptionPro .article form table tr td{vertical-align:middle}
#InscriptionPro .article form table tr td .field{border:solid 1px #d0d0d6;padding:5px;font-size:12px;width:375px;float:right;-moz-border-radius: 6px;border-radius:6px;}

#InscriptionPro .article form #ListeVille{width:365px;float:right;border:solid 1px #d0d0d6;padding:5px;text-align:left}

#InscriptionPro .Step{width:350px;margin:0 auto;font-family:"GeoSansLight","GeoSansLightIE"}
#InscriptionPro .Step div{width:70px;float:left;-moz-border-radius: 90%;-webkit-border-radius: 90%;border-radius:90%;border:solid 1px #333;height:70px;line-height:70px;font-size:24px;text-align:center}
#InscriptionPro .Step .selected{border:solid 1px #db4b43;color:#db4b43;}
#InscriptionPro .Step .first{margin-right:20px}
#InscriptionPro .Step .deuxlignes{line-height:25px;padding:25px 0;height:20px}
.red{color:#db4b43;}
#InscriptionPro .offre{background:#db4b43;padding:15px;text-align:center;color:#fff;font-size:18px;margin:15px 0}
#InscriptionPro .grilleTarif{width:100%;margin:10px 0}
#InscriptionPro .grilleTarif tr th{padding:10px;text-transform:uppercase}
#InscriptionPro .grilleTarif tr td{padding:10px;text-align:center}
#InscriptionPro .grilleTarif .ligne td{background:#e7e7e8;}
#InscriptionPro .grilleTarif .separator td{border-top:solid 1px #333}
#InscriptionPro .grilleTarif tr .duree{font-size:18px;text-align:center;vertical-align:middle}
#InscriptionPro .grilleTarif tr .prix{font-size:16px}
#InscriptionPro .grilleTarif tr .prix i{font-size:12px;font-style:italic}

#InscriptionPro .submit{background:#db4b43;color:#fff;padding:5px 10px ;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;color:#9c9d9d;font-size:14px;border:solid 2px #fff;font-family:Helvetica;line-height:18px;color:#fff}



Footer{padding:1.5%;width:97%}
#Reseau{text-align:center}
#Reseau a{margin:0 5px}

#SousMenu{clear:both;}
#SousMenu ul{position:relative;margin:0 auto;padding:25px 0;/*width:940px*/width:800px}
#SousMenu ul li{display:inline;padding:0 15px;border-right:solid 1px #4b4848;font-size:14px}
#SousMenu ul li:last-child{border:none}

.conception{text-align:center;}


.getbonddecommande{margin:50px auto;width:960px;position:relative;padding:15px;border:solid 1px #000;}
.getbonddecommande .entete{float:left;width:300px;margin:0 0 50px 0}
.getbonddecommande .entete .logo{float:left;margin:0 15px 15px 0}
.getbonddecommande .entete h1{text-transform:uppercase;font-size:18px;font-weight:normal}

.getbonddecommande .coordonnesclients{float:right;width:400px;margin:50px 100px}

.getbonddecommande .libelle{clear:both;margin:15px 0}
.getbonddecommande .libelle h2{font-size:16px;text-transform:uppercase;margin-bottom:5px}
.getbonddecommande .infos{width:100%}
.getbonddecommande .infos table {width:100%;overflow:visible}
.getbonddecommande .infos table tr th{border:solid 1px #000;padding:10px;width:33%}
.getbonddecommande .infos table tr td{border:solid 1px #000;padding:10px}

.getbonddecommande .montant{width:66.8%;margin-left:33.2%;margin-top:15px;margin-bottom:15px}
.getbonddecommande .montant table {width:100%;overflow:visible}
.getbonddecommande .montant table tr th{border:solid 1px #000;padding:10px;width:40%}
.getbonddecommande .montant table tr td{border:solid 1px #000;padding:10px;width:40%}
.getbonddecommande .cgv{margin:15px 0}
.getbonddecommande .modepaiement{margin:15px 0;border:solid 1px #000;padding:15px}
.getbonddecommande .modepaiement .cachet{float:right;border:solid 1px #000;padding:15px;width:500px;height:200px}
.getbonddecommande .modepaiement .choix{float:left;width:300px}

.article .recapcommande{width:99%;margin-bottom:10px}
.article .recapcommande tbody tr td{border:solid 1px #ecece7;text-align:left;padding:5px}

.modepaiement{width:200px;text-align:center;padding-top:40px;float:left;margin:15px 50px}
.paiementcb{background:url(/img/pro/paiement-cb.png) top center no-repeat;}

.graphique{padding:2.5%}
.graphique h1{font-size:24px}
.graphique .statsgenerales{margin-left:2.5%}
@media print
{
	#header{display:none}
	#MenuProfil{display:none}
}