/*entete*/
html,body {margin:0; padding:0;}
body {font-family:Verdana, Arial; font-size:13px; color:#193283; background:#ffffff;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
#ieold {position:fixed; width:100%; background:#ff0000; color:#ffffff; text-align:center; margin-bottom:10px; z-index:10000; top:0; font-size:13px; padding:5px 0;}
#entete {position:relative; width:100%; height:80px; padding-top:5px; text-align:center;}
#logofdp {float:left;}
#lesbols {float:right;}
.right {float:right; text-align:right;}
.left {float:left;}
#baktop {position:fixed; z-index:99; bottom:90px; right:30px; width:50px; height:50px;}
#accbols {width:100%; overflow:hidden; padding:10px 0 20px 0; background:#f5f5f5;}
.s1, .s2 {margin:auto; overflow:hidden; position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:50;  width:320px; height:140px;}
.s2 {height:180px;}
.s1 .swiper-slide {float:left; font-size:13px; width:200px; text-align:center; margin:10px; background:#ffffff; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
.s2 .swiper-slide {float:left; font-size:13px; width:230px; text-align:center; margin:10px;}
.artphotoac {width:200px; height:100px; text-align:center; vertical-align:middle; display:table-cell;}
#google_translate_element, .skiptranslate goog-te-gadget {display:inline-block; max-width:200px;}
h1,h2 {font-weight:normal; margin:0; padding:0;}

/*TABLEAUX*/
#pantable, #cmdtable, #tottable, #sldtable, #pantotal, #pantotal2, .adrtable {border:1px solid #d8ddea; border-radius:5px;}
table tr:first-child td:first-child {-moz-border-radius-top-left:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px}
table tr:first-child td:last-child {-moz-border-radius-top-right:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}
table tr:last-child td:first-child {-moz-border-radius-bottom-left:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}
table tr:last-child td:last-child {-moz-border-radius-bottom-right:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}
.table_vert td {background:#dcf7c7; color:#0d8f2a; border:0;}

/*navigation*/
#navi {position:relative; clear:both; width:100%; height:65px; text-align:center; background:url('../ima/menu.gif'); color:#fff; font-size:0;}
.fixnav {position:fixed !important; top:0;z-index:99;}
.item {display:inline-block; position:relative; margin:5px 7px; font-family:'Times New Roman'; font-size:27px; font-style: italic; font-weight:Bold; line-height:65px;}
.item a:link, .item a:visited  {padding:1px 8px; color:#d8ddea; text-decoration:none; transition: 0.3s all ease;}
.item a:hover, .item a.on {color:#193283; text-decoration:none; background:#ffffff; border-radius:5px;}
.item a.on {opacity:0.9;}
.item a.rempli {color:#ffffff; text-decoration:none; background:#0d8f2a; border-radius:5px;}
.smenu {z-index:99; position:absolute; display:none; overflow:hidden; text-align:left; line-height:24px;}
#sbol a:link, #smc a:link, #scf a:link, #sresa a:link {display:inline-block; width:160px; padding:4px 8px; margin-bottom:2px; color:#d8ddea; background:#193283; font-size:18px; text-align:left; border-radius:5px; transition: 0.3s all ease;}
#scf a:link {color:#ffffff; background:#ff6600;}
#sbol a:visited, #smc a:visited, #sresa a:visited {color:#d8ddea;}
#scf a:visited {color:#fff;}
#sbol a:hover, #smc a:hover, #scf a:hover, #sresa a:hover {color:#193283; background:#fff;}
.item a.orn:link, .item a.orn:visited {padding:1px 8px; color:#ffffff; background:#ff6600; opacity:0.9; text-decoration:none; transition: 0.3s all ease; border-radius:5px;}
.item a.orn:hover {opacity:1;}
.loupe {display:none;}
.loupe a {display:block;}
#menur {display:none; position:fixed; bottom:25px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#3c518b;}
.green {background:#0d8f2a !important;}

/*principal*/
#main {width:100%; overflow:hidden; margin-top:10px;}
.fixmain {margin-top:75px !important;}
.story {width:1210px; margin:auto;}
.normal {font-size:13px;}
.div-conges {width:870px; text-align:center; display:block; margin-bottom:10px; padding:5px 10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; background:#e40005; color:#ffffff;}
.v {background:#66cc00;}
.ac_results {position:relative; font-size:13px; margin-top:5px; border:1px solid #0a287d; width:300px!important; background:#eee; z-index: 15000!important; min-height:100px;}
.ac_results ul {list-style-position:outside; list-style:none; padding:0; margin:0;}
.ac_results li {margin:0px; padding: 5px; cursor:default; display:block; overflow:hidden;}
.ac_odd {background-color:#fff;}
.ac_over {background-color: #0a287d; color:#fff;}

#gauche {float:left; width:910px;}
#recherche, #etapes {width:870px; overflow:hidden; padding:10px; background:#d8ddea; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px;}
#selectcoll,#selectformes,#selectdecors,#kw {float:left; margin-right:10px;}
.rech {font-family:Verdana, Arial; font-size:13px; color:#193283; padding:4px; width:195px; border:0;background:#fff;}
#diaporama {width:890px; height:300px; overflow:hidden; z-index:70; border-radius:5px; margin-bottom:10px;}
.swiper-container {height:300px; width:890px;}
#page, .page {position:relative; width:888px; border:1px solid #d8ddea; overflow:hidden; border-radius:5px; margin-bottom:10px;}
.page {padding:10px; width:868px;}
#droite {margin-left:910px; width:300px;}
#monpanier,#noteglobale {width:278px; padding:10px; border:1px solid #d8ddea; min-height:60px; overflow:hidden; background:#ffffff; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px;}
#panline, .panline {position:absolute; background:#d8ddea; height:1px; border:0; width:278px; margin:5px 0;}
#collections {width:280px; padding:10px; min-height:100px; overflow:hidden; background:#8a98be; font-size:13px; font-style:Italic; color:#ffffff; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin:10px 0;}
#colline {position:absolute; background:#ffffff; height:1px; border:0; width:280px; margin:5px 0;}
hr {display:block; clear:both; color:#ffffff; background:#ffffff; height:1px; border:0; width:100px;}

/*LISTINGS*/
#ariane {float:left; padding:10px;}
#tri {float:right; padding:10px 30px 0 0;}
.zetriselect {font-family: Verdana, Arial; font-size:12px; font-style:Italic; color:#193283; border:1px solid #d8ddea; padding:2px;}
#descrdecor {width:870px; padding:10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; overflow:hidden; background:#f3f4f7;}
.photodecor {float:right;margin-left:10px;}
#list, #list2 {width:900px; overflow:hidden; margin-bottom:10px; font-size:0;}
#hyphen {display: block; text-align:center; border-bottom: 2px solid #43548d; line-height: 0.1em; margin:20px 20px 20px 0;}
#hyphen span {background:#fff; padding:0 10px; }

.decor, .article {display:inline-block; vertical-align:top; position:relative; font-size:13px; width:213px; height:190px; padding:5px 0; text-align:center; margin:10px 10px 0 0; border:1px solid #ffffff; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.love {position:absolute; top:5px; right:5px; z-index:97; cursor:pointer; }
.onart {right:30px;}

#biglove {position:fixed; z-index:98; display:none; bottom:10px; right:10px; text-align:center; font-family:Verdana; font-size:30px; line-height:70px; width:92px; height:80px; background:url('../ima/biglove.png');}

.article:hover .love {display:block;}
.decor:hover, .article:hover {border:1px solid #d8ddea;}
.decor a, .article a {display:block; height:190px;}
.new {position:absolute;margin-left:5px;margin-top:5px;}
.mnew {position:absolute;margin-left:46px;margin-top:5px;}
.promo {position:absolute;margin-left:770px;margin-top:-5px;}
.mpromo {position:absolute;margin-left:130px;margin-top:5px;}
.decorphoto {width:218px; height:145px; text-align:center; vertical-align:middle; display:table-cell;}
.artphoto {width:220px; height:95px; text-align:center; vertical-align:middle; display:table-cell;}
.cpt {width:870px; padding:10px; background:#d8ddea; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; font-size:13px; text-align:center; margin-top:10px;}
.cr {border:1px solid #e40006; border-radius:4px; padding:4px;}
#infomode div {display:block;border:2px solid #e40006; border-radius:5px; padding:4px; margin-top:10px;}

/*ARTICLE*/
#vuearticle {float:left; margin:0px; width:260px; text-align:center; line-height:22px; position:relative;}
#detarticle {margin-left:260px;}
#detarticle h2 {font-size:13px; font-family:Verdana;}
#line {display:block; background-color:#d8ddea; height:1px; width:100%;}
.titrarticle {display:block; font-family:'Times New Roman'; font-style:Italic; font-weight:Bold; font-size:20px; margin-bottom:5px;}
#suggs {width:868px; padding:10px; border:1px solid #d8ddea; overflow:hidden; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin:10px 0 5px 0; font-size:0;}
.option {display:block;}
.optionr {display:none;}
#panachage {width:868px; padding:10px; border: 1px solid #d8ddea; overflow:hidden; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-top:5px; margin-bottom:10px;}
.panach {float:left; margin: 10px 10px 0 0; width:86px; height:77px; line-height:77px; padding:5px; text-align:center; border: 1px solid #d8ddea;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.panach img {vertical-align:middle;}

/*AVIS*/
.depot-avis {width:868px; padding:10px; border:1px solid #d8ddea; background:#d8ddea; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px;}
.depot-avis:hover {background-color: #e1e5ef; color: #193283;}
.list {width:890px; overflow:hidden; margin-bottom:10px;}
.cliavis {margin-left:110px; color:#000000;}
.repavis {margin-left:110px; padding:5px; border-radius:5px; moz-border-radius:5px; background:#f3f5f7; color:#193283; display:block;}
.clear {clear:both;}
.stars {position:absolute; width:125px; height:25px; background:url('../ima/stars.png'); display:block;}
.jaune {width:125px; height:25px; background:#cccccc; text-align:left; display:block;}
.mstars {position:absolute; width:100px; height:20px; background:url('../ima/mstars.png'); display:block;}
.mjaune {width:100px; height:20px; background:#cccccc; text-align:left; display:block;}
.mgris {width:120px; height:15px; background:#f5f5f5; text-align:left; display:inline-block; cursor:pointer;}
.tgris {color:#999;}
.avis-acc {font-size:11px; color:#000000;}
.rating {margin:0; font-size:28px; display:inline-block; overflow:hidden;}
.rating input {float:right; opacity:0; position:absolute; margin:0; width:30px;}
.rating a,.rating label {float:right;color: #bbbbbb; text-decoration: none; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; transition: color .4s;}
.rating label:hover ~ label,.rating input:focus ~ label,.rating input:checked ~ label,.rating label:hover,.rating label:active,.rating a:hover,.rating a:active,.rating a:hover ~ a,.rating a:focus,.rating a:focus ~ a	{color: #ffd201;cursor: pointer;}
.legnote {background:#8a98be; color:#ffffff; display:inline-block; padding:2px; border-radius:5px; border-top-left-radius:30px; border-bottom-left-radius:30px;margin-top:4px; padding-left:5px;}
#compteur {font-size:11px;}

/*PANIER*/
.pan-plus {background:url('../ima/plus.png') no-repeat; border:0; width:23px;height:23px; vertical-align:middle;cursor:pointer;}
.pan-moins {background:url('../ima/moins.png') no-repeat; border:0; width:23px; height:23px; vertical-align:middle;cursor:pointer;}
.pan-trash {background:url('../ima/trash.png') no-repeat; border:0; width:23px; height:23px; vertical-align:middle; cursor:pointer;}
.quantite {width:22px; display:inline-block; text-align:center;}
.formqte {border:1px solid #d1d8e5; width:20px; text-align:center; padding:2px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:2px;}
.panoui, .panst {display:none;}
.pan_c1 {width:80px;}
.pan_c2 {width:80px;}
.adrtable {width:420px;}
.choixpan {display:inline-block; margin-right:20px; text-align:center; background:#f5f5f5; padding:5px 10px; position:relative; vertical-align:top; min-height:50px;}
.choixpan input {transform:scale(1.4);}
#img_colissimo {display:inline-block; margin:0 0 -5px 5px;}

/*MON COMPTE*/
.bulle {display:inline-block; vertical-align-top; width:394px; height:140px; padding:10px; margin:10px; text-align:center; background:#fff5e3; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}

/*BAS*/
#bas {width:100%; height:40px; padding-top:10px; text-align:center; background:url('../ima/bas.gif'); color:#ffffff;}
#bas span {display:inline-block;}

/*CONFIGURATEUR*/
#cfghome {width:868px; padding:10px; border:1px solid #d8ddea; overflow:hidden; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin:10px 0;}
.cfgmargin {float:left; margin-right:50px;}
.cfgconfig {width:878px; padding:5px; margin-bottom:10px; border:1px solid #d8ddea; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;overflow:hidden;}
.cfg-list1, .cfg-list3, .cfg-list4 {cursor:pointer; float:left; width:48px; height:48px; padding:5px; margin:5px; text-align:center; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.cfg-sel1, .cfg-sel3, .cfg-sel4 {position:relative; width:20px; height:20px; background:url('../configurateur/ima/actif.png'); left:28px; top:28px; display:none;}
.cfg-list2 {float:left; width:124px; height:150px; overflow:hidden; padding:5px; margin:5px; text-align:center; line-height:15px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ffffff; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease;}
.cfg-list2v {float:left; width:124px; height:150px; overflow:hidden; padding:5px; margin:5px; text-align:center; line-height:15px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ffffff; background:#f5f5f5;}
.cfg-list2:hover, .cfg-list2v:hover {border:1px solid #d8ddea; cursor:pointer;}
.cfg-sel2 {position:absolute; width:122px; height:150px; background:url('../configurateur/ima/actif.png') bottom right no-repeat; display:none;}
.cfgtext {font-family: Verdana, Arial; font-size:13px; color:#000000; border:1px solid #d8ddea; margin:10px 0 0 0 !important; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; padding:4px;}
.cfg-noir {color:#000000;}
.cfg-bleu {color:#193283;}
.cfgfilet {position:absolute; margin-left:54px; margin-top:222px; z-index:20;}
.cfgprix {position:absolute; text-align:center; width:276px; bottom:5px; z-index:20;font-family: Verdana, Arial;}

/*BOL CFG*/
#cfgview {position:absolute; text-align:center; margin-left:50%; left:305px; width:278px; height:450px; padding: 5px 10px 10px 10px; border:1px solid #d8ddea; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
#cfgmagic {position:absolute; width:180px; height:180px; margin-left:48px; background:url('../ima/magic.gif');display:none; z-index:99;}
.cfgprenom {position:relative; top:215px; z-index:30; display:table; margin:auto; padding:0 2px; background:url('../configurateur/ima/bktexte.png') no-repeat center center; font-family: 'mothproofscriptregular',Times New Roman; font-size:22px; color:#000000;}
.cfgprenom2{position:relative; top:220px; z-index:30; display:table; margin:auto; padding:0 2px; background:url('../configurateur/ima/bktexte.png') no-repeat center center; font-family: 'mothproofscriptregular',Times New Roman; font-size:15px; color:#000000;}
.cfgprenom3{position:relative; top:210px; z-index:30; display:table; margin:auto; padding:0 2px; background:url('../configurateur/ima/bktexte.png') no-repeat center center; font-family: 'mothproofscriptregular',Times New Roman; font-size:15px; color:#000000; text-align:center;}
#cfgbol {position:absolute; z-index:10; margin-left:15px;}
#cfgdecor {position:absolute; margin-left:83px; margin-top:37px; z-index:20;}
#cfg2bol {position:absolute; z-index:10; margin-left:15px; margin-top:180px;}
.unik {position:absolute; z-index:90; width:60px; height:55px; background:url('../configurateur/ima/unique.png'); margin-left:225px; margin-top:-2px;}
.infocfg {margin-bottom:300px;}

/*CHO CFG*/
#cfgviewchope {position:absolute; text-align:center; margin-left:50%; left:305px; width:278px; height:540px; padding: 5px 10px 10px 10px; border:1px solid #d8ddea; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-top:10px; overflow:hidden;}
#cfgmagic2 {position:absolute; width:180px; height:180px; margin-left:48px; margin-top:200px; background:url('../ima/magic.gif');display:none; z-index:99;}
#cfgchope {position:absolute; z-index:10; margin-top:10px; margin-left:65px; z-index:10; }
#cfgdecorchope {position:absolute; margin-left:70px; margin-top:35px; z-index:20; width:129px; height:140px; z-index:20; overflow:hidden;}
#cfg2chope {position:absolute; z-index:10; margin-left:65px; margin-top:200px;}
#cfg2decorchope {position:absolute; margin-left:184px; margin-top:222px; z-index:20; width:15px; height:140px; z-index:20; overflow:hidden;}
#cfgchopemask {position:absolute; margin-left:198px; margin-top:148px; z-index:30; width:5px; height:20px; background:#ffffff;}
.cfgprenomchope {position:relative; left:-50px; top:310px; z-index:30; text-align:right; font-family: 'mothproofscriptregular'; font-size:22px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-45deg);}
.cfgprenom2chope {overflow:hidden; position:relative; left:-50px; top:310px; z-index:30; text-align:right; font-family: 'mothproofscriptregular'; font-size:15px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-5deg);}

/*BOB BX CFG*/
#cfgviewbx {position:absolute; text-align:center; margin-left:50%; left:305px; width:298px; height:520px; padding: 5px 0 10px 0; border:1px solid #d8ddea; border-radius:5px; overflow:hidden;}
#cfgbx {position:absolute; z-index:10; margin-left:25px; margin-top:10px;}
#cfg2bx {position:absolute; z-index:10; margin-left:25px; margin-top:200px;}
#cfgdecorbx {position:absolute; margin-left:87px; margin-top:40px; z-index:20; overflow:hidden;}

#cfg2decorbx {position:absolute; margin-left:180px; margin-top:230px; width:91px; height:120px;  z-index:20; overflow:hidden;}
#cfgbxmask {position:absolute; margin-top:27px; z-index:30; width:271px; height:150px;}
#cfg2bxmask {position:absolute; margin-top:217px; z-index:30; width:271px; height:150px;}
.cfgprenombx {position:relative; left:-86px; top:295px; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:22px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-45deg);}
.cfgprenom2bx {overflow:hidden; position:relative; left:-86px; top:313px; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:15px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-5deg);}
.cfgprenom22bx {overflow:hidden; position:relative; left:-93px; top:283px; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:15px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-5deg);}
.cfgprenombx1 {position:relative; left:-177px; top:136px; overflow:hidden; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:22px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-45deg);}
.cfgprenom2bx1 {position:relative; left:-177px; top:145px; overflow:hidden; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:15px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-5deg);}
.cfgprenom22bx1 {position:relative; left:-184px; top:137px; overflow:hidden; z-index:20; text-align:right; font-family: 'mothproofscriptregular'; font-size:15px; color:#000000; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform : rotate(-5deg);}

/*ASS CFG*/
#cfgassview {display:inline-block; text-align:center; width:30px; height:30px; vertical-align:middle;}
#cfgassdecor {position:absolute; margin-left:9px; margin-top:9px; z-index:20;}
#cfgassfilet {position:absolute; margin:0; z-index:30;}
#cfgassapview {display:inline-block; text-align:center; width:257px; height:257px; vertical-align:middle;}
#cfgassapdecor {position:absolute; margin-left:78px; margin-top:78px; z-index:20;}
#cfgassapfilet {position:absolute; margin-left:0px; margin-top:0px; z-index:30;}
.cfgassprenom {position:absolute; margin-top:11px; margin-left:30px; width:197px; text-align:center; font-family: 'mothproofscriptregular'; font-size:22px; color:#000000;}
.cfgassprenom.mini {font-size:17px; margin-top:15px;}
.cfgassprenom.micro {font-size:12px; margin-top:15px;}
.bleu {color:#536d99;}
#divpersoass {display:block; margin-bottom:10px;}

#colissimo {overflow:hidden;}


@font-face {
    font-family: 'mothproofscriptregular';
    src: url('../fonts/mothproofscript-webfont.woff2') format('woff2'),
         url('../fonts/mothproofscript-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*LIENS & TEXTES*/
a {outline:none;}
a:link {color: #43548d; text-decoration: none;}
a:visited {color: #43548d; text-decoration: none;}
a:hover {color: #193283; text-decoration: none;}
a.b:link {color:#ffffff; text-decoration:none;}
a.b:visited {color:#ffffff; text-decoration:none;}
a.b:hover {color:#eeeeee; text-decoration:none;}
a.u {margin:0; padding:0;}
a.u:link {color:#43548d; text-decoration:none;}
a.u:visited {color:#43548d; text-decoration:none;}
a.u:hover {color:#193283; text-decoration:underline;}

.verd0 {font-family:  Verdana, Arial; font-size: 11px; color: #193283}
.verd1 {font-family:  Verdana, Arial; font-size: 11px; color: #348529}
.verd2 {font-family:  Verdana, Arial; font-size: 11px; color: #b43520}
.verd3 {font-family:  Verdana, Arial; font-size: 11px; color: #b68c28}
.titr0 {font-family:  Verdana, Arial; font-size: 12px; color: #193283}
.titr1 {font-family:  Verdana, Arial; font-size: 12px; color: #348529}
.titr2 {font-family:  Verdana, Arial; font-size: 12px; color: #b43520}
.titr3 {font-family:  Verdana, Arial; font-size: 12px; color: #b68c28}
.info {display:block; background:#e3ffb1; padding:5px;}
.petit {font-size:11px;}
.douze {font-size:12px;}
.vert {color:#0d8f2a;}
.noir {color:#000000;}
.textvert {font-family: Verdana, Arial; font-size: 13px; color: #193283; border: 1px solid #19c13e; padding:2px; margin-bottom:2px; border-radius:3px;}
p {margin:0}
.lgn {font-family:Verdana, Arial; font-size:9px; color:#193283}
.titre, h1 {font-family:'Times New Roman'; font-style:Italic; font-weight:Bold; font-size:24px;}
.bigprixart {font-family:Verdana, Arial; font-size:23px; font-weight:Bold; color:#f00005; margin-bottom:5px;}
.prixart {font-size:14px; color:#f00006;}
.mprixart {font-family:  Verdana, Arial; font-size:13px; color: #f00005;}
.orange {color:#ffffff; text-decoration:none; background:#ff6600; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.orange:hover {background: #ffb17d;}
.big {font-size:24px;}

/*FORMS*/
.textitalic, .textitalic2, .textitalic3 {font-family:Verdana, Arial; font-size:13px; font-style:Italic; color:#000000; border:1px solid #d1d8e5; padding:4px; margin-bottom:2px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background:#fff;}
.italic {font-family: Verdana, Arial; font-size: 13px; font-style :Italic; color:#000000;}
.text, .textarea {width:500px; font-family:Verdana, Arial; font-size:13px; color:#000000; border:1px solid #d8ddea; padding:4px; margin-bottom:2px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.erreur {color:#b40000; font-weight:Bold;}
input:disabled {background:#ddd;}
.btn {display:inline-block; cursor:pointer; font-family:Verdana, Arial; color:#ffffff; background:#0d8f2a; border:0; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding:4px; font-size:14px; font-weight: Bold; margin-bottom:2px;}
.btn:hover {background-color:#00b62d;}
.btn2              {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#0d8f2a; border:0px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding:2px; font-size:12px; font-weight: Bold;}
.btn2:hover        {background-color:#00b62d;}
.bouton {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#657ba9; border:0; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; padding:4px; font-size:13px; font-weight: Bold; margin-bottom:2px;}
.bouton:hover {background-color:#193283;}
.btngris           {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#aaaaaa; border:0px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; padding:4px; font-size:13px; font-weight: Bold; margin-bottom:2px;}
.btnrouge {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#ff0006; border:0; border-radius: 5px; padding:4px; font-size:14px; font-weight: Bold; margin-bottom:2px;}
.btnorange {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#fca000; border:0; border-radius: 5px; padding:4px; font-size:14px; font-weight: Bold;}
.btnjaune          {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #111111; background-color:#fdee00; border:0px;border-radius:5px; padding:4px; font-size:14px; font-weight: Bold;}
.btnbleu           {display:inline-block; cursor:pointer; font-family: Verdana, Arial; color: #ffffff; background-color:#0a287d; border:0px; border-radius: 5px; padding:4px; font-size:14px; font-weight: Bold;}
.savphoto {width:205px; float:left; margin-right:10px; margin-bottom:10px;}
.parcourir {margin-top:5px; width:80px; height:24px; line-height:24px; font-size: 13px; color: #0a287d; border:0px; background-color: #d8ddea; cursor:pointer;border-radius:4px; text-align:center; display:inline-block;}
.eta-pic {width:205px; height:205px; margin-right:10px; background:url('/boutique/ima/nopic.jpg'); overflow:hidden; text-align:center;display: flex; align-items: center; justify-content: center;}
.file {width:70px; margin-left:-70px; opacity:0; cursor:pointer;}
#load {background:url('/boutique/ima/load.gif') center center no-repeat; width:205px; height:205px;}
.savphotoerr {display:block; padding:10px;}
.seepwd {cursor:pointer;}
.rouge {color:#ff0000;}
textarea:focus, input:focus, button:focus {outline:none;}
.cfgtitre {font-family: 'Times New Roman'; font-style:Italic; font-weight:Bold; font-size:15px; }
.r {border:1px solid #ff0006;box-shadow:0px 0px 2px 0px #ff0006;}

/*highslide*/
.highslide, .highslide2 {cursor: url('/boutique/lib/highslide/graphics/zoomin.cur'),pointer; outline:none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img, .highslide-image {border:0; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display:none;}
.highslide-move {display:none;}
ul li.highslide-close {list-style:none; position:absolute; top:-10px; right:0px; padding:0;}
.highslide-html {border:1px solid #d8ddea; padding:10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; background:#ffffff;}
.highslide-wrapper {background:none;}
.highslide-display-block, .highslide2-display-block, .highslide2 iframe {display:block;}
.highslide-display-none, .highslide2-display-none {display:none;}
.highslide-html {max-width:700px;}
#inputprenom:first-letter {background:#dddddd; text-transform: uppercase ;}
.plong, .pansh  {display:none;}
pre {font-family:Verdana;}

@media screen and (max-width: 500px)
{
.column.half, .column.third, .column.fourth {width: calc(50% - 20px);}
}
@media screen and (max-width: 767px)
{
.column full {display:block !important;}
.column.half, .column.third, .column.fourth {display:inline-block !important; margin: 0 5px;width: auto;}

input[type=submit],input[type=text],input[type=password],input[type=email] {-webkit-appearance: none;}
#lesbols, #navi, #menu, .pagination, #recherche, #tri, #droite, #descrdecor, #etapes, .marge,#diaporama {display:none;}
#entete {height:60px;}
#logofdp img {margin-left:10px;}
#diaporama, .swiper-container, .swiper-slide img {width:100%; border-radius:0;}
.swiper-slide, .swiper-slide img { height:auto;}

#menur {display:block;}
#navi {position:absolute; top:0; z-index:98; height:auto; background:#fff;}
.item, .loupe {display:block; margin:2px 0; background:#3c518b; text-align:left;}
.item a:link, .item a:hover, .item-on a, .item a.on {border-radius:0; display:block; padding:0 15px;}
.item a.orn {border-radius:0 !important; padding:0 15px !important;}
.loupe {padding:22px 15px;}
.smenu {position:relative !important;}
#sbol a:link, #smc a:link, #scf a:link {display:block; width:auto; border-radius:0; padding:15px; font-size:20px; margin:2px 0 0 0;}
#main {margin:0;}
#ariane {margin-top:5px; padding:10px 15px;background: #d8ddea;display: block;width: calc(100% - 30px);}
.story {width:100%}
.decor {transform: scale(1.25); margin:20px; padding:0;}
#gauche {width:100%;}
#suggs, #list, #list2, #panachage, .cpt, .div-conges {width: calc(100% - 30px); border:0; border-radius:0; padding:15px; text-align:center; margin-top:10px;}
.panach {float:none; display:inline-block; margin:5px;}
#suggs, #panachage {border-top:2px solid #d8ddea;}
#page, #cfghome, .cfgconfig, .page {width: calc(100% - 30px); padding:15px; border:0;}
.depot-avis {width: calc(100% - 50px); margin:15px;}
.cfgconfig {text-align:left;}
.cfg-list1, .cfg-list3, .cfg-list4 {margin:5px 5px 0 0; padding:7px;}
.cfg-list2 {margin:10px 10px 0 0; padding:0; width:150px;}
.article {width:150px; height:auto; margin:5px; padding:0;}
.artphoto {width:150px;}
.mnew {margin:0;}
#vuearticle, #detarticle {width:100%; margin:0px;}
#detarticle {display:inline-block; margin-top:20px;}
.titre {font-size:22px;}
.option {display:none;}
.optionr {display:block;}
#recherche {width:calc(100% - 30px); padding:15px; border-radius:0; display:block; background:#d8ddea; text-align:center;}
#selectcoll, #selectformes, #selectdecors, #kw {margin:0; width:100%;}
.rech, #recherche .btn {width:calc(100% - 8px); margin-bottom:4px; display:block; padding:10px 4px; -webkit-appearance:none;}
select.rech, #recherche .btn {width:100%;}

.list {width: calc(100% - 30px); padding:15px;}
.postitem {float:none; display:block;}
.cliavis, .repavis {clear:both; margin:0; display:block;}

.bulle {width: calc(100% - 20px); margin:0;}
#pantable, #cmdtable {border:0;}
#pantable tr {margin-bottom:5px; padding:2px;}
td {display:inline-block;}
#cmdtable tr {margin-bottom:30px;}
.panimg {text-align:center;}
.pannon {display:none; width:0;}
.panoui {display:inline-block; font-size:13px;}
.panst {display:block;}
.pan_prenom {display:block;}
.pan_3col {width:270px;}
.pan_c1 {width:auto;}
.pan_c2 {width:auto;}
.pan_c3 {width:25px;}
.pan_c4 {width:70px;}
 #instable td {display:block; text-align:left; width:100%;}
 #livtable {margin-top:10px;}
 #tottable {display:none; height:0;}
 #cfgview, #cfgviewchope, #cfgviewbx {position:relative; left:-150px; border:0;}
 .cfgmargin {margin-top:10px;}
 .cfgmargin {margin-right:10px;}
.cfgtitre {text-align:left;}
 .text, .textarea {width: calc(100% - 10px);}
 #formulaire td, #formulaire2 td, #formconnect td, .form td {display:block;}
 #bas {width: calc(100% - 30px); background:#333; margin-top:10px; height:auto; padding:15px;}
 .right, .left {float:none; text-align:left; margin-top:10px;}
#pantotal {width:100%; border:0; background:#d8ddea;}
#pantotal td, .adrtable td {display:block;}
.adrtable {width:100%; border:0;}
#modetable td {display:block; text-align:center; width:100%;}
.cli, .big {display:none;}
.keyboardInput {margin:0 !important;}
.keyboardInputInitiator {display:none;}
.cpt {text-align:center;}
  .titre-r             {font-family: 'Times New Roman'; font-style:Italic; font-weight:Bold; font-size:24px; line-height:30px; }
  #panline-r           {position:absolute; color:#d8ddea; background-color:#d8ddea; height:1px; border: 0px; width:100%; margin:5px 0 5px -10px;}
  .jaune-r             {width:100%; height:25px; background:#ffffff; text-align:left; display:block;}
  .tab-r             {text-align: center;}
.infocfg {margin-bottom:0;}
#page td {border:0;}
.choixpan {display:block; margin:0 0 10px 0;}
#oklivr {width:100%;text-align:center;}
 }

@media screen and (min-width: 768px) and (max-width: 1240px)
 {
 .story {margin:auto; width: calc(100% - 30px); padding:0 15px;}
 #sbol a:link, #smc a:link, #scf a:link {font-size:13px;}
 #list {text-align:center;}
 #recherche, .cpt, #descrdecor, .list, .depot-avis, #panachage, #suggs, #etapes, .div-conges {width: calc(100% - 20px);}
 #page {width: calc(100% - 2px);}
 .page {width: calc(100% - 22px);}
 #recherche {text-align:center;}
 .rech {width:140px;}
 #selectcoll,#selectformes,#selectdecors,#kw, #ok {float:none; display:inline-block; margin-right:5px;}
 #diaporama, .swiper-container, .swiper-slide img {margin:auto; text-align:center; margin-bottom:10px; width:768px; height:265px;}
 #tri {padding-right:10px;}
 #cfgview, #cfgviewchope, #cfgviewbx {margin-left:100%; left:-305px; margin-top:0;}
 #cfghome, .infocfg {width:calc(100% - 330px); margin-top:0;}
 .cfgconfig {width:calc(100% - 320px);}
 .adrtable {width:300px;}
 .cfgmargin {margin-right:30px;}
 .promo {display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1023px)
 {
 .item {font-size:18px; margin:2px;}
 .item a:link, .item a:hover, .item a:visited {padding:1px 4px;}
 .bulle {width:300px;}
 #droite {display:none;}
 #gauche, #list {width:100%;}
 .brtab {display:block;}
 }
@media screen and (min-width: 1024px) and (max-width: 1240px)
 {
 .item {font-size:22px; margin:5px;}
 #sbol a:link, #scf a:link, #smc a:link {font-size:18px;}
 #gauche {width: calc(100% - 320px);}
 #list {width:100%;}
 .bulle {width:300px;}
 #droite {margin:0; float:right;}
 #cfghome  {width:calc(100% - 10px); margin-top:0;}
 .cfgconfig {width:100%;}
 #cfgview, #cfgviewchope, #cfgviewbx {margin-top:0;}
 #diaporama, .swiper-container, .swiper-slide img {margin:auto; text-align:center; margin-bottom:10px; width:680px; height:230px;}
 .pagination {display:none;}
 }