pv_project/site/css/style - Copie [2].css

345 lines
16 KiB
CSS
Raw Normal View History

2025-07-17 08:15:19 +00:00
/* 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;
}
}