@import url(modals.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,800,800i);
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,900');

@import url("responsive_styles.css");


.avertissement {display:none;}
* {text-rendering:optimizelegibility;}

*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


html {font-size: 14px;}


.show-password {position:absolute; width:19px; height:12px; margin:20px 0 0 -30px; background:transparent url("../images/ShowPass.png") no-repeat scroll 0 0; cursor: pointer;}


.LangLinkC {line-height:1em; margin:.3em 1.5em 0 1.0em; opacity:1}
.LangLinkC form {display:inline;}
.LangLinkC img.Dr {width:19px; height:13px; margin:.1em 0 0 .5em;}

div.WBox {font-size:80%}
div#TriggerTEXT_PR {display:none}

section.Top {display:flex; background-color: white;}
header.TopPanel div.NavBar p {margin-left:.6em; line-height:1em; font-size:1.214em; font-weight:400; align-self:center; cursor:pointer}
header.TopPanel div.TitleBar hr {width:100%; margin:1em auto;}
header.TopPanel div.TopCartBar i.fa {color:red; font-size:1.571em; line-height:1em; letter-spacing:0.30em; font-style:normal;}

.MainContainer {width:100%; border-top:1px solid grey; }
.MainContainer nav {position:absolute; display:none; width:24em; height:fit-content; line-height:inherit; color:inherit; padding:1em 1.4em; background-color:white; z-index:1000}
.MainContainer nav .TriggerCloseContener {display:flex; justify-content:flex-end;}
.MainContainer nav i#TriggerClose {height:auto; font-size:2em; color:gray; cursor:pointer}

.MainContainer nav .TitleNav h3 {width:100%; line-height:1em; padding:inherit; font-size:2em; font-weight:300; text-transform:uppercase;text-align:center;}
.MainContainer nav .TitleNav h4 {display:block; width:100%; line-height:1em; margin:0; padding:inherit; font-size:1.8em; font-weight:300; text-align: center;}

.MainContainer nav ul#MainMenu {display:flex; flex-direction: column; align-items: stretch; margin-top:1.2em;}
.MainContainer nav ul#MainMenu li {float:inherit;}
.MainContainer nav ul#MainMenu a, .MainContainer nav a {color:inherit}
.MainContainer nav ul#MainMenu a {font-size:1.2em; margin-bottom:.2em; padding:.5em 1em; border-radius:3px; text-transform:uppercase;}
.MainContainer nav ul#SecondMenu {display:flex; flex-direction: column; align-items: stretch; margin-top:.5em;}
.MainContainer nav ul#SecondMenu li {float:inherit; }
.MainContainer nav ul#SecondMenu a, .MainContainer nav a {color:inherit}
.MainContainer nav ul#SecondMenu a {font-size:1em; margin-bottom:.15em; padding:.35em 1.7em; border-radius:2px}

