@media (min-width:1440px){}
@media (min-width:1200px){
.container {
width: 1200px !important;
}
}
@media (min-width:1440px) AND (max-width:1540px){}
@media (min-width:1370px) AND (max-width:1440px){}
@media (min-width:768px) AND (max-width:1024px){}
@media (max-width:1440px){}
@media (min-width:1025px) AND (max-width:1200px){
#menu .navbar li a {padding: 5px 10px;}
#bottom-header #btn-scoll {margin: 200px auto auto;}
#block-box-six #bloc2 a {margin: 0 40px 0 0;}
#top-footer #bloc3 a {font-size: 8px;}
#bottom-footer .container #bloc2 a {font-size: 9px;}
}
@media (min-width:1025px){
.dropdown>a:before{
content: '';
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height:2px;
z-index: 1;
transition:0.4s ease all;
background: #1fbe6f;
}
.nav>li>a:hover:before,
.nav li a.active:before,
.nav>li>a:focus:before{
width: 100% !important;
}
.navbar-collapse.collapse{display: block;}
.navbar-toggle{display:none}
}
@media (max-width:1024px){
#top-header {
padding-top: 50px !important;
}
.row.top-header #logo {
float: none;
margin: auto;
}
#slogon {
position: relative;
z-index: 1;
padding: 55px 0 0;
}
#slogon h1 {
font-size: 58px;
line-height: 65px;
}
#bottom-header {
min-height: 10px;
}
#block-box-second h2,
#block-box-trois h2,
#block-box-cinq h2{
font-size: 40px;
line-height: 68px;
}
#block-box-six #bloc2 a {
margin: 0 30px 0 0;
}
#top-footer #bloc3 a {font-size: 8px;}
.nav>li>a:hover, .nav li a.active, .nav>li>a:focus,
#menu .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
color: #1fbe6f !important;
background: #fff;
}
.dropdown-submenu>a:after{border-top:4px dashed;border-top:4px solid\9;border-left:4px solid transparent;border-right:4px solid transparent}
.dropdown-submenu>.dropdown-menu{top:100%!important;left:0!important}
#menu{background:#1fbe6f !important;position:fixed!important;top:0;left:0;width:100%;min-height:20px!important;z-index:9999;padding:0!important;border-bottom:1px solid #ffffff;box-shadow:0 1px 4px rgba(0,0,0,.3);margin: 0 !important}
.dropdown-menu-fixed .dropdown-menu {background: #10101d ;}
#menu .dropdown-menu{min-width:100% !important;left:0 !important;top:100% !important;background:#10101d  !important;}
#menu #navbar {padding: 0;}
#menu .navbar-toggle{background:url(../img/ico-menu.png) center no-repeat;padding:0;margin-top:10px;margin-right:25px;margin-bottom:10px;border-radius:0;width:33px;height:30px;border:none}
#menu .navbar,#menu .navbar-nav>li{background:0 0!important;width:100%}
#menu .navbar{float:none;text-align:center;padding:0}
#menu .navbar-nav>li{display:block!important;float:none!important;padding:0 !important;margin:0!important}
#menu .navbar li a,#menu .navbar li.dropdown>a,#menu .navbar-nav{padding:5px 0!important;}
#menu .navbar li a,#menu .navbar-nav{float:none;width:100%;text-align:center}
#menu .navbar li a{margin:0!important;display:block;color: #fff}
#menu .navbar-nav{}
#menu .dropdown-menu li a{color: #000}
}
@media (min-width:992px){
#demandeurs_emploi #slogon {
padding: 140px 0 0;
}
#demandeurs_emploi #slogon h1 {
font-size: 78px;
line-height: 95px;
padding: 0;
margin: 0 0 10px;
}
#demandeurs_emploi #top-block-box {
margin-bottom: 80px !important;
}
#demandeurs_emploi #block-box-second {
position: relative;
overflow: hidden;
min-height: 20px;
padding: 80px 0 !important;
margin-bottom: 55px;
background: url(../img/fond-box-second-emploi.jpg) center top;
}
#entreprise #slogon h1{
line-height: 96px;
}
#entreprise #bottom-block-box .box .bloc_image {
padding: 35px 0 0;
margin: auto auto 25px;
}
#temoignage #bottom-header #btn-scoll {
margin: 184px auto auto;
}
#entreprise #bottom-header #btn-scoll {
margin: 198px auto auto;
}
#entreprise #top-block-box {
margin-bottom: 50px !important;
}
#entreprise #bottom-block-box .row {
margin: auto auto 100px;
}
#entreprise #bottom-block-box .box {
width: 30%;
}
#entreprise #block-box-second {
position: relative;
overflow: hidden;
min-height: 20px;
padding: 112px 0 105px !important;
}
#entreprise #block-box-second h2 {
font-size: 48px;
line-height: 62px;
margin: 0 0 8px;
}
#entreprise #block-box-second h3 {
font-family: 'montserratextralight';
font-size: 30px;
line-height: 34px;
font-weight: bold;
padding: 0 170px;
letter-spacing: 1px;
}
#entreprise #block-box-cinq {
margin-bottom: 105px;
}
}
@media (max-width:992px){
#top-footer #bloc2 {padding: 15px !important;}
#entreprise #block-box-cinq p {
padding: 0 15px;
}
#bottom-block-box .box {
margin: auto auto 25px;
display: block;
width: 100%;
}
#temoignage #slogon h4{
padding: 0 15px;
}
#temoignage #block-box-1,
#temoignage #block-box-3{
margin-bottom: 45px
}
#temoignage #block-box #bloc1-block-box,
#temoignage #block-box #bloc2-block-box,
#temoignage #block-box #bloc3-block-box,
#temoignage #block-box #bloc4-block-box{
position: relative;
height: 350px;
margin: auto;
width: 100%;
display: block;
float: none;
}
#Inscription .bloc-form-Inscription .form-Inscription label.label-radio {
float: left;
display: block;
width: 100%;
}
#Inscription .bloc-form-Inscription .form-Inscription .bloc-radio .radio label:last-child {
}
#Inscription .bloc-form-Inscription .form-Inscription .bloc-radio .radio {
float: right;
display: block;
margin: 0 !important;
width: 100%;
padding: 0 0px 0 30px;
}
#Inscription .bloc-form-Inscription .form-Inscription .bloc-radio .radio label {
width: 42%;
}
#connexion #bloc-connexion,
#Inscription #bloc-Inscription {
width: 80%;
}
#block-box-quatre-appr #bloc1 img,
#block-box-quatre-appr #bloc3 img{
float: none;
margin: auto auto 15px;
display: block
}
#bottom-header #btn-scoll {
margin: 80px auto auto;
}
#block-box-six #bloc1 {
text-align: center;
padding: 15px 0!important;
}
#block-box-six #bloc2 a {
margin: auto 25px;
float: none;
display: inline-table;
}
#block-box-six #bloc2 {
margin: auto;
display: table;
width: auto !important;
text-align: center;
float: none;
}
}
@media (min-width: 768px){
.container {
width: 100%;
}
}
@media (max-width:767px){
#demandeurs_emploi #block-box-trois h2 ,
#demandeurs_emploi #block-box-quatre-appr h2{
font-size: 24px;
line-height: 30px;
}
#demandeurs_emploi #block-box-trois #bloc1 {
padding: 0  !important;
}
#entreprise #block-box-quatre .container h3 {
font-size: 24px;
line-height: 30px;
}
#temoignage #block-box #bloc2-block-box,
#temoignage #block-box #bloc4-block-box{
margin-bottom: 25px
}
#temoignage #block-box-4 {
min-height: 20px;
}
#temoignage #block-box .box {
min-height: 20px;
padding: 0 15px;
font-size: 24px;
line-height: 28px;
}
#temoignage #bloc-desc-temg {
min-height: 20px;
overflow: hidden;
text-align: center;
padding: 0 0 35px;
font-size: 14px;
color: #888888;
line-height: 22px;
font-family: 'open_sansregular';
font-weight: normal;
}
#temoignage #block-box #bloc1-block-box, #temoignage #block-box #bloc2-block-box, #temoignage #block-box #bloc3-block-box, #temoignage #block-box #bloc4-block-box {
height: 210px;
}
#temoignage #bottom-header {
margin: 0 !important;
}
#temoignage #slogon h4 {
padding: 0 15px;
font-size: 13px;
margin-bottom: 8px;
}
#temoignage #block-box h2 {
font-size: 18px;
line-height: 24px;
margin: 0 0 25px;
}
#temoignage #bottom-header #btn-scoll {
margin: auto;
}
#contact #block-box-trois-contact #bloc1 .btn{margin-bottom: 35px !important}
#contact #block-box-trois-contact .container{
padding: 0 !important;
}
#contact #bottom-header {
min-height: 40px;
}
#contact #block-box-trois-contact #bloc2 #bx1,
#contact #block-box-trois-contact #bloc2 #bx2{
padding: 0;
}
#connexion .bloc-form-connexion .form-connexion,
#Inscription .bloc-form-Inscription .form-Inscription {
padding: 17px ;
}
#connexion #bloc-connexion, #Inscription #bloc-Inscription {
width:100%;
}
#connexion .bloc-form-connexion,
#Inscription .bloc-form-Inscription {
padding: 0 5px 62px;
}
#bottom-footer .container #bloc2 a {
font-size: 8px;
line-height: 13px;
padding: 0 2px;
}
#bottom-footer .container #bloc1 {
margin-bottom: 10px;
}
#top-footer #bloc3 .row .col-xs-12.sep_box {
padding-right: 0;
}
#top-footer #bloc3 .row .col-xs-12 {
margin-bottom: 10px;
}
#top-footer #bloc3 .row {
margin-bottom: 0;
}
#block-box-six #bloc2 a {
margin: auto auto 25px;
float: none;
display: block;
}
#block-box-quatre {
min-height: 30px;
margin-bottom: 50px;
}
#block-box-quatre .container:before {
height: 40px;
width: 40px;
top: -45px;
left: 4px;
background-size: 28px;
}
#block-box-quatre .container:after {
height: 40px;
width: 40px;
top: -45px;
right: 4px;
background-size: 28px;
}
#block-box-quatre #bloc1 {
padding: 0 !important;
}
#block-box-trois p {
padding: 0;
}
#block-box-second h3,
#block-box-trois h3,
#block-box-quatre h2,
#block-box-cinq h3{
font-size: 17px;
line-height: 25px;
}
#block-box-second h2, #block-box-trois h2, #block-box-cinq h2 {
font-size: 24px;
line-height: 30px;
}
#block-box-second p {
padding: 0;
}
#bottom-block-box .row {
margin: auto auto 25px;
}
#bottom-header {
margin: 0 0 25px !important;
}
#top-block-box h2 {
font-size: 17px;
line-height: 22px;
}
#top-block-box h1 {
font-size: 26px;
line-height: 40px;
}
#slogon h2 {
text-align: center;
font-size: 14px;
line-height: 23px;
}
#slogon h1 {
font-size: 26px;
line-height: 32px;
}
#myCarousel .item img {
width: 100%;
left: -250px;
position: absolute;
top: 0 !important;
}
#myCarousel .item {
position: absolute;
height: 100%;
top: 0;
width: 335%;
}
#bloc-right #bloc2{
width: 50%;
float: left
}
#bloc-left #bloc1,
#bloc-left #bloc2,
#bloc-left #bloc3{
float: none;
display: table;
margin: 10px auto;
text-align: center;
padding:0 25px !important
}
#bloc-left #bloc2 a,
#bloc-left #bloc3 a{
float: none;
display: block;
margin:0;
text-align: center;
}
#bottom-block-box .box {
margin: auto auto 25px;
display: block;
}
}