@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);


/*#########################  RESET  ##############################*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


a:-webkit-any-link{
text-decoration:none !important;
}

/*#########################  RESET  ##############################*/

body, html{height:100%;}
html {-webkit-font-smoothing: antialiased;background:url('../images/fond.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
body{margin:0;padding:0;width:100%;position:relative; height:100%; overflow-x:hidden;}
/*.fix{height:100%;width:100%; display:block;overflow:auto}*/

strong{font-weight: bold;}
p{}
p strong{}

h1, h2, h3, h4, h5, h6{padding: 0;font-weight: normal;line-height: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border: 0;}

h1, .h1{}

h2, .h2{}
	
h3, .h3{}

h4{}

h5, .h5{}

.clear{clear:both;}

li, a{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
a:hover{}

h2 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
h2 a:hover, h2 a.current{color:#1a4298;border-left:10px solid #ffffff; }
h2 a:hover:after{}
h2 a.current:after{}

#jeunesse h2 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
#jeunesse h2 a:hover{color:#37c1d9;border-left:10px solid #ffffff; }


#adulte h2 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
#adulte h2 a:hover{color:#78797c;border-left:10px solid #ffffff; }


h3 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
h3 a:hover{color:#1a4298;border-left:10px solid #ffffff; }
h3 a:hover:after{}

#jeunesse h3 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
#jeunesse h3 a:hover{color:#37c1d9;border-left:10px solid #ffffff; }
#jeunesse h3 a:hover:after{}

#adulte h3 a{text-decoration:none;color:#000000;border-left:0px solid #ffffff; }
#adulte h3 a:hover{color:#78797c;border-left:10px solid #ffffff; }
#adulte h3 a:hover:after{}

header{ background-color:#1a3f94;   width:100%; height:75px;overflow:hidden;}
.header-wrapper{height:75px;  width:105%; background-image:url(../images/newhead.png); background-position:right top ; background-repeat:no-repeat;}

.contact_form form{float:none;}
.contact_form table tr{width:47.5%;display:block;float:left;margin-bottom:20px;margin-left:5%;}
.contact_form table tr:nth-of-type(2n+1){margin-left:0px;clear:both;}
.contact_form table tr td{display:block;}
.contact_form label{width:auto;margin-top:25px;display:block;float:none;padding:0px;text-transform:Uppercase;font-size:0.9em;text-align:left;font-weight:700;}
.contact_form input{border:1px solid #aaa;box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;width:95%;padding-left:5%;postion:relative;display:inline-block;height:50px;}
button.submit{background-color:#1a4298;margin:30px auto 0 auto;color:white;font-weight:bold;padding:6px 20px;text-align:center;border:1px solid black;width:200px;-webkit-box-sizing:border-box;height:50px;font-size:1em;}

.logo{ width:200px;  margin-left:0px; margin-top:15px; float:left; position:relative;}
.logo img {width:100%; height:auto; opacity:1;}
.logo img:hover{opacity:0.7;}
.header-wrapper .menu { width:auto; float:right; margin-top:45px; margin-right:100px;}
.header-wrapper .menu ul a {float:left;text-decoration:none;color:white;background-color:none;font-family:"Roboto", Geneva, sans-serif; font-size:16px; margin-left:115px; margin-right:30px; text-transform:uppercase;font-weight:500;}
.header-wrapper .menu ul a:hover { border-bottom:1px solid #fff;}
.header-wrapper .menu ul li {display:inline; text-align:right; }
.header-wrapper .menu ul li:first-child a{margin-left:0;}

#jeunesse header{background-color:#37c1d9;width:100%; height:75px;}
#adulte header{background-color:#78797c;width:100%; height:75px;}

#wrapper { width:100%;  margin:0px auto 0 auto; background-color:#ffffff; position:relative; height:auto;display:inline-block; height:auto ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}



.cycle-slides a{width:100%; height:auto;}
.cycle-slides b{position:absolute; bottom:-40px; right:10px; text-transform:uppercase; color:#000000;font-family: 'Roboto', sans-serif; font-weight:500; font-size:17px;}
.cycle-slides span{text-transform:none;font-weight:300;}
.cycle-slides img { width:100%; min-height:50px; min-width:174px; height:100%;max-width:908px; max-height:261px;}
.cycle-pager { width:auto; position:absolute; bottom:55px;right:45px; z-index:999;}
.cycle-pager a { margin-right:5px; color:#ffffff; width:15px; height:15px; float:left;display:block;background-color:#ffffff;text-decoration:none;}
.cycle-pager a:active, .cycle-pager a:hover, .cycle-pager a.activeSlide {background-color:#1a4298;color:#1a4298;}
#jeunesse .cycle-pager a:active, #jeunesse .cycle-pager a:hover, #jeunesse .cycle-pager a.activeSlide {background-color:#37c1d9;color:#37c1d9;}
#adulte .cycle-pager a:active, #adulte .cycle-pager a:hover, #adulte .cycle-pager a.activeSlide {background-color:#78797c;color:#78797c;}
.cycle-nav { display:none;width:auto; float:right;}
.cycle-nav div { width:auto; float:left; margin-right:10px; cursor:pointer; }

#slider-Upper-bg{ background: url("../images/slider-upper-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 25px;margin-right: 5px;position: absolute;text-align: left;padding-left:15px;padding-top:4px;color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; line-height:100%; font-size:17px;bottom: 41px;width: 140px;z-index: 10; }
#jeunesse #slider-Upper-bg{ background: url("../images/slider-upper-bg-bp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 25px;margin-right: 5px;position: absolute;text-align: left;padding-left:15px;padding-top:4px;color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; line-height:100%; font-size:17px;bottom: 41px;width: 140px;z-index: 10; }
#adulte #slider-Upper-bg{ background: url("../images/slider-upper-bg-g.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 25px;margin-right: 5px;position: absolute;text-align: left;padding-left:15px;padding-top:4px;color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; line-height:100%; font-size:17px;bottom: 41px;width: 140px;z-index: 10; }

.content-wrapper2{ max-width:1400px;width:94%;  padding-bottom:10%;position:relative;}
.content-wrapper2 .leftBar{ width:67%; float:left; position: relative;  margin-right:3%;} 
.content-wrapper2 .leftBar .seperator{ border: 1px solid #adc6de; margin-top:19px; margin-bottom:15px;}
.content-wrapper2 .rightBar{ width:30%;  background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); float: right;  left:0px; display:block; height:100%; overflow:hidden; position:relative; }
.content-wrapper2 .rightBar .rightContent{ margin:16px;overflow:hidden; }
.content-wrapper2 .rightBar .rightContent .image img{ width:100%;height:auto; border: 0; margin-bottom:15px;opacity:1;}
.content-wrapper2 .rightBar .rightContent .image img:hover{ opacity:0.7}
.content-wrapper2 .rightBar .rightContent h2 { font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; color:#000;}
.content-wrapper2 .rightBar .rightContent h3 { font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; margin-top:5px;}
.content-wrapper2 .rightBar .rightContent h3 strong { font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px; color:#000; margin-top:5px;}
.content-wrapper2 .rightBar .rightContent .seperator{ border: 1px solid #adc6de; margin-top:15px; margin-bottom:15px;}
.content-wrapper2 .rightBar .rightContent input.s{ background-color:#e3f4f9; width:100%; height:26px; padding-left:30px;  background-image:url(../images/search.png); background-position:8px 6px; background-repeat:no-repeat; border:0px; font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px; color:#90908f; }
.content-wrapper2 .rightBar .rightContent input.m{ background-color:#e3f4f9; width:100%; height:26px; padding-left:30px;  background-image:url(../images/mail.png); background-position:8px 6px; background-repeat:no-repeat; border:0px; font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px; color:#90908f; }
.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:none;}

footer{width:100%; height:25px; padding:16px; background-color:#1a4298; z-index:8000; position:relative;   }
#jeunesse footer{width:100%; height:25px; padding:16px; background-color:#37c1d9; z-index:8000; position:relative;   }
#adulte footer{width:100%; height:25px; padding:16px; background-color:#78797c; z-index:8000; position:relative;   }

footer .text{ font-family: 'Roboto', sans-serif; font-style:italic; font-size:15px; color:#fff; margin-top:5px; float:left; }
footer .icon{ float:right; margin-left:5px; margin-right:10px; opacity:1;}
footer .icon2{margin-right:30px;float:right; margin-left:5px;  opacity:1;}
footer .icon:hover, footer .icon2:hover{opacity:0.7;}

.breadcrumbs, .breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs h6{width:99%;height:25px;background-color:#1a4298;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; color:#ffffff; text-transform:uppercase; padding-top:5px; padding-left:1%}
.breadcrumbs h6 span{font-weight:700;}
.breadcrumbs h6 a {color:#ffffff;border:0;}
.breadcrumbs h6 a:hover {color:#ffffff;border:0;}
.breadcrumbs h6 b{float:right; margin-right:5px;}
.breadcrumbs h6 b a {font-size:28px; line-height:60%;}
.breadcrumbs h6 b a:hover{opacity:0.8;}
#jeunesse .breadcrumbs h6{background-color:#37c1d9;}
#adulte .breadcrumbs h6{background-color:#78797c; }




.breadcrumbs img{width:100%; height:auto;}
.breadcrumbs a{color:#ffffff; text-decoration:none;}
.breadcrumbs a:hover{color:#ffffff;}
.breadcrumbs .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left;  position:absolute;top:15%;}
.breadcrumbs .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left;  position:absolute;right:30%;top:15%;}
.breadcrumbs .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left; position:absolute;right:0;top:15%;}

.breadcrumbs-acc img{width:100%; height:auto;}
.breadcrumbs-acc a{color:#ffffff; text-decoration:none;}
.breadcrumbs-acc a:hover{color:#ffffff;}
.breadcrumbs-acc .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left;  position:absolute;top:15%;}
.breadcrumbs-acc .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left;  position:absolute;right:30%;top:15%;}
.breadcrumbs-acc .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; text-align:left; position:absolute;right:0;top:15%;}



.productWrapper { width:100%; height:100%;  margin-top:15px;padding: 0 0% 0% 0%;}
.productWrapper .left { width:48.5%; float:left; }
.productWrapper .right { width:48.5%; float:right;margin-left:3%;}
.productWrapper .one li{width:48.5%; float:left;margin-left:3%;height:auto}
.productWrapper .one li:nth-child(odd){margin-left:0;clear:both;}

.description{background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:4%; margin-bottom:2%; margin-top:2%; position:relative;}
.description p{color: #000000;font-family: 'Roboto',sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;margin-top: 8px;}
.description h3{font-family: 'Roboto', sans-serif; font-weight:600; font-size:23px; color:#000; text-transform:uppercase;}

.productWrapper .one .productBox{ width:90%; height:auto; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:5%; margin-bottom:6%; position:relative;}
.productWrapper .one .productBox:hover{background-color:#f8fcff;}
.productWrapper .one .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .one .productBox .rightcol{ width:65%;float:right;} 
.productWrapper .one .productBox .rightcol h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#000; margin-top:-5px;}
.productWrapper .one .productBox:hover .rightcol h3{ color:#1a4298;}
.productWrapper .one .productBox .rightcol h3 span{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; margin-top:6px;}
.productWrapper .one .productBox .rightcol i{font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px;font-style:italic; color:#1a4298}
.productWrapper .one .productBox:hover .rightcol i{color:#000000;}
.productWrapper .one .productBox .rightcol p{  color: #000000;font-family: 'Roboto',sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;margin-top: 8px;}
.productWrapper .one .productBox .rightcol .link { -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#1a4298; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
.productWrapper .one .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
.productWrapper .one .productBox .rightcol .link:after {}
.productWrapper .one .productBox .rightcol b{font-family: 'Roboto', sans-serif; font-weight:700; font-size:17px; color:#000000;}

#auteur .productWrapper .one .productBox:hover .rightcol h3{ color:#1a4298;}

#jeunesse .productWrapper .one .productBox .rightcol .link{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#37c1d9; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
#jeunesse .productWrapper .one .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
#jeunesse .productWrapper .one .productBox .rightcol .link:after {}
#jeunesse .productWrapper .one .productBox:hover .rightcol h3{ color:#37c1d9;}
#jeunesse .productWrapper .one .productBox .rightcol i{color:#37c1d9}
#jeunesse .productWrapper .one .productBox:hover .rightcol i{color:#000000}

#adulte .productWrapper .one .productBox .rightcol .link{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#78797c; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
#adulte .productWrapper .one .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
#adulte .productWrapper .one .productBox .rightcol .link:after {}
#adulte .productWrapper .one .productBox:hover .rightcol h3{ color:#78797c;}
#adulte .productWrapper .one .productBox .rightcol i{color:#78797c}
#adulte .productWrapper .one .productBox:hover .rightcol i{color:#000000}

.productWrapper .left .productBox{ width:90%; height:auto; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:5%; margin-bottom:6%; position:relative;}
.productWrapper .left .productBox:hover{background-color:#f8fcff;}
.productWrapper .left .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .left .productBox .rightcol{ width:65%;float:right;} 
.productWrapper .left .productBox .rightcol h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#000; margin-top:-5px;}
.productWrapper .left .productBox:hover .rightcol h3{ color:#1a4298;}
.productWrapper .left .productBox .rightcol h3 span{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; margin-top:6px;}
.productWrapper .left .productBox .rightcol i{position:absolute;bottom:15px; right:20px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px;font-style:italic; color:#1a4298}
.productWrapper .left .productBox .rightcol p{  color: #000000;font-family: 'Roboto',sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;margin-top: 8px;}
.productWrapper .left .productBox .rightcol .link { -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#1a4298; text-decoration:none; line-height:29px;border-left:0px solid #f8fcff;}
.productWrapper .left .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
.productWrapper .left .productBox .rightcol .link:after {}

#adulte .productWrapper .left .productBox .rightcol .link{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#78797c; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
#adulte .productWrapper .left .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
#adulte .productWrapper .left .productBox .rightcol .link:after {}
#adulte .productWrapper .left .productBox:hover .rightcol h3{ color:#78797c;}
#adulte .productWrapper .left .productBox .rightcol i{color:#78797c}

.productWrapper .right .productBox img, .productWrapper .left .productBox img,  .productWrapper .one .productBox img{width:100%; height:auto;}
.productWrapper .right .productBox{ width:90%; height:auto; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:5%; margin-bottom:6%; position:relative;}
.productWrapper .right .productBox:hover{background-color:#f8fcff;}
.productWrapper .right .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .right .productBox .rightcol{ width:65%;float:right;} 
.productWrapper .right .productBox .rightcol h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#000; margin-top:-5px;}
.productWrapper .right .productBox:hover .rightcol h3{ color:#1a4298;}
.productWrapper .right .productBox .rightcol h3 span{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; margin-top:6px;}
.productWrapper .right .productBox .rightcol p{  color: #000000;font-family: 'Roboto',sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;margin-top: 8px;}
.productWrapper .right .productBox .rightcol .link { font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#1a4298; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
.productWrapper .right .productBox:hover .rightcol .link { -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;text-decoration:none; border-left:10px solid #f8fcff;}
.productWrapper .right .productBox .rightcol .link:after {}
.productWrapper .right .productBox .rightcol i{position:absolute;bottom:15px; right:20px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px;font-style:italic;color:#1a4298;}

#jeunesse .productWrapper .right .productBox .rightcol .link{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#37c1d9; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
#jeunesse .productWrapper .right .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #f8fcff;}
#jeunesse .productWrapper .right .productBox .rightcol .link:after {}
#jeunesse .productWrapper .right .productBox:hover .rightcol h3{ color:#37c1d9;}
#jeunesse .productWrapper .right .productBox .rightcol i{color:#37c1d9;}

#adulte .productWrapper .right .productBox .rightcol .link{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#78797c; text-decoration:none; line-height:29px;border-left:0px solid #ffffff;}
#adulte .productWrapper .right .productBox:hover .rightcol .link { text-decoration:none; border-left:10px solid #ffffff;}
#adulte .productWrapper .right .productBox .rightcol .link:after {}
#adulte .productWrapper .right .productBox:hover .rightcol h3{ color:#78797c;}
#adulte .productWrapper .right .productBox .rightcol i{color:#78797c;}

#mobile-menu{display:none;}
#mobile-menu{width:100%;height:45px;margin-bottom:0.5%;}
#mobile-menu li{width:33%; margin-left:0.5%;float:left;}
#mobile-menu li:first-child{margin-left:0;}
#mobile-menu li:first-child a{background-color:#37c1d9}
#mobile-menu li:nth-child(2) a{background-color:#78797c}
#mobile-menu li:last-child a{background-color:#1b429a}
#mobile-menu li a{width:100%; text-align:center;height:45px; background-color:#FF0000;display:block; line-height:340%;color:#ffffff;font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; text-decoration:none;text-transform:uppercase;}
#mobile-menu li a:hover{background-color:#000000;}

.mobile-nav{background:url('../images/nav.png') no-repeat top left;width:33px;height:25px;position:absolute; top:25px ;right:0;z-index:999999;}

#jeunesse-cont{height:auto;width:100%; display:none;background:#37c1d9 url('../images/bar.png')no-repeat top right;}
#adulte-cont{height:auto;width:100%; background:#78797c url('../images/bar.png')no-repeat top right;display:none;}
#auteur-cont{height:auto;width:100%; background:#1b429a url('../images/bar.png')no-repeat top right;display:none; }

#jeunesse-cont i{font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#ffffff;font-style:italic;}
#jeunesse-cont .contenu-menu{max-width:1400px;width:94%;  position:relative;margin:0 auto 0 auto; padding-top:2%;padding-bottom:2%;}
#jeunesse-cont ul li{width:9%; margin-left:4%; float:left;}
#jeunesse-cont li:first-child, #jeunesse-cont li:nth-child(9){margin-left:0;}
#jeunesse-cont li:last-child{margin-top:-19px; padding:0;}
#jeunesse-cont li a{width:100%;height:auto;text-decoration:none;position:relative;display:block;}
#jeunesse-cont img{width:100%; height:auto;opacity:1; border:1px solid #ffffff;background-color:#ffffff;}
#jeunesse-cont a:hover img{opacity:0.8; border:1px solid #000000;}
#jeunesse-cont a:hover i{color:#000000;}
#jeunesse-cont h2{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#jeunesse-cont h3, #jeunesse-cont b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:12px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#jeunesse-cont h6{display:none;position:absolute; text-align:left;top:100px; width:40px; height:50px; border-radius:50%; left:0;display:none;z-index:99999;font-family: 'Roboto', sans-serif; font-weight:300; font-size:55px; text-transform:uppercase;background-color:#ffffff;color:#37c1d9; padding-left:10px;line-height:75%; margin-left:-25px;left:50%;top:50%; margin-top:-50px;}
#jeunesse-cont a:hover h6{display:none;}
#jeunesse-cont b{font-size:14px}
#jeunesse-cont a:hover b{color:#000000;}
#jeunesse-cont h3 span{font-size:11px; font-weight:400;text-transform:none;}
#jeunesse-cont .linked{color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; text-decoration:none;margin-top:15px; text-align:right; display:block;}
#jeunesse-cont a:hover.linked{text-decoration:underline;}

#adulte-cont .contenu-menu{max-width:1400px;width:94%;  position:relative;margin:0 auto 0 auto; padding-top:2%;padding-bottom:2%;}
#adulte-cont ul li{width:9%; margin-left:4%; float:left;}
#adulte-cont li:first-child, #jeunesse-cont li:nth-child(9){margin-left:0;}
#adulte-cont li:last-child{margin-top:-19px; padding:0;}
#adulte-cont li a{width:100%;height:auto;text-decoration:none;position:relative;display:block;}
#adulte-cont img{width:100%; height:auto;opacity:1; border:1px solid #ffffff;background-color:#ffffff;}
#adulte-cont a:hover img{opacity:0.8; border:1px solid #000000;}
#adulte-cont h2{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#adulte-cont h3, #adulte-cont b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:12px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#adulte-cont h6{display:none;position:absolute; text-align:left;top:100px; width:40px; height:50px; border-radius:50%; left:0;display:none;z-index:99999;font-family: 'Roboto', sans-serif; font-weight:300; font-size:55px; text-transform:uppercase;background-color:#ffffff;color:#78797c; padding-left:10px;line-height:75%; margin-left:-25px;left:50%;top:50%; margin-top:-60px;}
#adulte-cont a:hover h6{display:none;}
#adulte-cont a:hover i {display:none;}
#adulte-cont b{font-size:14px}
#adulte-cont a:hover b{color:#000000;}
#adulte-cont i{font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#000000;font-style:italic;position:absolute; top:1px; left:1px;background-color:#ffffff;padding:5px 10px 5px 10px;}
#adulte-cont h3 span{font-size:11px; font-weight:400;text-transform:none;}
#adulte-cont .linked{color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; text-decoration:none;margin-top:15px; text-align:right; display:block;}
#adulte-cont a:hover.linked{text-decoration:underline;}


#auteur-cont i{font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#ffffff;font-style:italic;}
#auteur-cont .contenu-menu{max-width:1400px;width:94%;  position:relative;margin:0 auto 0 auto; padding-top:2%;padding-bottom:2%;}
#auteur-cont ul li{width:9%; margin-left:4%; float:left;}
#auteur-cont li:first-child, #auteur-cont li:nth-child(9){margin-left:0;}
#auteur-cont li:last-child{margin-top:-19px; padding:0;}
#auteur-cont li a{width:100%;height:auto;text-decoration:none;position:relative;display:block;}
#auteur-cont img{width:100%; height:auto;opacity:1; border:1px solid #ffffff;background-color:#ffffff;}
#auteur-cont a:hover img{opacity:0.5}
#auteur-cont h2{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#auteur-cont h3, #auteur-cont b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:12px; color:#ffffff; margin-top:10px; text-transform:uppercase;}
#auteur-cont h6{display:none;position:absolute; text-align:left;top:100px; width:40px; height:50px; border-radius:50%; left:0;display:none;z-index:99999;font-family: 'Roboto', sans-serif; font-weight:300; font-size:55px; text-transform:uppercase;background-color:#ffffff;color:#1b429a; padding-left:10px;line-height:75%; margin-left:-25px;left:50%;top:50%; margin-top:-50px;}
#auteur-cont a:hover h6{display:none;}
#auteur-cont b{font-size:14px}
#auteur-cont a:hover b{color:#37c1d9;}
#auteur-cont h3 span{font-size:11px; font-weight:400;text-transform:none;}
#auteur-cont .linked{color:#ffffff; font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; text-decoration:none;margin-top:5px; text-align:left; display:block;}
#auteur-cont a:hover.linked{text-decoration:underline;}

#auteur-cont input.s{height:40px; background-color:#ffffff;width:350px;position:absolute; top:45px; right:0;padding-left:30px; padding-top:0px; background-image:url(../images/search.png); background-position:8px 12px; background-repeat:no-repeat; border:0px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; color:#90908f;}

#hide-bc{display:none;}

.holder {margin: 15px 0;}
.holder a {font-size: 12px;cursor: pointer;margin: 0 5px;color: #333; text-transform:uppercase;font-family: 'Roboto', sans-serif;  font-size:15px;   }
.holder a:hover {background-color: none;color: #1b429a;}
.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }
.holder a.jp-current, a.jp-current:hover {color: #1b429a;font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;background: none;}
.holder span { margin: 0 5px; }
form { float: right; margin-right: 0px; }
form label { margin-right: 5px; text-transform:uppercase;color: #333; font-family: 'Roboto', sans-serif;  font-size:15px; }

#jeunesse .holder a:hover {background-color: none;color: #37c1d9;}
#jeunesse .holder a.jp-current, a.jp-current:hover {color: #37c1d9;font-weight: bold;}

#adulte .holder a:hover {background-color: none;color: #78797c;}
#adulte .holder a.jp-current, a.jp-current:hover {color: #78797c;font-weight: bold;}

p.icon1{background:url('../images/icon1.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon2{background:url('../images/icon2.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon3{background:url('../images/icon3.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon4{background:url('../images/icon4.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon5{background:url('../images/icon5.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon6{background:url('../images/icon6.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon7{background:url('../images/icon7.jpg') no-repeat center left; padding-left:55px; height:45px;}
p.icon8{background:url('../images/icon8.jpg') no-repeat center left; padding-left:55px; height:45px;}

.news {width:100%;height:auto; padding-bottom:5px;}
.news-left{width:15%;margin-right:3%;float:left;}
.news-left img{width:100%; height:auto;}
.news-right{width:82%;float:left;}

.abc-search{margin:20px 0 20px 10px; text-transform:uppercase;color: #333; font-family: 'Roboto', sans-serif;  font-size:15px;}
.abc-search a{color:#333333;text-decoration: none;}
.abc-search a:hover, .abc-search a.current{color:#1b429a;}

hr{border:1px solid #EFEFEF}

.cont-standart{ width:94%; height:auto; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:3%; margin-bottom:2%; position:relative;}
.cont-standart p{color: #000000;font-family: 'Roboto',sans-serif;font-size: 15px;font-weight: 300;line-height: 150%;text-align:justify}
.cont-standart i{color: #000000;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 600; font-style:italic}
.cont-standart h4{font-family: 'Roboto', sans-serif; font-weight:600; font-size:17px; color:#37c1d9;}
.cont-standart h5{font-family: 'Roboto', sans-serif; font-weight:600; font-size:17px; color:#1a4298; text-transform:uppercase; margin-bottom:15px;}
.cont-standart .bloc-1-2{width:47.5%; margin-left:4%;float:left;}
.cont-standart .bloc-1-2:first-child{margin-left:0;}
.cont-standart .bloc-1-2:first-of-type{margin-left:0;}
.cont-standart a{color:#1a4298;}
.cont-standart a:hover{color:#000000;}

#auteur .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#auteur .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#1a4298; padding-bottom:10px; padding-right:100px;display:inline-block;}
#auteur .cont-standart # b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#auteur .cont-standart #livre .livre-left{width:11%;margin-right:3%;float:left;}
#auteur .cont-standart #livre .livre-left img{width:100%; height:auto;}
#auteur .cont-standart #livre .livre-right{width:86%;float:left;}
#auteur .cont-standart #livre .livre-Right{width:86%;float:right;}
#auteur .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#auteur .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#auteur .cont-standart #livre span a{width:18%; margin-left:2.5%;float:left; margin-bottom:2%;}
#auteur .cont-standart #livre span:first-child a{margin-left:0;}
#auteur .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#auteur .cont-standart #livre span:nth-child(6) a, #auteur .cont-standart #livre span:nth-child(11) a{clear:both;margin-left:0;}
#auteur .cont-standart #livre span a img:hover{border:1px solid #1a4298; opacity:0.8;}
#auteur .cont-standart .new{position:absolute;top:-5px;right:-5px}


#jeunesse .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#jeunesse .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#37c1d9; padding-bottom:10px; padding-right:100px;display:inline-block;}
#jeunesse .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#jeunesse .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#jeunesse .cont-standart #livre .livre-left img{width:100%; height:auto;}
#jeunesse .cont-standart #livre .livre-right{width:77%;float:left;}
#jeunesse .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#jeunesse .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#jeunesse .cont-standart #livre span a{width:18%; margin-left:2.5%;float:left;display:block;height:auto;margin-bottom:10px;}
#jeunesse .cont-standart #livre span:first-child a{margin-left:0;}
#jeunesse .cont-standart #livre span:nth-child(6) a, #jeunesse .cont-standart #livre span:nth-child(11) a{clear:both;margin-left:0;}
#jeunesse .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#jeunesse .cont-standart #livre span a img:hover{border:1px solid #37c1d9; opacity:0.8;}
#jeunesse .cont-standart .new{position:absolute;top:-5px;right:-5px}

#adulte .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#adulte .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#78797c; padding-bottom:10px; padding-right:100px;display:inline-block;}
#adulte .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#adulte .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#adulte .cont-standart #livre .livre-left img{width:100%; height:auto;}
#adulte .cont-standart #livre .livre-right{width:77%;float:left;}
#adulte .cont-standart #livre  a.button{height:22px; background-color:#78797c; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#adulte .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#adulte .cont-standart #livre span a{width:18%; margin-left:2.5%;float:left;}
#adulte .cont-standart #livre span:first-child a{margin-left:0;}
#adulte .cont-standart #livre span:nth-child(6) a, #adulte .cont-standart #livre span:nth-child(11) a{clear:both;margin-left:0;}
#adulte .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#adulte .cont-standart #livre span a img:hover{border:1px solid #78797c; opacity:0.8;}
#adulte .cont-standart .new{position:absolute;top:-5px;right:-5px}


#gauche-price{width:48.5%; margin-right:3%; float:left;}
#droite-price{width:48.5%; float:left;}

.price{ width:92%; height:auto; background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); padding:4% 4% 5% 4%; margin-bottom:5%; position:relative;}
.price li{color: #000000;font-family: 'Roboto',sans-serif;font-size: 15px;font-weight: 300;line-height: 125%;text-align:left;list-style:square; margin-left:24px;}
.price p{color: #000000;font-family: 'Roboto',sans-serif;font-size: 15px;font-weight: 300;line-height: 150%;text-align:left}
.price i{color: #000000;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 600; font-style:italic}
.price h5{font-family: 'Roboto', sans-serif; font-weight:600; font-size:19px; color:#1a4298; text-transform:uppercase; margin-bottom:15px;}
.price a{color:#1a4298;font-family: 'Roboto',sans-serif;font-size: 15px;font-weight: 600; text-transform:uppercase; }
.price a:hover{color:#000000;}



/*------ BIG FUCKING SCREEN ----*/
@media screen and (min-width:2000px) {
#mobile-menu{display:none;}
.mobile-nav{display:none;}
#hide-bc{display:none;}

.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:none;}
}
/*------ BIG SCREEN ----*/
@media screen and (min-width:1600px) {
#mobile-menu{display:none;}
.mobile-nav{display:none;}
#hide-bc{display:none;}

.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:none;}
}
/*------ NORMAL SCREEN ----*/
@media screen and (min-width:1280px) and (max-width:1599px) {
#mobile-menu{display:none;}
.mobile-nav{display:none;}
#hide-bc{display:none;}

.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:none;}
}
/*------ SMALL SCREEN ----*/
@media screen and (min-width:960px) and (max-width:1279px) {
#mobile-menu{display:none;}
.mobile-nav{display:none;}
#hide-bc{display:none;}
.breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs img{width:100%; height:auto;}
.breadcrumbs .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;top:8%;}
.breadcrumbs .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;right:26.5%;top:8%;}
.breadcrumbs .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; position:absolute;right:0;top:8%;}


.breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs-acc img{width:100%; height:auto;}
.breadcrumbs-acc .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;top:8%;}
.breadcrumbs-acc .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;right:26.5%;top:8%;}
.breadcrumbs-acc .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; position:absolute;right:0;top:8%;}

.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;display:none;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:block;}

/*#jeunesse-cont ul li{width:18%; margin-left:2%; float:left;margin-bottom:2%;}
#jeunesse-cont li:first-child, #jeunesse-cont li:nth-child(6){margin-left:0;}
#jeunesse-cont li:nth-child(8){margin-top:0; }

#adulte-cont ul li{width:18%; margin-left:2%; float:left;margin-bottom:2%;}
#adulte-cont li:first-child, #adulte-cont li:nth-child(6){margin-left:0;}
#adulte-cont li:nth-child(8){margin-top:0; }

#auteur-cont ul li{width:18%; margin-left:2%; float:left;margin-bottom:2%;}
#auteur-cont li:first-child, #auteur-cont li:nth-child(6){margin-left:0;}
#auteur-cont li:nth-child(8){margin-top:0; }*/

}
/*------TABLETTE PAYSAGE----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#mobile-menu{display:none;}
.mobile-nav{display:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:250px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
#hide-bc{display:none;}
.breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs img{width:100%; height:auto;}
.breadcrumbs .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;top:8%;}
.breadcrumbs .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;right:26.5%;top:8%;}
.breadcrumbs .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; position:absolute;right:0;top:8%;}

.breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs-acc img{width:100%; height:auto;}
.breadcrumbs-acc .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;top:8%;}
.breadcrumbs-acc .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left;  position:absolute;right:26.5%;top:8%;}
.breadcrumbs-acc .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; position:absolute;right:0;top:8%;}

#jeunesse-cont li:last-child{margin-top:0px; padding:0;}
#adulte-cont li:last-child{margin-top:0px; padding:0;}
#auteur-cont li:last-child{margin-top:0px; padding:0;}
.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;display:none;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:block;}
.cont-standart {margin-bottom:25px;}
}
/*------TABLETTE PORTRAIT ---*/
@media screen and (min-width:640px) and (max-width:959px) {

#gauche-price{width:100%; margin-right:0%; float:none;}
#droite-price{width:100%; float:none;}

.header-wrapper{height:75px;  width:100%; background-image:none; background-position:right top; background-repeat:no-repeat;}
#mobile-menu{display:none}
.mobile-nav{display:block;}
.menu{display:none;}

.cycle-pager { width:auto; position:absolute; bottom:50px;right:25px; z-index:999;}
#wrapper{ border:1px solid red;width:100%;  margin:0px auto 0 auto; position:relative; height:200px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
#hide-bc{display:none;}
.breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs img{width:100%; height:auto;}
.breadcrumbs .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400;line-height:75%; font-size:15px; text-align:left;  position:absolute;top:10%;}
.breadcrumbs .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; line-height:75%;  position:absolute;right:24%;top:10%;}
.breadcrumbs .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; line-height:75%; text-align:left; position:absolute;right:-10px;top:10%;}

.breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;}
.breadcrumbs-acc img{width:100%; height:auto;}
.breadcrumbs-acc .b1{  width:376px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400;line-height:75%; font-size:15px; text-align:left;  position:absolute;top:10%;}
.breadcrumbs-acc .b2{  width:88px; height:26px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; text-align:left; line-height:75%;  position:absolute;right:24%;top:10%;}
.breadcrumbs-acc .b3{ width:89px; height:26px; padding-left:15px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; line-height:75%; text-align:left; position:absolute;right:-10px;top:10%;}

#adulte footer{ height:65px;  }
#jeunesse footer{ height:65px;  }
footer{width:100%; height:65px; padding:16px 16px 16px 16px; background-color:#1a4298; z-index:8000; position:relative;   }
footer .text{ font-family: 'Roboto', sans-serif; font-style:italic; font-size:14px; color:#fff; margin-top:5px; float:left;width:100%; }
footer .icon{ margin-top:10px;float:left; margin-right:5px; margin-left:0px; }
footer .icon2{margin-top:10px;margin-left:0px;float:left; margin-right:5px; }

.productWrapper { width:100%; height:100%;  margin-top:15px;padding: 0 0% 0% 0%;}
.productWrapper .left { width:100%; float:none; }
.productWrapper .right { width:100%; float:none;margin-left:0;}

.productWrapper .one li{width:100%; float:none;margin-left:0; margin-top:0px; margin-bottom:0px;}
.productWrapper .one li:nth-child(odd){margin-left:0;}



.productBox{margin-bottom:-40px; padding:0;}
.productWrapper .left .productBox .leftcol{ width:20%; height:auto; margin-right:5%; float:left;}
.productWrapper .left .productBox .rightcol{ width:75%;float:right;}

.productWrapper .right .productBox .leftcol{ width:20%; height:auto; margin-right:5%; float:left;}
.productWrapper .right .productBox .rightcol{ width:75%;float:right;}  

.productWrapper .right .productBox .grid li.shown{opacity:0}

.cycle-slides b{position:absolute; bottom:-40px; right:10px; text-transform:uppercase; color:#000000;font-family: 'Roboto', sans-serif; font-weight:500; font-size:17px;text-align:right}

.cont-standart {margin-bottom:25px;padding:6%; width:88%;}
.cont-standart .bloc-1-2{width:100%; margin-left:0;float:none;}
.cont-standart .bloc-1-2:first-child{margin-bottom:35px;}
.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;display:none;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:block;}




#auteur .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#auteur .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#1a4298; padding-bottom:10px; padding-right:100px;display:inline-block;}
#auteur .cont-standart # b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#auteur .cont-standart #livre .livre-left{width:11%;margin-right:3%;float:left;}
#auteur .cont-standart #livre .livre-left img{width:100%; height:auto;}
#auteur .cont-standart #livre .livre-right{width:86%;float:left;}
#auteur .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#auteur .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#auteur .cont-standart #livre span a{width:30%; margin-left:5%;float:left; margin-bottom:2%;}
#auteur .cont-standart #livre span:first-child a{margin-left:0;}
#auteur .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#auteur .cont-standart #livre span:nth-child(6) a, #auteur .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#auteur .cont-standart #livre span:nth-child(4) a, #auteur .cont-standart #livre span:nth-child(7) a, #auteur .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#auteur .cont-standart #livre span a img:hover{border:1px solid #1a4298; opacity:0.8;}
#auteur .cont-standart .new{position:absolute;top:-5px;right:-5px}


#jeunesse .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#jeunesse .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#37c1d9; padding-bottom:10px; padding-right:100px;display:inline-block;}
#jeunesse .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#jeunesse .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#jeunesse .cont-standart #livre .livre-left img{width:100%; height:auto;}
#jeunesse .cont-standart #livre .livre-right{width:77%;float:left;}
#jeunesse .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#jeunesse .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#jeunesse .cont-standart #livre span a{width:30%; margin-left:5%;float:left;display:block;height:auto;margin-bottom:10px;}
#jeunesse .cont-standart #livre span:first-child a{margin-left:0;}
#jeunesse .cont-standart #livre span:nth-child(6) a, #jeunesse .cont-standart #livre span:nth-child(11) a{clear: none;margin-left:5%;}
#jeunesse .cont-standart #livre span:nth-child(4) a, #jeunesse .cont-standart #livre span:nth-child(7) a, #jeunesse .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#jeunesse .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#jeunesse .cont-standart #livre span a img:hover{border:1px solid #37c1d9; opacity:0.8;}
#jeunesse .cont-standart .new{position:absolute;top:-5px;right:-5px}



#adulte .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#adulte .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#78797c; padding-bottom:10px; padding-right:100px;display:inline-block;}
#adulte .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#adulte .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#adulte .cont-standart #livre .livre-left img{width:100%; height:auto;}
#adulte .cont-standart #livre .livre-right{width:77%;float:left;}
#adulte .cont-standart #livre  a.button{height:22px; background-color:#78797c; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#adulte .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#adulte .cont-standart #livre span a{width:30%; margin-left:5%;float:left;}
#adulte .cont-standart #livre span:first-child a{margin-left:0;}
#adulte .cont-standart #livre span:nth-child(6) a, #adulte .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#adulte .cont-standart #livre span:nth-child(4) a, #adulte .cont-standart #livre span:nth-child(7) a, #adulte .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#adulte .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#adulte .cont-standart #livre span a img:hover{border:1px solid #78797c; opacity:0.8;}
#adulte .cont-standart .new{position:absolute;top:-5px;right:-5px}





.breadcrumbs h6{width:99%;height:25px;background-color:#1a4298;font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; padding-top:5px; padding-left:1%}
.breadcrumbs h6 b a {font-size:28px; line-height:40%;}
}
/*------TELEPHONE PAYSAGE----*/
@media screen and (min-width:431px) and (max-width:639px) {
	
	#gauche-price{width:100%; margin-right:0%; float:none;}
#droite-price{width:100%; float:none;}

.header-wrapper{height:75px;  width:100%; background-image:none; background-position:right top; background-repeat:no-repeat;}
#mobile-menu{display:none}
.mobile-nav{display:block;}
.menu{display:none;}
#hide-bc{display:block;}
.content-wrapper2{ max-width:1400px;width:94%;  position:relative;}
.content-wrapper2 .leftBar{ width:100%; float:none; position: relative;  margin-right:0%;margin-bottom:0px;} 
.content-wrapper2 .leftBar .seperator{ border: 1px solid #adc6de; margin-top:19px; margin-bottom:15px;}
.content-wrapper2 .rightBar{ width:100%;  background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); float: none;  left:0px; display:block; height:100%; overflow:hidden; position:relative; margin-bottom:0px;margin-top:0px; }
.content-wrapper2 .rightBar .rightContent{ margin:16px;overflow:hidden; }

.cycle-pager { width:auto; position:absolute; bottom:30px;right:25px; z-index:999;display:none;}
#wrapper{ border:1px solid red;width:100%;  margin:0px auto 0 auto; position:relative; height:175px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}

.breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:none}
#jeunesse .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}
#adulte .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}
#auteur .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}
.productWrapper .one li{width:100%; float:none;margin-left:0; margin-top:0px; margin-bottom:0px;}
.productWrapper .one li:nth-child(odd){margin-left:0;}

form {display:block;}

.cont-standart {margin-bottom:25px;padding:6%; width:88%;}
.cont-standart .bloc-1-2{width:100%; margin-left:0;float:none;}
.cont-standart .bloc-1-2:first-child{margin-bottom:35px;}

.productWrapper { width:100%; height:100%;  margin-top:15px;padding: 0 0% 0% 0%;}
.productWrapper .left { width:100%; float:none; }
.productWrapper .right { width:100%; float:none;margin-left:0;}

.productWrapper .left .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .left .productBox .rightcol{ width:65%;float:right;}

.productWrapper .right .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .right .productBox .rightcol{ width:65%;float:right;} 

#mobile-menu li{width:33%; margin-left:0.5%;float:left;}

.cycle-slides b{position:absolute; bottom:-35px; right:10px; text-transform:uppercase; color:#000000;font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;text-align:right}

footer{width:100%; height:25px; padding:16px; background-color:#1a4298; z-index:8000; position:relative;   }
footer .text{ font-family: 'Roboto', sans-serif; font-style:italic; font-size:15px; color:#fff; margin-top:5px; float:left; }
footer .icon{ margin-top:0;float:right; margin-left:5px; margin-right:10px; }
footer .icon2{margin-top:0; margin-right:30px;float:right; margin-left:5px; }


.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;display:none;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:block;}




#auteur .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#auteur .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#1a4298; padding-bottom:10px; padding-right:100px;display:inline-block;}
#auteur .cont-standart # b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#auteur .cont-standart #livre .livre-left{width:11%;margin-right:3%;float:left;}
#auteur .cont-standart #livre .livre-left img{width:100%; height:auto;}
#auteur .cont-standart #livre .livre-right{width:86%;float:left;}
#auteur .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#auteur .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#auteur .cont-standart #livre span a{width:30%; margin-left:5%;float:left; margin-bottom:2%;}
#auteur .cont-standart #livre span:first-child a{margin-left:0;}
#auteur .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#auteur .cont-standart #livre span:nth-child(6) a, #auteur .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#auteur .cont-standart #livre span:nth-child(4) a, #auteur .cont-standart #livre span:nth-child(7) a, #auteur .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#auteur .cont-standart #livre span a img:hover{border:1px solid #1a4298; opacity:0.8;}
#auteur .cont-standart .new{position:absolute;top:-5px;right:-5px}


#jeunesse .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#jeunesse .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#37c1d9; padding-bottom:10px; padding-right:100px;display:inline-block;}
#jeunesse .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#jeunesse .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#jeunesse .cont-standart #livre .livre-left img{width:100%; height:auto;}
#jeunesse .cont-standart #livre .livre-right{width:77%;float:left;}
#jeunesse .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#jeunesse .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#jeunesse .cont-standart #livre span a{width:30%; margin-left:5%;float:left;display:block;height:auto;margin-bottom:10px;}
#jeunesse .cont-standart #livre span:first-child a{margin-left:0;}
#jeunesse .cont-standart #livre span:nth-child(6) a, #jeunesse .cont-standart #livre span:nth-child(11) a{clear: none;margin-left:5%;}
#jeunesse .cont-standart #livre span:nth-child(4) a, #jeunesse .cont-standart #livre span:nth-child(7) a, #jeunesse .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#jeunesse .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#jeunesse .cont-standart #livre span a img:hover{border:1px solid #37c1d9; opacity:0.8;}
#jeunesse .cont-standart .new{position:absolute;top:-5px;right:-5px}



#adulte .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#adulte .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#78797c; padding-bottom:10px; padding-right:100px;display:inline-block;}
#adulte .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#adulte .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#adulte .cont-standart #livre .livre-left img{width:100%; height:auto;}
#adulte .cont-standart #livre .livre-right{width:77%;float:left;}
#adulte .cont-standart #livre  a.button{height:22px; background-color:#78797c; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#adulte .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#adulte .cont-standart #livre span a{width:30%; margin-left:5%;float:left;}
#adulte .cont-standart #livre span:first-child a{margin-left:0;}
#adulte .cont-standart #livre span:nth-child(6) a, #adulte .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#adulte .cont-standart #livre span:nth-child(4) a, #adulte .cont-standart #livre span:nth-child(7) a, #adulte .cont-standart #livre span:nth-child(10) a{clear:both;margin-left:0;}
#adulte .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#adulte .cont-standart #livre span a img:hover{border:1px solid #78797c; opacity:0.8;}
#adulte .cont-standart .new{position:absolute;top:-5px;right:-5px}




.breadcrumbs h6{width:97%;height:25px;background-color:#1a4298;font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px; color:#ffffff; text-transform:uppercase; padding-top:7px; padding-left:3%}
.breadcrumbs h6 a{display:none;}
.breadcrumbs h6 b a{display:inline-block;}
.breadcrumbs h6 b a {font-size:28px; line-height:40%;}
}
/*------TELEPHONE PORTRAIT----*/
@media screen and (max-width:430px) {	
#gauche-price{width:100%; margin-right:0%; float:none;}
#droite-price{width:100%; float:none;}

.header-wrapper{height:75px;  width:100%; background-image:none; background-position:right top; background-repeat:no-repeat;}
#mobile-menu{display:none}
.mobile-nav{display:block;}
.menu{display:none;}

#hide-bc{display:block;}

.content-wrapper2{ max-width:1400px;width:94%;  position:relative;}
.content-wrapper2 .leftBar{ width:100%; float:none; position: relative;  margin-right:0%;margin-bottom:0px;} 
.content-wrapper2 .leftBar .seperator{ border: 1px solid #adc6de; margin-top:19px; margin-bottom:15px;}
.content-wrapper2 .rightBar{ width:100%;  background-color:#FFF; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); float: none;  left:0px; display:block; height:100%; overflow:hidden; position:relative; margin-bottom:0px;margin-top:0px; }
.content-wrapper2 .rightBar .rightContent{ margin:16px;overflow:hidden; }

.cycle-pager { width:auto; position:absolute; bottom:30px;right:25px; z-index:999;display:none;}
#wrapper{ border:1px solid red;width:100%;  margin:0px auto 0 auto; position:relative; height:150px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}

.breadcrumbs-acc{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:none}
#jeunesse .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}
#adulte .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}
#auteur .breadcrumbs{ height:auto; width:100%; background-repeat:no-repeat;position:relative;display:block;}

#mobile-menu li{width:33%; margin-left:0.5%;float:left;}

.productWrapper { width:100%; height:100%;  margin-top:15px;padding: 0 0% 0% 0%;}
.productWrapper .left { width:100%; float:none; }
.productWrapper .right { width:100%; float:none;margin-left:0;}
.productWrapper .one li{width:100%; float:none;margin-left:0; margin-top:0px; margin-bottom:0px;}
.productWrapper .one li:nth-child(odd){margin-left:0;}

.cont-standart {margin-bottom:25px; padding:6%; width:88%;}
.cont-standart .bloc-1-2{width:100%; margin-left:0;float:none;}
.cont-standart .bloc-1-2:first-child{margin-bottom:35px;}
.cont-standart:last-child p{text-align:justify}

form {display:block;}

.productWrapper .left .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .left .productBox .rightcol{ width:65%;float:right;}

.productWrapper .right .productBox .leftcol{ width:30%; height:auto; margin-right:5%; float:left;}
.productWrapper .right .productBox .rightcol{ width:65%;float:right;} 

.cycle-slides b{position:absolute; bottom:-40px; right:10px; text-transform:uppercase; color:#000000;font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;text-align:right}

footer{width:100%; height:25px; padding:16px; background-color:#1a4298; z-index:8000; position:relative;   }
footer .text{ font-family: 'Roboto', sans-serif; font-style:italic; font-size:15px; color:#fff; margin-top:5px; float:left; }
footer .icon{margin-top:0; float:right; margin-left:5px; margin-right:10px; }
footer .icon2{margin-top:0;margin-right:30px;float:right; margin-left:5px; }
#hide-bc{display:block;}

.content-wrapper2 .rightBar .rightContent .VacantDiv { height:auto;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img {width:100%; height:auto;display:none;}
.content-wrapper2 .rightBar .rightContent .VacantDiv img:last-child{display:block;}

.news {width:100%;height:auto; padding-bottom:5px;}
.news-left{width:100%;margin-right:0%;float:none;}
.news-left img{width:100%; height:auto;}
.news-right{width:100%;float:none;}



#auteur .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#auteur .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#1a4298; padding-bottom:10px; padding-right:100px;display:inline-block;}
#auteur .cont-standart # b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#auteur .cont-standart #livre .livre-left{width:11%;margin-right:3%;float:left;}
#auteur .cont-standart #livre .livre-left img{width:100%; height:auto;}
#auteur .cont-standart #livre .livre-right{width:86%;float:left;}
#auteur .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#auteur .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#auteur .cont-standart #livre span a{width:47.5%; margin-left:5%;float:left; margin-bottom:2%;}
#auteur .cont-standart #livre span:first-child a{margin-left:0;}
#auteur .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#auteur .cont-standart #livre span:nth-child(6) a, #auteur .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#auteur .cont-standart #livre span:nth-child(4) a, #auteur .cont-standart #livre span:nth-child(7) a, #auteur .cont-standart #livre span:nth-child(10) a{clear:none;margin-left:5%;}
#auteur .cont-standart #livre span:nth-child(odd) a{clear:both;margin-left:0;}
#auteur .cont-standart #livre span a img:hover{border:1px solid #1a4298; opacity:0.8;}
#auteur .cont-standart .new{position:absolute;top:-5px;right:-5px}


#jeunesse .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#jeunesse .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#37c1d9; padding-bottom:10px; padding-right:100px;display:inline-block;}
#jeunesse .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#jeunesse .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#jeunesse .cont-standart #livre .livre-left img{width:100%; height:auto;}
#jeunesse .cont-standart #livre .livre-right{width:77%;float:left;}
#jeunesse .cont-standart #livre  a.button{height:22px; background-color:#37c1d9; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#jeunesse .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#jeunesse .cont-standart #livre span a{width:47.5%; margin-left:5%;float:left;display:block;height:auto;margin-bottom:10px;}
#jeunesse .cont-standart #livre span:first-child a{margin-left:0;}
#jeunesse .cont-standart #livre span:nth-child(6) a, #jeunesse .cont-standart #livre span:nth-child(11) a{clear: none;margin-left:5%;}
#jeunesse .cont-standart #livre span:nth-child(4) a, #jeunesse .cont-standart #livre span:nth-child(7) a, #jeunesse .cont-standart #livre span:nth-child(10) a{clear:none;margin-left:5%;}
#jeunesse .cont-standart #livre span:nth-child(odd) a{clear:both;margin-left:0;}
#jeunesse .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#jeunesse .cont-standart #livre span a img:hover{border:1px solid #37c1d9; opacity:0.8;}
#jeunesse .cont-standart .new{position:absolute;top:-5px;right:-5px}



#adulte .cont-standart h3{ font-family: 'Roboto', sans-serif; font-weight:600; font-size:18px; color:#000; margin-top:0px; text-transform:uppercase;line-height:20px;}
#adulte .cont-standart span.aut{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#78797c; padding-bottom:10px; padding-right:100px;display:inline-block;}
#adulte .cont-standart #livre b{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; color:#000000;  text-transform:uppercase;}
#adulte .cont-standart #livre .livre-left{width:20%;margin-right:3%;float:left;}
#adulte .cont-standart #livre .livre-left img{width:100%; height:auto;}
#adulte .cont-standart #livre .livre-right{width:77%;float:left;}
#adulte .cont-standart #livre  a.button{height:22px; background-color:#78797c; color:#ffffff;display:inline-block; float:right; padding:8px 10px 5px 10px;font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px;  text-transform:uppercase;}
#adulte .cont-standart #livre  a.button:hover{background-color:#1a4298;}
#adulte .cont-standart #livre span a{width:47.5%; margin-left:5%;float:left;}
#adulte .cont-standart #livre span:first-child a{margin-left:0;}
#adulte .cont-standart #livre span:nth-child(6) a, #adulte .cont-standart #livre span:nth-child(11) a{clear:none;margin-left:5%;}
#adulte .cont-standart #livre span:nth-child(4) a, #adulte .cont-standart #livre span:nth-child(7) a, #adulte .cont-standart #livre span:nth-child(10) a{clear:none;margin-left:5%;}
#adulte .cont-standart #livre span:nth-child(odd) a{clear:both;margin-left:0;}
#adulte .cont-standart #livre span a img{width:100%; height:auto;border:1px solid #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#adulte .cont-standart #livre span a img:hover{border:1px solid #78797c; opacity:0.8;}
#adulte .cont-standart .new{position:absolute;top:-5px;right:-5px}





.breadcrumbs h6{width:97%;height:25px;background-color:#1a4298;font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px; color:#ffffff; text-transform:uppercase; padding-top:7px; padding-left:3%}
.breadcrumbs h6 a{display:none;}
.breadcrumbs h6 b a{display:inline-block;}
.breadcrumbs h6 b a {font-size:28px; line-height:40%;}

}




/*----- FIX SLIDE -----*/

@media screen and (min-width:280px) and (max-width:350px) {
.logo{border:none}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:165px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
.cycle-slides b{font-size:14px;}
}
@media screen and (min-width:351px) and (max-width:430px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:165px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
.cycle-slides b{font-size:15px;}
}
@media screen and (min-width:431px) and (max-width:539px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:200px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
.cycle-slides b{font-size:15px;}
}
@media screen and (min-width:540px) and (max-width:639px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:225px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
.cycle-slides b{font-size:15px;}
}
@media screen and (min-width:640px) and (max-width:760px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:200px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
.cycle-slides b{font-size:15px;}
}
@media screen and (min-width:761px) and (max-width:860px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:220px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:861px) and (max-width:960px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:235px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:961px) and (max-width:1060px) {
.logo{border:none}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:250px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:1061px) and (max-width:1160px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:275px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:1161px) and (max-width:1260px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:285px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:1261px) and (max-width:1360px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:310px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:1361px) and (max-width:1460px) {
.logo{border:none;}
#wrapper { width:100%;  margin:0px auto 0 auto; position:relative; height:325px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}
@media screen and (min-width:1400px) {
.logo{border:none;}
#wrapper {width:100%;  margin:0px auto 0 auto; position:relative; height:340px;display:inline-block ;border:15px solid #ffffff; border-bottom:40px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.20);}
}