/* FONT */ @font-face {font-family: "Myriad Pro"; src: url("font/a89cf050c859a23e4b6d9cf5989acf9e.eot"); /* IE9*/ src: url("font/a89cf050c859a23e4b6d9cf5989acf9e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/a89cf050c859a23e4b6d9cf5989acf9e.woff2") format("woff2"), /* chrome、firefox */ url("font/a89cf050c859a23e4b6d9cf5989acf9e.woff") format("woff"), /* chrome、firefox */ url("font/a89cf050c859a23e4b6d9cf5989acf9e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/a89cf050c859a23e4b6d9cf5989acf9e.svg#Myriad Pro") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "NesoSansProBlack"; src: url("font/7c9748fba0c14c426a6e934bfa64a7e6.eot"); /* IE9*/ src: url("font/7c9748fba0c14c426a6e934bfa64a7e6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/7c9748fba0c14c426a6e934bfa64a7e6.woff2") format("woff2"), /* chrome、firefox */ url("font/7c9748fba0c14c426a6e934bfa64a7e6.woff") format("woff"), /* chrome、firefox */ url("font/7c9748fba0c14c426a6e934bfa64a7e6.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/7c9748fba0c14c426a6e934bfa64a7e6.svg#Neo Sans Pro Cyr W04 Black") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "NesoSansProBold"; src: url("font/65482afbeb61af43c403d0fec1fdb679.eot"); /* IE9*/ src: url("font/65482afbeb61af43c403d0fec1fdb679.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/65482afbeb61af43c403d0fec1fdb679.woff2") format("woff2"), /* chrome、firefox */ url("font/65482afbeb61af43c403d0fec1fdb679.woff") format("woff"), /* chrome、firefox */ url("font/65482afbeb61af43c403d0fec1fdb679.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/65482afbeb61af43c403d0fec1fdb679.svg#Neo Sans Pro Bold") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "NesoSansProMedium"; src: url("font/c38f2cc711985becf7550d75271b1175.eot"); /* IE9*/ src: url("font/c38f2cc711985becf7550d75271b1175.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/c38f2cc711985becf7550d75271b1175.woff2") format("woff2"), /* chrome、firefox */ url("font/c38f2cc711985becf7550d75271b1175.woff") format("woff"), /* chrome、firefox */ url("font/c38f2cc711985becf7550d75271b1175.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/c38f2cc711985becf7550d75271b1175.svg#Neo Sans Pro Medium") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "Myriad Pro Bold"; src: url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.eot"); /* IE9*/ src: url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.woff2") format("woff2"), /* chrome、firefox */ url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.woff") format("woff"), /* chrome、firefox */ url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/63f7c4ed344e79ed1cf58a1817e6ff0d.svg#MyriadPro-Bold") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "Aller Display V1"; src: url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.eot"); /* IE9*/ src: url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.woff2") format("woff2"), /* chrome、firefox */ url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.woff") format("woff"), /* chrome、firefox */ url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/4cf80f22e2f9d7f0b9bd2381d6c5886c.svg") format("svg"); /* iOS 4.1- */ } body{color:#000;padding-top:240px;} .noPad{padding:0px;} .padDix{padding:10px;} /* HEADER */ .header {width: 100%;position: fixed;z-index: 1000; background-color: #FFF; top:0; } .ssTitreViolet{font-size: 18px;color: #87318b;text-align: center;font-family: "Myriad Pro Bold";text-transform: uppercase;margin:18px 0 12px;} .ssTitreViolet a{font-size: 14px;color: #000;text-transform:none; text-decoration: underline;} .titreContenuPage { font-size: 32px; text-transform: uppercase; color: #58595b; font-family: "Aller Display V1"; text-align: center; } .contentPage form {text-align:center; padding-top:30px;} .contentPage form input{margin-bottom:20px;} .bgTitrePage { background: url(../img/fond_titre_contenu.jpg) top left repeat-x; min-height: 30px; } #btnCFA{margin-top:50px;} #btnBurger{z-index:1001;margin-top:85px} .imgBtnCFA, .imgBtnMedia{max-width: 190px;margin-bottom: 10px;} /* NAVBAR */ .navbar-toggle{position: fixed;padding: 0;margin: 0;background-color:transparent;background-image:none;border: none;} .navbar-default{background-color: transparent;border-color: transparent;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #fff;} /* SLIDER */ .homeSlider{margin-top: -20px;} .carousel-inner > .item > img{margin:0 auto;} .carousel-inner > .item{margin:0 auto;} .left{text-align:right;} .right{text-align:left;} .carousel-control img{display: inline-block;position: absolute;top:60%;} .carousel-control.left, .carousel-control.right{background-image: none;} .itemAbs{position: absolute;z-index: 100;right: 25%;margin: 0 auto;text-align: center;top: 275px;width: 301px;line-height: 1;} .itemAbs2{position: absolute;z-index: 100;right: 30%;margin: 0 auto;text-align: center;top: 230px;width: 266px;line-height: 1;} .separateurSlide{border-color:rgb(65, 64, 66);opacity:0.5;width:55%;margin-top: 20px;margin-bottom: 10px;} .separateurSlide2{border-color:rgb(65, 64, 66);opacity:0.5;width:55%;margin-top: 20px;margin-bottom: 10px;} .itemAbs span{font-size:32px;font-family: "Myriad Pro";color:rgb(65, 64, 66);} .myriadFont{font-size:30px;font-family: "Myriad Pro";color:rgb(65, 64, 66);} .displayFont{font-size:18px;font-family: "Myriad Pro";color:rgb(65, 64, 66);text-transform: uppercase;} .carousel-indicators li{width: 10px;height: 10px;background-color: #fff;margin:0;} .carousel-indicators .active{width: 10px;height: 10px;background-color: rgb(154, 49, 129);border-color:rgb(154, 49, 129);margin:0;} .carousel-indicators {bottom: -10px;} #logoCFA{display: block;margin: auto;width: 85%;margin-bottom:5px;} /* BLOCS */ .groupBlocs{margin-top: 70px;} .groupCadre{margin-top: 25px;} /* Bloc Collèges Lycées */ .blocText{height: 195px;text-align:center;background-size:cover;} .blocText.parents{background: url("../img/blocs/backgroundParents.jpg")repeat-y;} .blocText.jeunes{background: url("../img/blocs/backgroundJeunes.jpg")repeat-y;} .blocText.colLyc{background: url("../img/blocs/backgroundColLy.jpg")repeat-y;} .textBloc{padding-top: 10px;} .titleBloc{color:#fff;text-transform:uppercase;font-family: "NesoSansProBold";font-size: 28px;} .sepTextBloc{width: 5%;border: 2px solid #fff;margin-top: 5px;margin-bottom: 10px;} /* Bloc Métiers Hôtel Resto */ .textBlocMHR{font-size: 17px;font-family: "Myriad Pro Bold";color: rgb(255, 255, 255); line-height:normal;} /* cadre texte */ .blocs a{ text-decoration: none; } .blocCadre{ height: 109px; background-repeat: no-repeat;background-size: 100% 100%; max-width: 350px;} .blocCadre h3{ text-align: center; font-size: 28px; font-family: "NesoSansProBlack"; margin-top: 0; margin-bottom: 0 } .blocCadre p{ text-align: center; font-size: 28px; font-family: "NesoSansProMedium";} .cadrePO { background-image: url(../img/borderPO.png); color: #af3176; padding-top: 20px; } .cadreDecouvrez { background-image: url(../img/borderDecouvrez.png); color : #e03e58; padding-top: 30px; } .cadrePro { background-image: url(../img/borderPRO.png); color: #eb9a53; padding-top: 25px; } .cadrePro p{ font-size: 17px; font-family: "Myriad Pro Bold" } /* Bande réseaux sociaux */ .RSociaux{background-color:#674B64;height:50px;text-align: center;margin-top:50px;} .textRSociaux{font-size:18px;text-transform:uppercase;font-family: "Myriad Pro";color:#fff;line-height:50px;} .blocTextRSociaux{text-align:right;} .blocIconRSociaux{line-height: 50px;text-align:center;} /* Footer */ .bgFooter{ padding-top: 50px; background: url("../img/footer/backgroungFooter.jpg")repeat-x; background-size: contain;} .footer{margin-bottom:30px;background: url("img/footer/bg-bottom.jpg")} .footerBlocMHR{line-height:15px;} .blocTextMHRFoot{margin-top:10px;} .textfooterBlocMHR{font-family: "Myriad Pro";font-size:14px;color:rgb(65, 64, 66);} .sepSectionFooter1{border-left: 1px solid rgb(65, 64, 66);height: 13vh;width: 1px;margin-top:0;} .titleBlocLiens{text-transform:uppercase;font-size:14px;font-family: "Myriad Pro";color:rgb(104, 75, 100);} .blocLiensFooter{line-height:25px;margin-top:10px;} .liensFooter a{color: #414042 ;text-decoration:none;text-transform:none;font-family: "Myriad Pro"; font-size: 14px;} .footerBlocInitiateurs img{margin:0 auto;margin-top:20px;} .copyrightText{font-size: 14px;font-family: "Myriad Pro";color: rgb(65, 64, 66); padding-top: 20px;} .copyrightText a{font-size: 14px;font-family: "Myriad Pro";color: rgb(65, 64, 66);text-decoration:none;text-transform:none;} .sepSectionFootHor{border-left: 1px solid rgb(65, 64, 66);height: 13vh;width: 1px;margin-top:0;} /** MEDIA **/ .contentPage{font-family: "Myriad Pro"; font-size:16px;} /** Page Inscription des Professionnels **/ .contenuPage{ padding-top: 40px;padding-bottom: 40px;} .imageBandeau{ margin-left: auto; margin-right: auto } .titreContenu{ text-align: center; font-size: 28px; font-family: "NesoSansProBlack"; text-transform: uppercase;} .sousTitreContenu{ font-size: 17px; font-family: "Myriad Pro Bold"; text-align: center; text-transform: uppercase;} .colorOrange{ color: #eb9a53; } .presentationContenu{font-size: 16px;padding-top: 30px;padding-bottom: 30px;} .alignForm{margin-left: -45px;} .chpsObli{color: #F00; } .formInscriptionPro input[type="text"], .formInscriptionPro textarea{ width: 50%; margin-bottom: 10px; resize:none; max-width: 320px; min-width: 200px} .formInscriptionPro textarea{ height: 120px;} .formInscriptionPro input[type="button"]{ color: white; background: #c5064b none repeat scroll 0 0; margin-bottom: 10px; border-radius: 4px; cursor: pointer; border: 0 none; padding: 3px 8px; width: auto;} .mentionObli{ font-size: 14px; color : #58595b; font-family: "Myriad Pro"; margin-bottom: 0;} .mentionLegale{ font-size: 14px; ; color : #58595b; padding-left: 15px; padding-right: 15px; font-family: "Myriad Pro"; max-width: 350px;} .marginForm{ margin-top: 10px;} /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px){ .navbar-default .navbar-collapse, .navbar-default .navbar-form{position: fixed;top: 116px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 2000px){ .itemAbs{right: 29%;} .formInscriptionPro{ padding-left: 7%;} } /* Large Devices, Wide Screens */ @media only screen and (max-width : 2000px){ .itemAbs2{right:26%;} .itemAbs{right:25%;width:250px;} .itemAbs span{font-size:22px;} .itemAbs img{width:90%;} .formInscriptionPro{ padding-left: 6%;} } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1500px){ .itemAbs2{right: 20%;top: 130px;} .itemAbs{top:210px;} .itemAbs span{font-size:22px;} .itemAbs img{width:80%;} .myriadFont{font-size:29px;} .formInscriptionPro{ padding-left: 5%;} } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ .navbar-default .navbar-collapse, .navbar-default .navbar-form{position: fixed;top: 92px;} .sepSectionFootHor, .sepSectionFooter1{height: 14vh;} .titleBlocDeciday{padding-right: 30px;} .textDeciday img{width: 90%;} .imgBtnCFA, .imgBtnMedia{max-width: 160px;} .itemAbs{top:140px;right:20%;} .itemAbs2{top:100px;} #btnCFA{margin-top:42px;} #btnBurger{margin-top:60px;} .separateurSlide2{margin-top: 8px;margin-bottom: 5px;} .myriadFont{font-size: 25px;} #logoCFA{width: 65%;} .displayFont {font-size: 22px;} .blocCadre.cadreDecouvrez{ padding-top: 10px;} .formInscriptionPro{ padding-left: 0;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ .navbar-default .navbar-collapse, .navbar-default .navbar-form{position: fixed;top: 72px;} .sepSectionFootHor{width: 100%;height: 1px;border-left: none;border-top: 1px solid rgb(65, 64, 66);} .titleBloc, .blocCadre h3, .blocCadre p {font-size: 22px;} .textBlocMHR, .cadrePro p {font-size: 13px;} .cadrePO{padding-top: 30px;} .blocCadre.cadreDecouvrez { padding-top: 15px; } .cadrePro{padding-top: 32px;} .separateurSlide{margin-top: 10px;margin-bottom:5px;} .itemAbs img{width: 65%;} .itemAbs span{font-size:18px;} #btnCFA{margin-top:21px;} #btnBurger{margin-top:40px;} .itemAbs{top: 95px;right: 15%;} .itemAbs2{top: 95px;right: 15%;} #logoCFA{width:50%;margin-bottom:5px;} .displayFont{font-size:14px;} .myriadFont{font-size:16px;} .formInscriptionPro{ padding-right: 7%;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ .sepSectionFooter1, .sepSectionFootHor{width:50%;height:1px;border-left: none;border-top: 1px solid rgb(65, 64, 66);margin: 20px auto;} .RSociaux {height: 110px;} .blocTextRSociaux{text-align:center;} .blocs{max-width: 358px;} .groupBlocs {margin-top: 50px;} .blocText{margin-top:15px;height: 195px;background-size:contain;} .imgBtnCFA, .imgBtnMedia{max-width: 135px;} #logoResp{display: block;margin: auto;width: 25%;margin-top: -100px;} .itemAbs span{font-size: 17px;} .itemAbs img{width: 95%;} .itemAbs {top: 166px;right: 6%;width: 150px;} #btnCFA{margin-top: 30px;} #btnBurger{margin-top:40px;} .itemAbs2 {width: 148px;top: 160px;right: 7%;} .carousel-control img {display: inline-block;position: absolute;top: 50%;} .left {text-align: left;left: 10px;} .right {text-align: left;} .chevrRight{margin-left: 50%;} .blocCadre.cadreDecouvrez {padding-top: 35px;} .cadreDecouvrez img{ width: 100px;} .formInscriptionPro{ padding-right: 0; margin-left: auto; margin-right: auto; width: 270px; padding-left: 30px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 550px){ .itemAbs span{font-size: 15px;} .itemAbs{top: 115px;right: 4%;width:150px;} .itemAbs2 {top: 100px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ /* #btnBurger {position: fixed;right: 40px;top: 15px;left: 1;} */ .homeSlider { padding-top: 0;} .blocText {margin-top: 15px;background-size: cover;} .blocMedia {margin-top: 15px;margin-bottom:30px;} .itemAbs{top:93px;right:8%;width:100px;line-height:1;} .separateurSlide{margin-top: 5px;margin-bottom: 0px;} .itemAbs2{top: 70px;right:5%;} .displayFont{font-size:13px;} #btnCFA {position: relative;top: 15px;text-align: center;} #logoResp {width: 35%;} .textDeciday {text-align: right;padding-top: 25px;} .chevrRight {margin-left: 38%;} .carousel-inner{margin-top:50px;} .cadreDecouvrez img{ width: 90px;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px){ .blocMHR {margin-top:0;} .itemAbs{top: 34px;right: 5%;width: 100px;} .chevrRight {margin-left: 20%;} .myriadFont{font-size:14px;} .separateurSlide2{margin-top: 2px;margin-bottom: 2px;} .itemAbs2 {top: 30px;width: 120px;} .titleBloc, .blocCadre h3, .blocCadre p {font-size: 18px;} .textBlocMHR, .cadrePro p {font-size: 11px;} .blocCadre { height: 80px; } .blocCadre.cadreDecouvrez {padding-top: 20px;} .cadrePO { padding-top: 18px; } .cadrePro { padding-top: 22px; } .header{ height: 80px;} #logoResp { width: 32%; margin-top: -80px;} #btnBurger {margin-top:20px;} .mentionObli{ font-size: 10px;} .mentionLegale{ font-size: 10px;} .formInscriptionPro{ width: 200px; padding-left: 0;} } @media (min-width: 50px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } }