html,body{width:100%}
body{margin:0;text-align:center;font-family:arial;font-size:0.9em;color:#0d0daa;background:#fff}/*#ffff00 url(_img/body.jpg) top center repeat-x}*/
img{border:none}
a{outline:none;text-decoration:none;font-weight:bold;color:#0d0daa}
h1{padding:5px;font-size:1.1em}
h2{margin:5px;padding:5px;background:#0d0daa;color:#fff;font-size:1em}
h3{padding:5px;font-size:1em;text-transform:uppercase}
h3 img{margin:5px}
h4{margin:5px;padding:5px;background:#0d0daa;color:#fff;font-size:1em}
h5{margin:5px;padding:5px;background:#fff;font-size:1em;text-align:left}

ul{margin:5px 0}

#wrapper{width:980px;margin:10px auto 100px auto;overflow:hidden}

#lang{text-align:right;padding:4px 0 6px 0}
#lang a.langue{display:inline-block;margin-left:6px;padding:3px 9px 3px 6px;border:1px solid #0d0daa;border-radius:12px;font:bold 12px Arial,sans-serif;color:#0d0daa;text-decoration:none;background:#fff}
#lang a.langue:hover{background:#ffff66}
#lang a.langueActive{background:#0d0daa;color:#fff}
#lang .drapeau{display:inline-block;width:18px;height:12px;margin-right:5px;vertical-align:-1px;border:1px solid #999}
#lang .langue-es .drapeau{background:linear-gradient(#fcd116 50%,#003893 50%,#003893 75%,#ce1126 75%)}
#lang .langue-fr .drapeau{background:linear-gradient(to right,#0055a4 33%,#fff 33%,#fff 67%,#ef4135 67%)}
#lang .langue-en .drapeau{background:linear-gradient(#c8102e,#c8102e) center/100% 20% no-repeat,linear-gradient(#c8102e,#c8102e) center/20% 100% no-repeat,linear-gradient(#fff,#fff) center/100% 40% no-repeat,linear-gradient(#fff,#fff) center/34% 100% no-repeat,#012169}
#header{position:relative;height:200px}
.logo{position:absolute;z-index:10;bottom:10px;left:0}
#header a img{border:0}
#demoRibbon{position:fixed;top:0;right:0;width:150px;height:150px;overflow:hidden;z-index:20;pointer-events:none}
#demoRibbon span{position:absolute;top:45px;right:-60px;width:240px;padding:4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#d32f2f;color:#fff;font:bold 9px/1.2 Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.45)}

#link{height:6%;overflow:hidden;margin:0 5px;padding:0 10px;font-size:0.8em;background:#fff url(_img/bgTitle.jpg) top center repeat-x}
.link{float:left;padding:10px;cursor:pointer}
.linkR{float:right}
.link:hover{background:#0d0daa;color:#fff}
.link:hover a{color:#fff}
#subLink{margin:5px;padding:5px;height:20%;overflow:hidden;text-align:left}  /*ie6*/
.connect input{text-align:center}

/*#main{height:100%;overflow:hidden}*/

#nav{float:left;width:200px;margin:5px 0;font-size:0.8em}
.category{display:block;margin:5px;background:#0d0daa;color:#fff}
.category:hover {background:#ffff00;color:#0d0daa}

#basket,#call,#chat,#mission{margin:20px 5px}
#basket ul,#mission ul{text-align:left;text-transform:lowercase}
#call input[type="text"]{width:90%;margin:auto;text-align:center}
#chat img{border:2px solid #ffffdd} /*ie6 transparent*/
#chat img:hover{border:2px solid #ff0}

#aside{float:right;width:140px;margin:5px 0}
#aside a{display:block;height:100px}

.content{float:left;width:630px;margin:5px}
#search{height:22%;overflow:hidden;background:#0d0daa;color:#fff} /*ie6*/
.search{padding:5px}
.select{width:295px}
.key{width:590px;margin:5px auto;text-align:center}
.hidden{visibility:hidden;height:0}
.submit{width:145px}

.left{float:left;padding:5px}
.right{float:right;padding:5px}
.tRight{text-align:right}
.tLeft{text-align:left}

/*Box product & business*/
.navig{margin:5px 0;padding:3px;background:#fff url(_img/bgTitle.jpg) top center repeat-x;color:#0d0daa;height:1%;overflow:hidden} /*ie6*/
.navig a{color:#0d0daa}
#wrap{padding:0;margin:0;width:100%;height:1%;overflow:hidden}
.wrap{position:relative;z-index:20;float:left;width:50%;height:150px;overflow:hidden}
.box{position:absolute;top:0;right:0;width:305px;height:140px;margin:5px;text-align:center;background:#fff url(_img/bgFront.jpg) bottom center repeat-x}
.front{z-index:10}
.front img{margin-top:3px}
.back{z-index:0}
.concord{clear:both;border:1px solid #ccc;margin:5px;padding:0 10px;background:#fff;text-align:left}
.promo{position:absolute;z-index:500;top:0;left:0}
.box h2{margin:0;background:transparent}
.box .info{float:right;width:30%;height:100%;background:#eee;overflow:hidden}
.box .info input{width:90%;margin:auto}
.box p{margin:0}
.box .price{margin:3px 0;font-size:1.1em;color:green;font-weight:bold}
.box .pricepromo{font-size:1.4em;color:red;text-decoration:blink;font-weight:bold}
.box .priceinpromo{font-size:0.9em;text-decoration:line-through;font-weight:normal}
.front .description{font-size:.6em;text-align:left}
.front .card{text-align:center}
.front .card a{font-size:1.75em}
.back .description{padding:5px 0;font-size:.75em;text-align:left}
.back .location{margin:0;font-size:.85em;text-align:left}
.back .coord{margin:0;font-size:.85em}

/*Space*/
.mainWrap{overflow:hidden}
.mainWrap p, .mainWrap ul{text-align:left}
.cardSpace{margin:0 10px 0 0}


#footer{clear:both;margin:5px;padding:5px;background:#0d0daa;color:#fff}

#advert{margin:30px auto}

	#mapper{float:left;width:450px;height:450px;margin:0 5px 5px 0}
	#mapperSpace{float:right;width:250px;height:250px;margin:5px 0 0 5px}
	#sideBar{float:right;width:170px;height:450px;text-align:center;background:#fff;font-size:0.9em;overflow:auto}
	#sideBar div{padding:5px 0;cursor:pointer}
	#sideBar div:hover{text-decoration:underline}
	#buttons{clear:both;text-align:center}
	.bSideSelect{background:#dadae3} /* clicked items get this class */


.shadow{-moz-box-shadow:0 0 3px #0d0daa;-webkit-box-shadow:0 0 3px #0d0daa;box-shadow:0 0 3px #0d0daa}
.bold{font-weight:bold}

/* ESPACE PRO */	
.verification {padding:5px;color:#f00;text-align:center}

#basketForm table{margin:auto;border:1px solid #000;font-size:.8em}
#basketForm td{padding:10px;background:#eee}
#basketForm h5{font-size:.8em}
.condition{font-size:.8em;height:50px;overflow:auto}
.condition:hover{font-size:1.2em;cursor:pointer}
#basketForm input{text-align:center}
.qtyBasket{width:50px}
.inputBasket{width:90%}
.delBasket{cursor:pointer}

#contactForm {text-align:left}
#contactForm input, #contactForm textarea {display:block;width:90%;margin:auto}
#contactForm input[type='submit']{width:50%;margin:auto} 
#contactForm textarea {height:150px}
.contactInfo {float:right;width:50%}
.contactInfo h2{text-transform:uppercase}


/*MANAGER PRO
#information label{display:block}
#information input{width:50%}
#information #fordescription{width:350px}
#information #forpresentation{display:block;width:90%;height:200px;margin:auto}
#information #forshopCondition,#information #formoveCondition,#information #forfreeCondition,#information #forexternCondition{display:block;width:90%;margin:auto}
#pictureSpace{clear:both;float:right;width:250px;text-align:left}
*/

/* MANAGER */
#addBusinessForm {margin:5px;padding:55px;text-align:left;background:#eee;}
#addBusinessForm {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 3px #0d0daa;-webkit-box-shadow:0 0 3px #0d0daa;box-shadow:0 0 3px #0d0daa}
#addBusinessForm  img{margin:20px}
#addBusinessForm  label{text-transform:uppercase;font-weight:bold}
#addBusinessForm input,#addBusinessForm select,#addBusinessForm textarea{display:block;width:90%;margin:0 auto 20px auto}
#addBusinessForm input[type='submit']{width:50%;height:50px;margin:auto} 
#addBusinessForm input[type='checkbox']{display:inline;width:20px} 
#addBusinessForm .terms{height:200px} 

.addBusinessFormInfo{padding:5px;color:#888;font-style:italic;font-size:0.8em}
.readonly{background:#ccc}
#mapform {width:500px;height:500px;margin:10px auto 30px auto}
.error{padding:5px;color:#f00;font-style:italic;text-transform:lowercase}
.addproductportfolio{clear:both;margin:10px 5px;background:#f2efe9}
.productportfolio{float:left;height:135px;margin:5px;background:#f2efe9;text-align:center}
.productportfolio:hover{background:gray}
.productportfolio img{display:block;margin:3px}

#largeImage{position:absolute;z-index:1000;padding:.5em;background:#EEE;border:3px solid #58585a}
.galerie{cursor:pointer}
.galerie img{height:28px;width:auto;margin:0 2px;border:1px solid #bbb;vertical-align:middle}

/*DATEPICKER*/

.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{position:absolute;left:-99999999px;}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui-helper-clearfix{display:inline-block;}
/* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix{height:1%;}
.ui-helper-clearfix{display:block;}
/* end clearfix */ .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}

.ui-state-disabled{cursor:default!important;}

.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}
.ui-widget .ui-widget{font-size:1em;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}
.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#00f;}
.ui-widget-content a{color:#00f;}
.ui-widget-header{border:1px solid #aaa;background:#ff0 url(images/ui-bg_highlight-soft_75_ffff00_1x100.png) 50% 50% repeat-x;color:#00f;font-weight:bold;}
.ui-widget-header a{color:#00f;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aaaaa;background:#ff0 url(images/ui-bg_glass_75_ffff00_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#00f;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#00f;text-decoration:none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #00f;background:#00f url(images/ui-bg_glass_75_0000ff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#ff0;}
.ui-state-hover a,.ui-state-hover a:hover{color:#ff0;text-decoration:none;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #00f;background:#00f url(images/ui-bg_glass_75_0000ff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#fff;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none;}
.ui-widget :active{outline:none;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fff;background:#fff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;color:#00f;}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#00f;}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #aaaaa;background:#fff url(images/ui-bg_inset-soft_75_ffffff_1x100.png) 50% bottom repeat-x;color:#00f;}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#00f;}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#00f;}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}
.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_ffff00_256x240.png);}
.ui-widget-content .ui-icon{background-image:url(images/ui-icons_ffff00_256x240.png);}
.ui-widget-header .ui-icon{background-image:url(images/ui-icons_0000ff_256x240.png);}
.ui-state-default .ui-icon{background-image:url(images/ui-icons_0000ff_256x240.png);}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_ffff00_256x240.png);}
.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffff00_256x240.png);}
.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_0000ff_256x240.png);}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_0000ff_256x240.png);}

.ui-icon-circle-triangle-e{background-position:-48px -192px;}
.ui-icon-circle-triangle-s{background-position:-64px -192px;}
.ui-icon-circle-triangle-w{background-position:-80px -192px;}
.ui-icon-circle-triangle-n{background-position:-96px -192px;}

.ui-corner-tl{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;}
.ui-corner-tr{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;}
.ui-corner-bl{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}
.ui-corner-br{-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}
.ui-corner-top{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;}
.ui-corner-bottom{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}
.ui-corner-right{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}
.ui-corner-left{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}
.ui-corner-all{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.ui-widget-overlay{background:#00f url(images/ui-bg_flat_75_0000ff_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}
.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

.ui-datepicker{width:17em;padding:.2em .2em 0;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year{width:100%;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
.ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;}
.ui-datepicker-rtl{direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right;}
.ui-datepicker-rtl .ui-datepicker-group{float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}
/* fenêtres du site (LOT-048) */
#modaleFond{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,40,.45);z-index:2000}
#modale{position:fixed;top:30%;left:50%;width:420px;max-width:90%;margin-left:-210px;padding:20px;background:#fff;border:3px solid #0d0daa;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.4);text-align:center;color:#0d0daa;font:15px Arial,sans-serif}
#modale .modaleTexte{margin:0 0 18px 0;line-height:1.4}
#modale button{margin:0 6px;padding:7px 18px;border-radius:6px;font:bold 14px Arial,sans-serif;cursor:pointer}
#modale .modalePrincipal{background:#0d0daa;color:#fff;border:2px solid #0d0daa}
#modale .modaleSecondaire{background:#fff;color:#0d0daa;border:2px solid #0d0daa}
#modale button:focus{outline:3px solid #ffd600}
/* inscription en étapes (LOT-049) */
#addBusinessForm fieldset.etape{border:2px solid #0d0daa;border-radius:8px;margin:10px 0;padding:10px 15px}
#addBusinessForm fieldset.etape legend{font-weight:bold;color:#0d0daa;padding:0 6px}
#addBusinessForm .etapeNumero{font-weight:normal;font-size:.9em}
#addBusinessForm .etapeNavigation{margin-top:15px;text-align:right}
#addBusinessForm .etapeNavigation button{margin-left:8px;padding:6px 16px;border-radius:6px;border:2px solid #0d0daa;font-weight:bold;cursor:pointer}
#addBusinessForm .etapeSuivante{background:#0d0daa;color:#fff}
#addBusinessForm .etapePrecedente{background:#fff;color:#0d0daa}
/* agenda (LOT-054) : nom de l'entreprise sous le logo, taille de texte courante */
.evenement .card{font-size:13px;line-height:1.2}
.evenement .card a{font-size:13px}
.evenementFiche .evenementLogo{float:left;margin:0 10px 10px 0}
