body{background:#EBEAEA;font-family:'Open Sans',sans-serif}
.w100{width:100%}
.bx-wrapper .bx-controls-direction a{ z-index: 100; }
a:hover,a:focus{color:#ea148c;text-decoration:underline}
.hand{cursor: pointer;}
img{object-fit:cover}
.sticky-container{
padding:0px;
margin:0px;
position:fixed;
right:-176px;
top:230px;
width:210px;
z-index: 1100;
}
.sticky li{
list-style-type:none;
/*background-color:#fff;*/
color:#efefef;
padding:0px;
height: 35px;
margin:0px 0px 10px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor:pointer;
}
ul.sticky {
padding: 0;
padding-left: 0;
}
.sticky li img{
float:left;
margin:0;
margin-right:5px;
width: 35px;
height: 35px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.sticky li p{
padding-top:5px;
margin:0px;
line-height:16px;
font-size:11px;
}
.sticky li p a{
text-decoration:none;
color:#2C3539;
}
.sticky li p a:hover{
text-decoration:underline;
}
.section:nth-child(even){background:#dedede}
.no-padding{padding:0!important}
.no-padding-right{padding-right:0!important}
.no-padding-left{padding-left:0!important}
.no-bg{background:none!important}
.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ededed}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.section{position:relative;padding-top:55px;padding-bottom:20px;clear:both}
.header{background:#FFF;padding:10px 20px;text-align:center;display:block;border:none;z-index:1;width:100%}
.header .texte span{font-size:1.7vw;color:gray;font-weight:100;font-style:italic}
.header .texte{margin-top:15px}
.header .acces-recruteur{text-transform:uppercase;text-align:center;background:#ebeaea;color:#0397ad;padding:5px 0;font-size:.85vw}
.header .acces-recruteur-1 {text-transform: uppercase;text-align: left;background: #fff;color: #0397ad;padding: 8px 0 0 0;padding-left: 17px !important;position: relative;bottom: 3px;}
.DropMenu{background:#fff;color:#000;border:1px solid gray;float:right;font-size:17px;}
.DropMenuMenu{float: right;position: absolute;right: 0;margin-top: 0;left: -240px;border-radius: 0;}
.DropMenu2{background:#fff;color:#000;border:1px solid gray;float:right;font-size:9px;margin-top:-80px;width:24px;padding:0}
.DropMenuMenu2{float:right;position:absolute;right:0;margin-top:-60px;left:73%;border-radius:0}
.DropMenu:hover,.DropMenu:active,.DropMenu:focus{background-color:#ea148c!important;border-color:#d3394c!important}
.menu{background:linear-gradient(to bottom,#7b7b7b 0%,rgba(0,0,0,0) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#00000',GradientType=0);text-align:center;height:75px;position:relative;z-index:1;width:100%}
.menu li{list-style:none;display:inline-block;padding:0 10px;border:1px solid #fff;margin:25px 8px;color:#fff;font-size:1vw}
.menu li a{color:#fff;text-decoration:none}
.mini-menu{padding:3px 3%;background:#fff;border:none;position:fixed;top:0;z-index:99999;width:100%;border-bottom: 1px solid #f0f0f0;}
.mini-menu-li{text-align:center;height:60px;z-index:1;float:right;cursor:pointer}
.mini-menu-li li:hover,.mini-menu-li li.active {background: #ea148c;color: #fff!important;border: 1px solid #fff;}
.mini-menu-li li:hover > a,.mini-menu-li li.active > a{ color:#fff !important;text-decoration: none; }
.mini-menu-li li{list-style:none;display:inline-block;border:1px solid silver;margin:22px 10px;color:silver;padding:0 5px}
.mini-menu .mini-logo{float:left;margin:5px 0;}
ul#menu{margin-top:15px}
.bx-wrapper .bx-viewport{border:none;left: 0;}
.bx-wrapper .bx-prev{left:10px;background:url(http://www.assistantepro.com/tests/css/images/controls.png) no-repeat 0 -32px #fff;border-radius:20px}
.bx-wrapper .bx-next{right:10px;background:url(http://www.assistantepro.com/tests/css/images/controls.png) no-repeat -43px -32px #fff;border-radius:20px}
.section.slider_une.slider{position:relative;top:-75px}
.slider .pink-border{border:3px solid #ea148c;z-index:1;position:absolute;top:11%;left:3%;padding:10px;background:rgba(255,255,255,0.77)}
.slider .pink-border .padding{padding:15px;padding-bottom:10px}
.slider .pink-border .head .rejoinez{color:#0398ae;font-size:1.6vw}
.slider .pink-border .head{font-size:1.7vw;font-weight:600;color:#ea148c;margin-bottom:5px}
.slider .pink-border .title-rose{font-size:1.2vw;margin-top:15px}
.slider .pink-border ul{list-style:none;font-style:italic;font-weight:600;line-height:25px;font-size:16px;margin-left:0;padding-left:20px}
.slider .pink-border ul li::before{content:"•";color:#ea148c;font-size:37px;font-style:normal;position:relative;top:7px;right:5px}
.btn-pink{background:#ea148c;color:#fff;border:none;border-radius:0;font-size:18px;margin-top:15px;padding:8px 16px;font-weight:600;margin-bottom:15px;border:1px solid #ea148c}
.slider .logo{float:right;position:relative;top:-43px;right:-7px;width:65%!important}
.slider .bx-wrapper img{width:100%}
.slider .gratuites{font-size:15px;font-style:italic}
.defiSlider{width:373px}
.img-jeu-concours-slider{height:260px;object-fit:cover}
.preview img,.previewLaune img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;min-height:100%;min-width:100%}
span.voir-tout{color:silver;float:right;padding:15px 0;font-size:13px}
.holder{background:#fff;padding:5px 20px 0;margin:0 15px;box-shadow:3px 3px 10px rgba(0,0,0,0.18);margin-bottom:35px}
.holder .h2{font-size:25px;margin:10px 0 20px;float:left;color:#ea148c}
.laune{padding:0;border-left:1px solid silver}
.previewLaune{float:left;width:100%;height:370px;overflow:hidden;position:relative;margin-bottom:10px}
.laune .title{font-size:34px;font-weight:700;color:#939292;line-height:40px;padding-bottom:15px;padding-top:15px}
.laune .desc{color:#939292;font-size:13px;padding-bottom:15px;padding-top:5px}
.laune .date{float:left;position:relative;bottom:-35px;left:0;font-size:12px}
.laune .lire-article{float:right}
.actualites ul{list-style:none;padding:0;margin:0}
.actualites li{border-bottom:1px solid silver;padding:10px 0;text-align:left}
.actualites li:last-child{ border-bottom: none; }
.actualites .preview{overflow:hidden;height:100px}
.actualites .date{font-size:12px;font-weight:700;display:block}
.actualites .titre{font-size:15px;color:gray;width:100%;padding-top:0;height:63px}
.actualites .en-savoir-plus{float:right;color:#ea148c;text-transform:none;font-size:15px}
.app-carriere{color:#fff;background:#ec2799;text-align:center;font-size:25px;padding:5px 0;z-index:99;position:relative}
.app-bootom{height:45px;clear:both;background:#dedede}
.emploi img{width:100%;object-fit:cover}
.espace-candidat .texte-right{position:absolute;height:100%;top:0;left:50%;background:rgba(255,255,255,0.77);font-size:16px;padding:35px 0 0!important}
.espace-candidat .texte-right .h{font-size:25px;margin-bottom:15px;font-weight:700}
.espace-recruteur .texte-left{position:absolute;height:100%;top:0;left:0;background:rgba(255,255,255,0.77);padding:35px 0 0!important}
.espace-recruteur .texte-left .h{font-size:25px;margin-bottom:20px;font-weight:700}
.espace-candidat li{line-height:50px;font-size:17px}
.emploi img{width:100%;object-fit:cover}
.espace-recruteur .btn-pink{width:77%;margin-bottom:0;padding:5px 0;margin-top:75px;background:#129eb2;border:1px solid #129eb2}
.personalite-de-la-semaine > div:nth-child(1),.temoinages > div:nth-child(1){text-align:center;font-size:35px;font-weight:600;margin-top:0}
.personalite-de-la-semaine > div:nth-child(2),.temoinages > div:nth-child(2){text-align:center;color:#ea148c;font-size:22px;line-height:17px}
.personalite-de-la-semaine > div:nth-child(3){border:7px solid #fff;border-radius:225px;width:55%;margin:0 auto;margin-top:30px;box-shadow:3px 3px 7px #a9a9a9}
.personalite-de-la-semaine > div:nth-child(4){text-align:center;padding:15px 0;font-size:17px;font-weight:700;color:#564444}
.personalite-de-la-semaine > div:nth-child(4) small{font-weight:400;color:gray}
.personalite-de-la-semaine > div:nth-child(5){width:80%;margin:0 auto;text-align:center;margin-bottom:20px}
.semaineTemHolder{overflow:hidden;width:300px!important;height:300px!important}
.semaineTemImage{width:300px;height:300px}
.semaineTemImage2{width:150px;height:150px;margin:0 auto;margin-bottom:20px;margin-top:5px}
.semaineTemHolder2{overflow:hidden;width:150px!important;height:150px!important;border:7px solid #fff;border-radius:225px;width:55%;margin:0 auto;margin-top:10px;box-shadow:3px 3px 7px #a9a9a9}
.spaceChwiya{height:20px;clear:both}
.temoinage{margin-bottom:20px;height:auto}
.section.indispensables{padding-top:140px;padding-bottom:190px}
.indispensables .fa{color:#ea148c;font-size:80px;padding:0;height:76px;margin:0 0 20px;position:relative}
.indispensables .big-title{text-align:center;font-size:35px;font-weight:600;margin-top:0}
.indispensables .sub-title{text-align:center;color:#ea148c;font-size:22px;line-height:17px;font-style:italic}
.indispensables .bx-viewport{background:rgba(255,255,255,0)!important;border:none!important;box-shadow:none!important}
.indispensables ul{list-style:none;margin:0;padding:0}
.indispensables .mySlide{width:200px;height:260px;margin:15px auto;background:#fff;box-shadow:3px 3px 10px rgba(128,128,128,0.37);margin-top:15px;padding:5px}
.indispensables .cadre{height:208px;background:#fff;-webkit-box-shadow:inset 0 0 67px -12px rgba(0,0,0,0.24);-moz-box-shadow:inset 0 0 67px -12px rgba(0,0,0,0.24);box-shadow:inset 0 0 67px -12px rgba(0,0,0,0.24);margin:30px auto;background-size:contain;background-image:url(../images/cadeau.png);margin-top:2px}
.indispensables .cadre-texte{font-size:22px;position:relative;bottom:25px;padding-left:0;font-family:'La Belle Aurore',cursive}
.indispensables a.bx-prev{left:-50px!important}
.indispensables a.bx-next{right:-40px!important}
.fiches-pratiques .holder{position:absolute;top:0;right:10%;padding:25px 20px;background:rgba(255,255,255,0.53);font-size:20px;height:100%;z-index:0;padding-top:60px;padding-top:120px;-webkit-box-shadow:none;box-shadow:none}
.fiches-pratiques .title{background:#ea148c;color:#fff;text-align:center;padding:5px 0;margin-bottom:55px;margin-top:100px}
.fiches-pratiques .fiche{background:#fff;margin-bottom:45px;padding:5px 40px;text-align:center;color:#1aa1b5;border:2px solid #ea148c;font-size:19px}
.insideContainer{width:100%;max-width:1800px;margin:0 auto}
.evenements .big-title{text-align:center;font-size:35px;font-weight:600;margin-top:0;margin-bottom:20px}
.evenements .image-jeu-concours{ width: 90%; }
.jeuConcoursAssistante{padding-right:0!important;padding-top:7px!important;float:right}
.specialeAssistante{font-size:22px;padding-top:18px;padding-right:30px;font-style:italic;color:#0594ad;float:right}
.jeu-concours .title{font-size:18px;padding-top:20px;color:#676767}
.form-control{height:45px;border-radius:0;font-size:16px;border:1px solid #acacac;box-shadow:inset 0 1px 1px rgba(0,0,0,0.14);margin:10px 0}
input.form-control,select.form-control{margin-top:0}
.newsletter input{border-radius:0;border:none}
.newsletter{text-align:center;height:300px;width:100%;background:#0699af!important;padding:60px 0!important;margin-top:0}
.newsletter .holder{width:30%;margin:0 auto;background:none;box-shadow:none}
.newsletter .title{color:#fff;font-size:25px;text-transform:uppercase}
.newsletter .sub-title{color:#8ac3cf;font-size:14px;padding-bottom:15px}
.newsletter .btn-pink{background:#016d7d;border:1px solid #016d7d}
.partenaires{text-align:center;background:#fff!important;padding-top:20px;font-size:20px;}
.partenaires .bx-viewport{background:none!important;border:none!important;box-shadow:none!important}
.bxslider-inner{vertical-align:middle;display:inline-block;float:none!important}
.partenaires .bxslider img{width:85%;height:100px;vertical-align:middle;display:inline;margin:auto 0}
.partenaires .bx-wrapper .bx-prev{left:10px}
.partenaires .bx-wrapper .bx-next{right:10px}
.menu-right-col{margin-top: 20px;}
footer.footerSecondPages{background:#4b4b4b!important;color:#dbdbdb;padding:25px 0 0!important}
.footerSecondPages .h4{color:#ea67b0;border-bottom:1px solid #979797;padding-bottom:7px;margin-bottom:25px}
.footerSecondPages ul{list-style:none;padding:0;color:#fff;line-height:25px;font-weight:100}
.footerSecondPages a{color:#fff}
.footer-h4{font-size:11px;padding:0 36px;text-align:center;line-height:26px;padding-bottom:15px}
.footer-h4 h4{font-size:12px;color:#d2d2d2;border:none;padding:0;margin:0;display:inline-block}
.footer-h4 a{color:#d2d2d2}
.copyrightsHolder{background:#393939;padding:20px 0;font-size:12px}
button.close{font-size:30px;color:#000;opacity:.6;font-weight:200}
.modal-header{border:none}
.modal-body{padding:0 70px 20px}
.modal-title{margin-top:10px;clear:both;text-align:center;font-size:23px;color:#0594ad;font-weight:400}
.tick-wide{width:100%;margin:10px 0;font-weight:200}
.inputError{border:1px solid red;background:rgba(255,151,151,0.08)}
.errorText{display:none;color:red;font-size:12px;position:relative;top:-10px;clear:both}
.header .acces-recruteur-1 .dropdown{
float: right;
bottom: 0;
position: absolute;
right: -20px;
}
#mag .holder{
height: 705px;
}
#evenements .holder{
height: 640px;
}
#emploi .femme{
width: 470px;
margin: 70px;
margin-top: 95px;
}
#emploi .righcol{
margin: 105px 0 0 0;
padding-left: 90px;
}
#emploi .fiches-pratiques{
width: 350px;
margin-bottom: 25px;
}
#emploi .btnn{
width: 300px;
margin-bottom: 20px;
margin-left: 55px;
}
#emploi .title{
width: 200px;
margin-top: 20px;
}
#emploi .titles{
width: 245px;
margin-bottom: 20px;
}
#emploi .titles2{
width: 200px;
}
#emploi .demander-fiche{
margin-top: 30px;
}
#emploi .container {
width: 1330px;
}
#fiches_pratiques .femme{
width: 490px;
margin: 70px;
}
#fiches_pratiques .righcol{
margin: 140px 0 0 0;
padding-left: 90px;
}
#fiches_pratiques .fiches-pratiques{
width: 400px;
margin-bottom: 25px;
}
#fiches_pratiques .btnn{
width: 300px;
margin-bottom: 20px;
margin-left: 55px;
}
@media only screen and (max-width: 1400px) {
#mag .holder{
height: 770px;
}
}
@media only screen and (max-width: 1040px) {
#mag .holder{
height: 795px;
}
.mini-menu-li li{
margin: 15px 0px;
}
.mini-menu{
padding: 3px 15px;
}
.mini-menu .mini-logo{
width: 20%;
}
}
@media only screen and (max-width: 1024px) {
#fiches_pratiques .femme{
margin: 40px;
}
#fiches_pratiques .righcol{
margin: 80px 0 0 0;
}
#emploi .femme{
margin-left: 20px;
margin-top: 60px;
}
#emploi .righcol{
margin: 45px 0 0 0;
padding-left: 70px;
}
.laune{
border: none;
}
#mag .holder{
height: auto;
margin: 0 0 20px 5px;
}
#evenements .holder{
height: auto;
margin: 0;
}
.header .acces-recruteur-1{
padding-left: 10px !important;
position: relative;
bottom: 0;
font-size: 12px;
}
.header .acces-recruteur{
font-size: 13px;
}
section.mosaic {
zoom: 86%;
}
.mini-menu-li2 li{margin: 10px -1px!important;font-size: 12px!important; }
.header .texte2 .linkAccess{ font-size: 11px !important; }
.container { width: 1023px !important; }
.menu li{font-size:1.5vw}
.slider .pink-border ul{line-height:22px}
.btn-pink{font-size:15px;margin-top:5px;margin-bottom:5px}
.slider .pink-border .title-rose{font-size:1.8vw}
.slider .pink-border .head .rejoinez{font-size:1.9vw}
.mini-menu-li li{margin:22px 0}
ul#menu{margin-top:0}
.mini-menu .mini-logo{width:17%}
.laune .date{bottom:-15px}
.espace-candidat li{line-height:38px;font-size:16px}
.espace-recruteur .btn-pink{margin-top:30px}
.mauboussin-menu img {height: auto !important;}
.menu-right-col {margin-top: 9px;}
.defiSlider {width: 333px;}
.actualites .titre{font-size: 14px;}
.espace-candidat .texte-right,.espace-recruteur .texte-left{padding: 15px 0 0!important;}
.section.indispensables {padding-top: 100px;padding-bottom: 100px;}
.indispensables .mySlide{width: 150px;height: 193px;}
.indispensables .cadre{height: 150px;}
.indispensables .cadre-texte{font-size: 18px;}
.indispensables a.bx-prev { left: 0px!important; }
.indispensables a.bx-next { right: 0px!important; }
/*.fiches_pratiques img{ height: 420px !important; }*/
.newsletter .holder { width: 50%; }
.facebook-footer { display: none; }
}
@media only screen and (max-width: 768px) {
.partenaires-img{
width: 60%;
}
#fiches_pratiques .righcol{
padding-left: 30px;
margin-top: 20px;
}
#fiches_pratiques .btnn {
width: 250px;
margin-left: 45px;
}
#emploi .femme{
margin-left: 0;
margin-left: 20px;
}
#emploi .righcol{
margin-top: 20px;
padding-left: 35px;
margin-bottom: 20px;
}
#emploi .fiches-pratiques {
width: 295px;
margin-bottom: 15px;
}
#emploi .tableft{
padding: 0;
}
.header2 {
height: auto!important;
}
.logo{
width: 22% !important;
margin: 0 auto;
margin-bottom: 5px;
}
.header .texte2 .linkAccess{
float: left;
font-size: 14px !important;
padding: 0 74px;
}
.semImageHolder{
width: 150px !important;
}
div#indispensable {
padding: 0;
}
.ariana {
padding: 0 !important;
padding-bottom: 15px!important;
margin-bottom: 20px;
margin-top: 20px;
}
.container {
width: 750px !important;
}
.mini-menu-li2 li {
font-size: 14px !important;
}
.col-sm-12.col-md-10.no-paddin-right.texte2{
text-align: center;
}
.section.slider_une.slider{top:0}
.mini-menu-li li {
margin: 3px 1.6px;
font-size: 13px;
margin-top: 13px;
}
ul#menu{
padding: 0;
margin-bottom: 0 !important;
}
.section.slider_une.slider {
top: 0;
margin-top: 99px;
}
.mini-menu-li{
height: 45px;
}
.mini-menu .mini-logo {
width: 20%;
display: block;
margin: 0 auto;
float: none;
position: relative;
top: 5px;
}
img.img-responsive.mag.center-block {
width: 25%;
margin-bottom: 20px;
margin-top: 20px;
}
.col-xs-12.col-sm-12.col-md-4.col-lg-4.actualites {
padding: 0;
}
.espace-candidat li {
line-height: 28px;
font-size: 12px;
}
.espace-candidat .texte-right .h {
font-size: 19px;
margin-bottom: 11px;
}
.espace-recruteur .texte-left .h{
font-size: 19px;
margin-bottom: 11px;
}
.espace-recruteur .btn-pink {
margin-top: 25px;
font-size: 12px;
}
.section{
padding-top: 0;
}
/*.fiches_pratiques img {
height: 295px !important;
}*/
.fiches-pratiques .fiche {
background: #fff;
margin-bottom: 21px;
padding: 5px 40px;
text-align: center;
color: #1aa1b5;
border: 2px solid #ea148c;
font-size: 15px;
}
.fiches-pratiques .holder{
padding-top: 95px;
}
.newsletter{
height: 250px;
padding: 40px 0!important;
}
.newsletter .title{
font-size: 23px;
}
.newsletter .sub-title{
font-size: 12px;
}
.bx-wrapper .bx-viewport{
left: 0;
}
.partenaires{
padding-bottom: 0;
}
div#temoinage {
padding-top: 40px;
}
div#evenements {
padding-top: 50px;
}
.col-xs-12.col-sm-12.col-md-4.col-lg-4.jeu-concours,.col-xs-12.col-sm-12.col-md-4.col-lg-4.defi {
padding: 0;
}
.newsletter2 {
position: relative !important;
bottom: 0 !important;
height: auto !important;
border-top: 1px solid;
padding-top: 20px;
border-bottom: 1px solid;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 425px) {
.navbar-collapse{
max-height: 400px !important;
}
.devenerAnnonceursHolder{
padding: 0;
}
.devenerAnnonceurs a{
height: auto;
}
.modal-title {
font-size: 19px;
}
.modal-body {
padding: 19px 13px;
}
.sticky-container {
padding: 0px;
margin: 0px;
position: fixed;
right: 0;
top: inherit;
width: 100%;
z-index: 1100;
bottom: 0;
background: #4b4b4b;
padding: 5px;
border-top: 1px solid;
}
.sticky li {
float: left;
margin-bottom: 0;
margin-left: 5%;
}
.partenaires-img {
width: 95%;
padding-top: 20px !important;
}
#fiches_pratiques .femme {
margin: 20px 0;
}
#fiches_pratiques .righcol{
padding: 0;
}
#fiches_pratiques .btnn {
margin: 20px auto 20px 30px !important;
}
/*ul.sticky{
display: none;
}*/
div#evenements{
padding: 0;
}
.laune .date{
bottom: 0;
}
img.img-responsive.mag.center-block{
width: 50%;
}
.laune .lire-article{
float: none;
margin: 20px auto;
}
#mag .holder{
margin: 0;
}
.evenements-slider img{
height: 250px !important;
}
.section.indispensables{
padding-top: 50px;
padding-bottom: 50px;
}
.indispensables .mySlide,.indispensables .cadre{
width: auto;
height: auto;
}
.indispensables .big-title{
font-size: 28px;
margin-bottom: 10px;
}
.evenements .big-title{
background: #ea148c;
margin-bottom: 0;
color: white;
padding: 10px 0;
}
.newsletter,#evenements .holder,#mag .holder{
height: auto;
}
#emploi .fiches-pratiques {
width: 315px;
margin-bottom: 30px;
margin-top: 10px;
}
#fiches_pratiques .bg {
height: 640px !important;
}
#emploi .titles2{
margin: 20px auto !important;
}
#emploi .demander-fiche{
margin: 20px auto !important;
}
#emploi .titles{
margin: 0 auto;
margin-bottom: 20px;
}
#emploi .title{
margin-bottom: 20px;
margin-left: 20px;
}
#emploi .femme {
margin: 30px 0 0 0;
}
#emploi .bg {
height: 790px !important;
}
#emploi .righcol{
padding: 0;
}
#emploi .tableft-0 {
padding: 0;
}
.navbar .mini-logo{
width: 126px !important;
position: relative;
top: -12px;
left: -8px;
}
.newsletter2 input{
margin-top: 15px!important;
}
.section.slider_une.slider{
margin-top: 50px;
}
.semaineTemHolder2{
width: 110px!important;
height: 110px!important;
}
.semaineTemImage2 {
width: 110px;
height: 110px;
}
.insideContainer .holder{
margin: 15px 0;
}
.temoinage{
height: 280px;
}
.newsletter{
padding: 24px 0!important;
}
/*.fiches_pratiques img {
height: 230px !important;
}*/
.newsletter .sub-title {
font-size: 19px;
}
.newsletter .holder{
width: 94%;
}
.fiches-pratiques .holder{
right: 5%;
padding-top: 65px;
}
.newsletter .title{
font-size: 25px;
}
.btn-pink{
margin-bottom: 15px;
}
.fiches-pratiques .fiche{
padding: 5px 9px;
font-size: 13px;
}
.container {
width: auto !important;
}
.logo {
width: 45%!important;
}
.ariana {
padding: 20px 15px!important;
padding-bottom: 19px!important;
margin-top: 20px;
padding-left: 0 !important;
}
.sidebox{
margin-bottom: 20px;
}
section.mosaic {
zoom: 68%;
}
.sticky li{
height: 35px;
}
.sticky li img{
width: 35px;
height: 35px;
}
}
@media only screen and (max-width: 320px) {
section.mosaic {
zoom: 50%;
}
}