588 lines
24 KiB
CSS
588 lines
24 KiB
CSS
|
/* 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- */
|
||
|
|
}
|
||
|
|
@font-face {font-family: "Myriad Pro Italic";
|
||
|
|
src: url("font/d2daa36af4aaac8c5e102ca2db9d8227.eot"); /* IE9*/
|
||
|
|
src: url("font/d2daa36af4aaac8c5e102ca2db9d8227.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||
|
|
url("font/d2daa36af4aaac8c5e102ca2db9d8227.woff2") format("woff2"), /* chrome、firefox */
|
||
|
|
url("font/d2daa36af4aaac8c5e102ca2db9d8227.woff") format("woff"), /* chrome、firefox */
|
||
|
|
url("font/d2daa36af4aaac8c5e102ca2db9d8227.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
||
|
|
url("font/d2daa36af4aaac8c5e102ca2db9d8227.svg#Myriad Pro Italic") format("svg"); /* iOS 4.1- */
|
||
|
|
}
|
||
|
|
@font-face {font-family: "Myriad Pro Bold Italic";
|
||
|
|
src: url("font/f3b65bc5f78ed2b3748f81383222dd43.eot"); /* IE9*/
|
||
|
|
src: url("font/f3b65bc5f78ed2b3748f81383222dd43.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||
|
|
url("font/f3b65bc5f78ed2b3748f81383222dd43.woff2") format("woff2"), /* chrome、firefox */
|
||
|
|
url("font/f3b65bc5f78ed2b3748f81383222dd43.woff") format("woff"), /* chrome、firefox */
|
||
|
|
url("font/f3b65bc5f78ed2b3748f81383222dd43.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
||
|
|
url("font/f3b65bc5f78ed2b3748f81383222dd43.svg#Myriad Pro Bold Italic") 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;
|
||
|
|
}
|
||
|
|
.contenuTxt{font-family: "Myriad Pro";}
|
||
|
|
.contenuTxt .titreOrange {
|
||
|
|
margin-bottom: 1%;
|
||
|
|
font-size: 18px;color: #c5064b;
|
||
|
|
}
|
||
|
|
.contenuTxt p {
|
||
|
|
margin: 0;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
.contenuTxt .para{padding-top:20px;}
|
||
|
|
.contenuTxt .pStrong{ margin-top:16px;font-family: "Myriad Pro Bold";}
|
||
|
|
.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;font-family: "Myriad Pro";}
|
||
|
|
.ssTitreViolet a:hover{text-decoration: none;}
|
||
|
|
.ssTitreBaO {margin: 20px 0 0 0;}
|
||
|
|
.contentPage a{font-size: 14px;color: #000;text-transform:none; text-decoration: underline;font-family: "Myriad Pro";}
|
||
|
|
.contentPage a:hover{text-decoration: none;}
|
||
|
|
|
||
|
|
.contentPage table{ margin:0 auto;font-family: "Myriad Pro"; border-collapse: collapse; margin-top: 8px;}
|
||
|
|
.contentPage th{font-family: "Myriad Pro Bold";text-transform: uppercase;background-color: #674B64; border: 1px solid #FFF; color: #FFF; padding: 4px 6px; text-align: center;}
|
||
|
|
.contentPage td{border: 1px solid #FFF; padding: 2px 4px;}
|
||
|
|
.contentPage tr:nth-child(odd) {background: #E7CBE4;}
|
||
|
|
.btnDeci a{ display: inline-block; background-color: #674B64; color: #FFF; text-decoration: none; border: 1px solid #371B34; padding: 4px 6px; text-transform: uppercase;}
|
||
|
|
#frmCo input[type="submit"]{background-color: #674B64; color: #FFF; text-decoration: none; border: 1px solid #371B34; padding: 4px 6px; text-transform: uppercase;}
|
||
|
|
.titreContenuPage {
|
||
|
|
font-size: 32px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
color: #58595b;
|
||
|
|
font-family: "Aller Display V1";
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.menuPage{ padding-bottom:28px;}
|
||
|
|
.menuPage a{ display: block; background-color: #e54c52;font-family: "Myriad Pro Bold";text-transform: uppercase; font-size:16px; width:96%; margin: 0 auto; color: #FFF; text-align: center; padding:8px 0;text-decoration: none;}
|
||
|
|
.menuPage a:hover{ color: #FFF; text-decoration: none; }
|
||
|
|
.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;}
|
||
|
|
.liensFooter a:hover{ text-decoration: none;}
|
||
|
|
.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;}
|
||
|
|
|
||
|
|
.textIntro{
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.textIntro ul {
|
||
|
|
display:-moz-inline-stack;
|
||
|
|
display:inline-block;
|
||
|
|
zoom:1;
|
||
|
|
*display:inline;margin: 20px auto;
|
||
|
|
}
|
||
|
|
.textIntro ul li {
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/****************************
|
||
|
|
Admin
|
||
|
|
****************************/
|
||
|
|
.titreAdmin{ font-size:1.4em; font-weight: bold;}
|
||
|
|
.adresseCfa{font-size: 0.9em; text-align: center; }
|
||
|
|
.blocReferent{ text-align: center; padding-bottom: 20px; }
|
||
|
|
th span{ text-transform:none; font-weight: normal; font-size: 0.9em; }
|
||
|
|
|
||
|
|
/****************************
|
||
|
|
Agenda
|
||
|
|
****************************/
|
||
|
|
.arrWeek{ width:100%; padding: 0; border-collapse: collapse;}
|
||
|
|
.arrWeek caption{ text-transform: uppercase; text-align: right; color: #58595b; font-family: "Aller Display V1"; }
|
||
|
|
.arrWeek th{ width:16.6667%; font-weight: normal; padding:10px; text-align: center; line-height: 0.95em; }
|
||
|
|
.arrWeek th.empty, .arrWeek td.empty{ background-color:#FFFFFF; }
|
||
|
|
.arrWeek tr.isMidDay th, .arrWeek tr.isMidDay td{ border-top-width:3px; }
|
||
|
|
.arrWeek th span, .arrWeek td span{ font-size:0.8em; }
|
||
|
|
.arrWeek td{ padding:20px 10px; text-align: center; border: 1px solid #333; line-height: 0.95em; }
|
||
|
|
.arrWeek td.isGrey{ background-color:#CCC; }
|
||
|
|
.arrWeek td.isWhite{ background-color:#FFF; }
|
||
|
|
.arrWeek td.isPurple{ background-color:#E7CBE4; }
|
||
|
|
.arrWeek td.isOrange{ background-color:#EF9961; }
|
||
|
|
.arrWeek td.isGreen{ background-color:#53E570; }
|
||
|
|
|
||
|
|
#frmReserv input, #frmReserv textarea{
|
||
|
|
max-width: 400px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.obligatory{ color: #FF0000; font-size: 1.1em; }
|
||
|
|
|
||
|
|
/****************************
|
||
|
|
Cookies
|
||
|
|
****************************/
|
||
|
|
#cookies {
|
||
|
|
background: rgba(59, 59, 59, 0.9) none repeat scroll 0 0;
|
||
|
|
bottom: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #fff;
|
||
|
|
font-family: "Myriad Pro";
|
||
|
|
font-size: 14px;
|
||
|
|
left: 0;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
max-width: 1680px;
|
||
|
|
padding: 10px 20px;
|
||
|
|
position: fixed;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 2000;
|
||
|
|
}
|
||
|
|
#cookies a {
|
||
|
|
color: #fff;
|
||
|
|
ffont-family: "Myriad Pro Bold";
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
#cookies #cookies_close {
|
||
|
|
cursor: pointer;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.txtChapeau {
|
||
|
|
font-size: 16px;
|
||
|
|
color: #87318b;
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 40px;
|
||
|
|
font-family: "Myriad Pro Bold";
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.txtIntro {
|
||
|
|
font-size: 16px;
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 24px;
|
||
|
|
color: #58595b;
|
||
|
|
}
|
||
|
|
.bandeauFond {
|
||
|
|
height: 232px;
|
||
|
|
background: url(../img/fond_bandeau_repeat.jpg) top left repeat-x;
|
||
|
|
margin: 0;
|
||
|
|
margin-top: 0px;
|
||
|
|
padding: 0;
|
||
|
|
margin-top: 36px;
|
||
|
|
}
|
||
|
|
.bandeauContenu {
|
||
|
|
height: 232px;
|
||
|
|
background: url(../img/fond_bandeau.jpg) top left no-repeat;
|
||
|
|
background-size: auto auto;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
font-family: "Myriad Pro Italic";
|
||
|
|
font-size: 22px;
|
||
|
|
color: #FFF;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.bandeauLeft img {
|
||
|
|
margin-top: -12px;
|
||
|
|
}
|
||
|
|
.bandeauContenu table {
|
||
|
|
height: 100%;
|
||
|
|
border: 0 none;
|
||
|
|
}
|
||
|
|
.bandeauContenu p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.bandeauContenu strong {
|
||
|
|
font-family: "Myriad Pro Bold Italic";
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.containerTpsForts {
|
||
|
|
background: url(../img/fond_tps_forts.png) bottom center no-repeat;
|
||
|
|
background-color: rgba(0, 0, 0, 0);
|
||
|
|
background-color: #F6F4F5;
|
||
|
|
padding-top: 20px;
|
||
|
|
margin: 0;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-top: 8px;
|
||
|
|
padding-bottom: 80px;
|
||
|
|
}
|
||
|
|
.tpsForts {
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
.tpsForts span{
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 0.9em;
|
||
|
|
color:#58595b;
|
||
|
|
font-family: "Myriad Pro";
|
||
|
|
}
|
||
|
|
.tpsForts .titreTpsForts {
|
||
|
|
font-size: 22px;
|
||
|
|
font-family: "Myriad Pro Bold";
|
||
|
|
line-height: 28px;
|
||
|
|
padding: 10px 0 18px 0;
|
||
|
|
}
|
||
|
|
.tpsForts1 .titreTpsForts {
|
||
|
|
color: #87318b;
|
||
|
|
}
|
||
|
|
.tpsForts2 .titreTpsForts {
|
||
|
|
color: #e54c52;
|
||
|
|
}
|
||
|
|
.tpsForts3 .titreTpsForts {
|
||
|
|
color: #ea973e;
|
||
|
|
}
|
||
|
|
.tpsForts .contentTpsForts {
|
||
|
|
color: #58595b;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: "Myriad Pro";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**************************
|
||
|
|
TABLESORTER
|
||
|
|
***************************/
|
||
|
|
.tablesorter table, .tablesorter td, .tablesorter th {
|
||
|
|
border: 1px solid black;
|
||
|
|
border-collapse: collapsed;
|
||
|
|
padding: 2px 5px;
|
||
|
|
}
|
||
|
|
.tablesorter thead th {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right center;
|
||
|
|
}
|
||
|
|
.tablesorter thead th.up {
|
||
|
|
padding-right: 20px;
|
||
|
|
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
|
||
|
|
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tablesorter thead th.down {
|
||
|
|
padding-right: 20px;
|
||
|
|
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
|
||
|
|
}
|
||
|
|
|
||
|
|
.lstPro{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.liste li{color:#e54c52;}
|
||
|
|
.liste li span{ color:#58595b;}
|
||
|
|
.lienContent{font-size: 16px;color: #58595b; text-decoration: underline;}
|
||
|
|
.lienContent:hover{font-size: 16px;color: #58595b; text-decoration: none;}
|
||
|
|
/* 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%;}
|
||
|
|
.contentPage .tabEtat {margin: 8px -30%;}
|
||
|
|
.contentPage .tabPro {margin: 8px -18%;}
|
||
|
|
}
|
||
|
|
/* 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%;}
|
||
|
|
}
|
||
|
|
/* 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;}
|
||
|
|
}
|
||
|
|
/* 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|