.voile {background-color:#00000012}

#AjaxContent {width:100%}

#home .thumbnail-overlay p, #theme .thumbnail-overlay p:first-child {width:100%; line-height:1.1em;  color:white; font-weight:600; text-align:center; text-shadow: 1px 1px 2px black;}
#home .thumbnail-overlay p {padding-bottom:1.2em}

#theme .thumbnail-overlay p:nth-child(2) {font-size:90%; color:white; padding-bottom:1.2em; text-shadow: 1px 1px 2px black;}

#details .row {position:relative; margin:0 auto;}
#details .row1 {display:flex; width:100%; border-bottom:1px dotted gray}

#details .row1 .LeftBloc img {max-height:780px; max-width: 100%;}
#details .row1 .RightBloc p.InfosTitle, #RespDroitsSelecteurC p.InfosTitle {text-align:center; font-size:1.2em;  margin-bottom:.5em; font-weight:400}
#details .row1 .RightBloc div.InfosC {height:220px; margin:0 auto; overflow:auto;}

#details .DroitsSelecteur {display:flex; flex-flow:row wrap;}
#details .DroitsSelecteur .BtnSelector .fa-info-circle {position:absolute; top:.4em; right:.4em; color:rgb(58, 107, 183); cursor:help}
#details .BtnSelector .FirstLine {display:flex; justify-content:space-between;}
#details .BtnSelector .FirstLine p:first-child {width:40%; text-transform:uppercase; font-size:110%; font-weight:400}
#details .BtnSelector .FirstLine p:nth-child(2) {width:60%; text-align:right; font-size:130%; font-weight:400; padding-right:.3em; cursor:help;}
.material-tooltip {font-size:.9em; color:black; background-color:white; box-shadow: -5px 0 5px rgb(213, 205, 205);}
.backdrop {background-color:white;}
#details .BtnSelector .SecondLine p {height:21px; font-weight:600; color:rgb(117, 125, 134)}

#details .BtnSelector form p {margin-bottom:inherit}
#details .BtnSelector button {width:100%}
#details .BtnSelector .SecondLine .IsNotAllowed {display:block; position:relative; width:100%; height:inherit; margin:1.4em auto 0 auto; background-color:rgb(236, 166, 166); border-radius:4px; text-align:center; text-shadow:1px 1px 2px grey;}
#details .BtnSelector .SecondLine .IsNotAllowed p {font-size:1em; color:white; line-height:1em; padding:1.4em 1.5em; }
#details .row1 .RightBloc div.BtnNextC, #Cart div.BtnNextC {display:flex; margin:1em auto 0 auto; width:100%; height:6em; justify-content:center; flex-wrap:wrap;}
#details .row1 .RightBloc div.BtnNextC {flex-direction:column; align-items: center;}
#details .row1 .RightBloc div.BtnNextC button, #Cart div.BtnNextC button {margin:auto}
#details .row1 .RightBloc div.BtnNextC p, #Cart div.BtnNextC p {color:rgb(174, 174, 174);font-size:90%}

#details .row2 {width:100%; border-bottom:1px dotted gray}
#details .row2 .ThemesMenu {position:relative; display:flex; align-items:center; justify-content:center; width:100%;}
#details .row2 .ThemesMenu li {float:inherit; padding:.5em 1em; margin-right:.5em; border-radius:3px; text-transform:uppercase; background-color:rgba(146, 172, 185, 0.5); list-style: none;}
#details .row2 .ThemesMenu li:hover {background-color: rgba(0,0,0,0.1);}
#details .row2 .ThemesMenu a {color:inherit; font-size:1.2em;}
#details .row2 .Title, #details .row3 .Title {display:block; width:100%; text-align:center; font-size:1.5em; margin-bottom:.5em; text-transform: uppercase;}
#details .row3 {width:100%; padding:30px 0 0 0; border-bottom:1px dotted gray; background-color:rgb(232, 232, 232);}


#Cart {width:100%; min-height:800px; background-color:rgb(240, 240, 240);}
#Cart .MainC h3, #InAdO .MainC h3, #ChoixPaiement .MainC h3, #AffConfim .MainC h3, #cgv .MainC h3, #about .MainC h3, #contact .MainC h3 {position:relative; margin:0; font-size:1.8em; font-weight:300; text-align:center; text-transform:uppercase;}
#Cart .MainC .FlexContainer {display:flex; flex-direction:column; margin-top:2em; padding:1em 0 1em 0; align-items:center; flex-wrap:wrap; border-radius:4px; border: 1px solid rgb(187, 187, 187);}
#Cart .MainC .FlexContainer .CartItemC {position:relative; display:flex; width:100%; min-height: 120px; padding:1em 0; border-bottom:1px dotted grey}
#Cart .MainC .FlexContainer .CartItemC:last-of-type {border-bottom:none;}
.CartItemC .Trash {position:absolute; bottom: 1.5em; right:1em; color:red; cursor:pointer}
.CartItemC .Bloc1 {width:20%; height:111px; padding-right:.5em; border-right:1px dotted rgb(128, 128, 128);}
.CartItemC .Bloc2 {width:34%; border-right:1px dotted rgb(128, 128, 128); margin-left:1em;}
.CartItemC .Bloc3 {width:26%; border-right:1px dotted rgb(128, 128, 128); margin-left:1em;}
.CartItemC .Bloc3 p:nth-child(1) {text-transform:uppercase}
.CartItemC .Bloc3 p:nth-child(2) {font-weight:600}
.CartItemC .Bloc3 blockquote {font-size:.9em; height:65px; padding:0; margin:.3em 0 0 0; border-left:inherit; overflow:auto; line-height:1.1em; font-weight:400; color:rgb(117, 125, 134)}
.CartItemC .Bloc4 {display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; margin:auto}
.CartItemC .Bloc4 .Price1 {font-size:1.6em; font-weight:400}  
.CartItemC .Bloc2 .TTInfos {width:25%; line-height:1.2em;}
.CartItemC .Bloc2 .LibInfos {line-height:1.2em; font-weight:400;}
#Cart .MainC .TotalCartC {display:flex; margin-top:.4em; align-items:flex-end;}
#Cart .MainC .TotalCartC .BtnC {width:55.2%; padding:.7em 0 .7em 1em}
#Cart .MainC .TotalCartC .TotalC {display:flex; width:44.8%; padding:.6em 0; font-size:1.8em; font-weight:400; border-radius:4px; border:1px solid rgb(187, 187, 187); background-color:rgb(242, 237, 214);}
#Cart .MainC .TotalCartC .TotalC p:nth-child(1) {padding-left:1em;}
#Cart .MainC .TotalCartC .TotalC p:nth-child(2) {margin:0 auto}
#Cart .MainC div.BtnNextC, #InAdO div.BtnNextC {display:flex; flex-direction:column; align-items:center; margin:1em auto 0 auto; width:100%;}
#Cart .MainC div.BtnNextC button, #InAdO div.BtnNextC button {margin:auto}
#Cart .MainC div.BtnNextC p, #InAdO .div.BtnNextC p {color:rgb(174, 174, 174);font-size:90%}

#InAdO {width:100%; min-height:800px; background-color:rgb(240, 240, 240);}
#InAdO .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}
#InAdO .MainC .FormC {position:relative; min-height:800px; margin:0 auto;}
#InAdO .InfosPerso {margin-top:2em}
#InAdO .InfosPerso label, #contact label {position:absolute; top:-6px; left:11px; color:#8F8F8F; transition:.3s; font-size:95%;}

#InAdO .InfosPerso .input-field label:not(.label-icon).active, #InAdO .MailAdressContainer .input-field label:not(.label-icon).active, 
#contact .input-field label:not(.label-icon).active, #contact .input-field label:not(.label-icon).active {-webkit-transform:translateY(14px) scale(0.8); transform:translateY(14px) scale(0.8); -webkit-transform-origin:0 0; transform-origin:0 0}

#InAdO .InfosPerso input[type="text"], #InAdO .InfosPerso input[type="email"], #InAdO .InfosPerso input[type="password"], #InAdO .InfosPerso textarea, #InAdO select, 
#contact input[type="text"], #contact input[type="email"], #contact input[type="password"], #contact textarea {display:inline-block; width:100%; height:3.4em; padding:15px 0 0 10px; margin:0 0 .3% 0; border:1px solid #cdcdcd; border-radius:3px; font:100% "Open Sans",sans-serif; color:#454545; box-sizing: inherit;}

#InAdO .row  {margin-bottom:0;}
#InAdO .col {padding:0}
#InAdO .input-field {margin-top:0}
#InAdO .InfosPerso .TextInfo {font-size:90%; line-height:4em; margin-left:1em}
#InAdO .MailAdressContainer {position:relative; width:100%; padding:1.5em; margin-top:2em; border:1px solid rgb(187, 187, 187); background-color:rgb(249, 223, 223);}
#InAdO .MailAdressContainer input[type="email"] {display:inline-block; width:100%; height:3.4em; padding:15px 0 0 10px; margin:0 0 .3% 0; border:1px solid #cdcdcd; border-radius:3px; font:100% "Open Sans",sans-serif; color:#454545; box-sizing:inherit; background-color:white;}
#InAdO .MailAdressContainer label {position:absolute; top:-6px; left:11px; color:#8F8F8F; transition:.3s; font-size:95%;}
#InAdO .MailAdressContainer .Note {font-size:90%; margin-top:1em; text-align:center; color:red; padding:0 10px; line-height:130%}
#InAdO div.Obligations {display:block; width:460px; margin:40px auto 0 auto; color:black}

#ChoixPaiement {width:100%; min-height:800px; background-color:rgb(240, 240, 240);}
#ChoixPaiement .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}
#ChoixPaiement .MainC .TotalCartC {display:flex; margin-top:5em;}
#ChoixPaiement .MainC .TotalCartC .BtnC {width:20%; padding:.7em 0 .7em 1em}
#ChoixPaiement .MainC .TotalCartC .TotalC {display:flex; width:80%; padding:.6em 0; font-size:1.8em; font-weight:400; border-radius:4px; border:1px solid rgb(187, 187, 187); background-color:rgb(242, 237, 214);}
#ChoixPaiement .MainC .TotalCartC .TotalC p:nth-child(1) {width:100%; text-align: center;}
#ChoixPaiement .MainC .CHPaie {margin-top:3em; background-color:white; padding:20px 15px 55px 15px; margin-bottom:40px; box-shadow:0 5px 20px 0 rgba(0,0,0,0.1); text-align:center; cursor:pointer}
#ChoixPaiement .MainC h5, #AffConfim .MainC h5 {position:relative; margin:0; font-size:1.5em; font-weight:300; text-align:center;}
#ChoixPaiement .MainC .ChoixCHEQC {box-shadow: none; margin-top:0; padding-top:1.5em}

#AffConfim {width:100%; min-height:800px; background-color:rgb(240, 240, 240);}
#AffConfim .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}
#AffConfim .MainC .CBConf {background-color:white; padding:30px 15px 55px 15px; margin:2em; box-shadow:0 5px 20px 0 rgba(0,0,0,0.1); text-align:center;}
#AffConfim .MainC .CBConf .InfosMDP {margin-top:1.5%;}

#cgv {min-height:700px}
#cgv .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}
#cgv section.Lines {width:100%; margin:0 auto; color:#303b41}
#cgv section.Line1 {font-size:100%}
#cgv section.Line1 h4 {font-style:normal; margin-top:30px; text-decoration: underline; font-size:100%; font-weight:bold}
#cgv section.Line1 p {text-align:justify;margin-bottom:8px}

#about {min-height:700px}
#about .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}

fieldset {border:none;}
#contact {min-height:700px}
#contact .MainC {position:relative; margin:0 auto; padding:2em 2em 4em 2em; background-color:white;}
#contact .MainC p.Intro {margin:2em 0; text-align:center; font-size:105%}
#contact div.Boxes {margin:0 auto; border-radius:2px; padding:3em 4em 8em 4em; background-color:white; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);}
#contact textarea::placeholder {color:#454545;}

.tooltip {position:relative; display:inline-block; cursor:pointer;}
.tooltip .tooltiptext {visibility:hidden; width:80%; background-color:#555; color:#fff; text-align:center; padding:5px 0; border-radius:4px; opacity:0.5;
  /* Position the tooltip text */
  position:absolute; font-size:90%; z-index:1; left:50%; bottom:12%; margin-left:-40%; opacity:0; transition:opacity 0.4s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}

/* Ajouts à Materialize */
.BtnC .btn:not(.LangLinkC) {padding:0 1em;}
.btn-small {height:32.4px; line-height:32.4px; font-size:13px; outline:0; border:none; border-radius:2px; padding:0 16px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:uppercase; background-color:#26a69a; text-align:center; letter-spacing:.5px; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}
.btn-very-small {height:28px; line-height:28.4px; font-size:13px; outline:0; border:none; border-radius:2px; padding:0 14px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:none; background-color:#26a69a; text-align:center; letter-spacing:0; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}
.btn-very-very-small {height:27px; line-height:27.4px; font-size:12px; outline:0; border:none; border-radius:2px; padding:0 13px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:none; background-color:#26a69a; text-align:center; letter-spacing:0; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}

#lab_social_icon_footer {margin-bottom:2.5rem}
#lab_social_icon_footer a {}
#lab_social_icon_footer .social:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
#lab_social_icon_footer .social {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8);-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
#lab_social_icon_footer #social-fb:hover {color: #3b5998;}
#lab_social_icon_footer #social-tw:hover {color: #4099ff;}
#lab_social_icon_footer #social-gp:hover {color: #d34836;}
#lab_social_icon_footer #social-em:hover {color: #f39c12;} 

.page-footer{opacity:0.8; background-color:#555555;}
.page-footer #lab_social_icon_footer a {color:white;}
.footer-copyright {background: #323232 !important;}

.btn-small i {font-size:inherit}
.btn-small i.left {margin-right:8px;}
.btn-small i.right {margin-left:8px;}

.btn-very-small i {font-size:inherit}
.btn-very-small i.left {margin-right:6px;}
.btn-very-small i.right {margin-left:6px;}

.btn-very-very-small i {font-size:inherit}
.btn-very-very-small i.left {margin-right:4px;}
.btn-very-very-small i.right {margin-left:4px;}

.media-box-footer {padding:14px 20px 10px 25px}
.media-box-footer [type="checkbox"] + label{padding-left:28px;line-height:normal;}
.media-box-footer label {color:#444343}

.col-left-m {padding-left:0.6em}
.col-right-m {padding-right:0.6em}
cite {font-size:90%; font-weight:normal}
 
.cookie-message {position:fixed; display:block; bottom:0; left:0; right:0; color:black; padding:12px 85px 12px 20px; background-color :#dadada; border-top:1px solid #ccc; box-shadow:0px 0px 4px #ccc; z-index:99;}
a.cookiebar-close {position:absolute; top:0; right:30px; margin-top:8px; width:50px; height:16px; padding-left:19px; background:transparent url("../images/BigCloseFB.gif") no-repeat scroll 0 -16px; font-size:90%; cursor:pointer;}