/* 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; } }