#home .evenements { *zoom: 1; } #home .evenements:before, #home .evenements:after { content: " "; display: table; } #home .evenements:after { clear: both; } #home .evenements .colonneUnTiers, #home .evenements .colonneDeuxTiers, #home .evenements .colonneTroisTiers, #home .evenements .selectionBlocContent, #home .evenements .contentMiddle { margin-bottom: 45px; } #home .evenements .contenuImg { height: 250px; line-height: 245px; } #home .evenements .contenuImg [id^="oas_"] { line-height: normal; max-width: 100%; } #home .evenements [class*="etiquettePromo"] { bottom: 0; border: none; margin: 0; padding: 6px 5px 0 30px; width: auto; height: 30px; line-height: normal; } #home .evenements [class*="etiquettePromo"] [class^="icon-"] { top: 5px; left: 5px; } #home .evenements .etiquettePromo0 { background-color: #ffffff; } #home .evenements .etiquettePromo1 { background-color: #000000; } #home .evenements .etiquettePromo2 { background-color: #666666; } #home .evenements .etiquettePromo3 { background-color: #db0a5b; } #home .evenements .etiquettePromo4 { background-color: #b30b4c; } #home .evenements .etiquettePromo5 { background-color: #1fa0bc; } #home .evenements .etiquettePromo6 { background-color: #ff9124; } #home .evenements .etiquettePromo7 { background-color: #e5e5e5; } #home .evenements .etiquettePromo8 { background-color: #02677e; } #home .evenements .etiquettePromo9 { background-color: #c3c3c3; } #home .evenements .etiquettePromo10 { background-color: #eb6d19; } #home .evenements .etiquettePromo11 { background-color: #f6f6f6; } #home .evenements .etiquettePromo12 { background-color: #d2ecf2; } #home .evenements .etiquettePromo13 { background-color: #eacc00; } #home .evenements .etiquettePromo14 { background-color: #e73a37; } #home .evenements .etiquettePromo15 { background-color: #fcd7e6; } #home .evenements .etiquettePromo16 { background-color: #002e60; } #home .evenements .etiquettePromo17 { background-color: #26b00e; } #home .evenements .etiquettePromo18 { background-color: #95B3D7; } #home .evenements [class*="legendePromo"] { color: #ffffff; } #home .evenements .selectionBlocContent .selectionBloc { *zoom: 1; display: block; padding: 0 2.3622% 0 0; margin: 0; text-decoration: none; border-right: solid 1px #c3c3c3; } #home .evenements .selectionBlocContent .selectionBloc:before, #home .evenements .selectionBlocContent .selectionBloc:after { content: " "; display: table; } #home .evenements .selectionBlocContent .selectionBloc:after { clear: both; } #home .evenements .selectionBlocContent .selectionBloc .contentImg { float: left; width: 74.73118%; max-width: 775px; } #home .evenements .selectionBlocContent .selectionBloc .contentText { float: left; width: 22.04301%; margin: 0 0 0 1.6129%; } #home .evenements .selectionBlocContent .selectionBloc .contentText .texte { font-size: 15px; color: #000000; } #home .evenements .enVedette { *zoom: 1; font-size: 0; } #home .evenements .enVedette:before, #home .evenements .enVedette:after { content: " "; display: table; } #home .evenements .enVedette:after { clear: both; } #home .evenements .enVedette .blockHover { width: 16.14173%; max-width: 285px; float: left; } #home .evenements .enVedette .blockHover:not(.first) { margin: 0 0 0 0.62992%; } #home .evenements .enVedette .blockHover .contenuImg { height: 200px; line-height: 200px; } #home .evenements .enVedette .blockHover .titre { min-height: 75px; } #home .evenements .enVedette .blockHover .titre .contenuBloc [class^="titre"] { margin-bottom: 5px; } #home .evenements .enVedette .blockHover .titreL1:hover { color: #1fa0bc; } #home .evenements .enVedette .blockHover .titreL2:hover { color: #db0a5b; } #home .evenements .enVedette .blockHover .titreL3:hover { color: #1fa0bc; } #home .evenements .enVedette .blockHover .titreL5:hover { color: #db0a5b; } #home .evenements .enVedette .blockHover .titreL6:hover { color: #db0a5b; } #home .evenements .enVedette .blockHover .titreL9:hover { color: #1fa0bc; } #home .evenements .enVedette .blockHover .titreL12:hover { color: #02677e; } #home .evenements .enVedette .blockHover .titreL16:hover { color: #eb6d19; } #home .destinations { padding: 40px 0 20px; } #home .destinations > [class^="titre"] { margin: 0 3.66032% 20px; } #home .destinations .blockAccordeon { width: 100%; padding: 0 3.66032%; background-color: #ffffff; *zoom: 1; } #home .destinations .blockAccordeon:before, #home .destinations .blockAccordeon:after { content: " "; display: table; } #home .destinations .blockAccordeon:after { clear: both; } #home .destinations .blockAccordeon:not(:last-child) { -moz-box-shadow: 0 5px 10px -10px #666666; -webkit-box-shadow: 0 5px 10px -10px #666666; box-shadow: 0 5px 10px -10px #666666; margin: 0 0 10px 0; } #home .destinations .blockAccordeon .titleAccordeon { cursor: pointer; text-align: center; } #home .destinations .blockAccordeon .titleAccordeon .icon-plus, #home .destinations .blockAccordeon .titleAccordeon .icon-moins, #home .destinations .blockAccordeon .titleAccordeon .icon-infos { cursor: true; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore0, #home .destinations .blockAccordeon .titleAccordeon .iconDisc0 { background-color: #ffffff; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore1, #home .destinations .blockAccordeon .titleAccordeon .iconDisc1 { background-color: #000000; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore2, #home .destinations .blockAccordeon .titleAccordeon .iconDisc2 { background-color: #666666; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore3, #home .destinations .blockAccordeon .titleAccordeon .iconDisc3 { background-color: #db0a5b; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore4, #home .destinations .blockAccordeon .titleAccordeon .iconDisc4 { background-color: #b30b4c; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore5, #home .destinations .blockAccordeon .titleAccordeon .iconDisc5 { background-color: #1fa0bc; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore6, #home .destinations .blockAccordeon .titleAccordeon .iconDisc6 { background-color: #ff9124; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore7, #home .destinations .blockAccordeon .titleAccordeon .iconDisc7 { background-color: #e5e5e5; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore8, #home .destinations .blockAccordeon .titleAccordeon .iconDisc8 { background-color: #02677e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore9, #home .destinations .blockAccordeon .titleAccordeon .iconDisc9 { background-color: #c3c3c3; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore10, #home .destinations .blockAccordeon .titleAccordeon .iconDisc10 { background-color: #eb6d19; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore11, #home .destinations .blockAccordeon .titleAccordeon .iconDisc11 { background-color: #f6f6f6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore12, #home .destinations .blockAccordeon .titleAccordeon .iconDisc12 { background-color: #d2ecf2; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore13, #home .destinations .blockAccordeon .titleAccordeon .iconDisc13 { background-color: #eacc00; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore14, #home .destinations .blockAccordeon .titleAccordeon .iconDisc14 { background-color: #e73a37; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore15, #home .destinations .blockAccordeon .titleAccordeon .iconDisc15 { background-color: #fcd7e6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore16, #home .destinations .blockAccordeon .titleAccordeon .iconDisc16 { background-color: #002e60; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore17, #home .destinations .blockAccordeon .titleAccordeon .iconDisc17 { background-color: #26b00e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .titleAccordeon .iconLessmore18, #home .destinations .blockAccordeon .titleAccordeon .iconDisc18 { background-color: #95B3D7; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } #home .destinations .blockAccordeon .colonne { float: left; width: 31.75355%; } #home .destinations .blockAccordeon .colonne:not(.first) { margin: 0 0 0 2.36967%; } #home .destinations .blockAccordeon ul { list-style: none; margin: 0 0 20px 0; padding: 0; } #home .destinations .blockAccordeon ul li { margin: 0 0 10px 0; } #home .destinations .blockAccordeon ul li a { color: #000000; text-decoration: none; } #home .destinations .blockAccordeon ul li a:hover { text-decoration: underline; } #home .destinations .blockAccordeon a[class^="lien"] { display: block; margin: 0 0 15px 0; } #home .partenaires { *zoom: 1; text-align: center; } #home .partenaires:before, #home .partenaires:after { content: " "; display: table; } #home .partenaires:after { clear: both; } #home .partenaires .colonne { width: 49.21011%; float: left; } #home .partenaires .colonne.prestataires { margin: 40px 0 0 0; } #home .partenaires .colonne.chaines { margin: 40px 0 0 1.57978%; } #home .partenaires .colonne.chaines .contentImg2 { max-width: 22.76708%; display: inline-block; margin: 4px 15px; text-decoration: none; } #home .partenaires .colonne.chaines .contentImg2 img { max-height: 60px; } #home .partenaires .colonne .contentBloc { margin-bottom: 20px; padding: 20px 2.4077%; border: solid 1px #c3c3c3; } #home .partenairesList { text-align: center; } #home .partenairesList .sliderContent { max-width: 1155px; margin: 30px auto; font-size: 0; } #home .partenairesList .sliderContent span { width: 135px; } #home .partenaires [class*="sliderContent"], #home .partenairesList [class*="sliderContent"] { width: 100%; } #home .partenaires [class*="sliderContent"] span, #home .partenaires [class*="sliderContent"] .logoPresta, #home .partenairesList [class*="sliderContent"] span, #home .partenairesList [class*="sliderContent"] .logoPresta { height: 70px; line-height: 70px; display: inline-block; margin: 0 15px; } #home .partenaires [class*="sliderContent"] span img, #home .partenaires [class*="sliderContent"] .logoPresta img, #home .partenairesList [class*="sliderContent"] span img, #home .partenairesList [class*="sliderContent"] .logoPresta img { display: inline; max-width: 100%; height: auto; max-height: 100%; vertical-align: middle; } #home .partenaires [class*="sliderContent"] span, #home .partenaires [class*="sliderContent"] .logoPresta { max-width: 135px; } #home .articleBloc { *zoom: 1; } #home .articleBloc:before, #home .articleBloc:after { content: " "; display: table; } #home .articleBloc:after { clear: both; } #home .articleBloc .articleBlocLink { text-decoration: none; } #home .articleBloc .articleBlocLink + .lienE5 { margin-top: 20px; display: block; } #home .articleBloc .colonnes { width: 22.04724%; float: left; text-decoration: none; margin: 25px 0 0 3.54331%; } #home .articleBloc .colonnes.first { margin-left: 0; } #home .articleBloc .colonnes:hover .titreI1 { color: #1fa0bc; } #home .articleBloc .colonnes:hover .titreI2 { color: #db0a5b; } #home .articleBloc .colonnes:hover .titreI3 { color: #1fa0bc; } #home .articleBloc .colonnes:hover .titreI5 { color: #db0a5b; } #home .articleBloc .colonnes:hover .titreI6 { color: #db0a5b; } #home .articleBloc .colonnes:hover .titreI9 { color: #1fa0bc; } #home .articleBloc .colonnes:hover .titreI12 { color: #02677e; } #home .articleBloc .colonnes:hover .titreI16 { color: #eb6d19; } .searchPage .titreE5 { margin: 0; } .pageEdito [class^="blocD"] { *zoom: 1; } .pageEdito [class^="blocD"]:before, .pageEdito [class^="blocD"]:after { content: " "; display: table; } .pageEdito [class^="blocD"]:after { clear: both; } .pageEdito [class^="blocD"].first { border-top: none; padding-top: 0; } .pageEdito [class^="blocD"] .contentImg { max-height: 175px; } .pageEdito:not(.contenuHomeTourisme) .contentImg { margin: 0 2.06186% 0 0; width: 28.86598%; max-width: 280px; } .pageEdito .contenuHome .date2 a, .pageEdito .contenuHomeTourisme .date2 a { color: #666666; text-decoration: none; } .pageEdito .contenuHome .date2 a:hover, .pageEdito .contenuHomeTourisme .date2 a:hover { text-decoration: underline; } .pageEdito .contenuHome .chapo1 a, .pageEdito .contenuHomeTourisme .chapo1 a { color: #1fa0bc; text-decoration: none; } .pageEdito .contenuHome .chapo1 a:hover, .pageEdito .contenuHomeTourisme .chapo1 a:hover { color: #db0a5b; } .pageEdito .contenuHome .contentImg, .pageEdito .contenuHomeTourisme .contentImg { float: left; } .pageEdito .contenuHome .contentText h2, .pageEdito .contenuHomeTourisme .contentText h2 { margin: 0 0 10px; } .pageEdito .contenuHome .contentText [class*="titreN"], .pageEdito .contenuHomeTourisme .contentText [class*="titreN"] { text-decoration: none; } .pageEdito .contenuHome .contentText .titreN1:hover, .pageEdito .contenuHomeTourisme .contentText .titreN1:hover { color: #1fa0bc; } .pageEdito .contenuHome .contentText .titreN2:hover, .pageEdito .contenuHomeTourisme .contentText .titreN2:hover { color: #db0a5b; } .pageEdito .contenuHome .contentText .titreN3:hover, .pageEdito .contenuHomeTourisme .contentText .titreN3:hover { color: #1fa0bc; } .pageEdito .contenuHome .contentText .titreN5:hover, .pageEdito .contenuHomeTourisme .contentText .titreN5:hover { color: #db0a5b; } .pageEdito .contenuHome .contentText .titreN6:hover, .pageEdito .contenuHomeTourisme .contentText .titreN6:hover { color: #db0a5b; } .pageEdito .contenuHome .contentText .titreN9:hover, .pageEdito .contenuHomeTourisme .contentText .titreN9:hover { color: #1fa0bc; } .pageEdito .contenuHome .contentText .titreN12:hover, .pageEdito .contenuHomeTourisme .contentText .titreN12:hover { color: #02677e; } .pageEdito .contenuHome .contentText .titreN16:hover, .pageEdito .contenuHomeTourisme .contentText .titreN16:hover { color: #eb6d19; } .pageEdito .contenuHome > [class^="lienB"] { display: block; } .pageEdito .contenuHomeTourisme .contentText { width: 65.97938%; padding-right: 2.06186%; float: left; *zoom: 1; } .pageEdito .contenuHomeTourisme .contentText:before, .pageEdito .contenuHomeTourisme .contentText:after { content: " "; display: table; } .pageEdito .contenuHomeTourisme .contentText:after { clear: both; } .pageEdito .contenuHomeTourisme .contentImg { margin: 0 3.22581% 0 0; width: 29.03226%; max-width: 180px; height: 110px; } .pageEdito .contenuHomeTourisme .derniersArticles { float: left; width: 32.98969%; padding: 0 2.06186%; border-left: 1px solid #e5e5e5; } .pageEdito .contenuHomeTourisme .derniersArticles [class*="titreH"] { margin-top: 0; } .pageEdito .alireAussi { width: 26.80412%; float: left; } .pageEdito .alireAussi [class^="titre"] { margin-top: 0; } .pageEdito .agendaMeetin { width: 70.10309%; float: left; margin: 0 0 0 2.06186%; } .pageEdito .agendaMeetin .contentImg2 { float: left; margin: 0 3.0581% 0 0; } .pageEdito .agendaMeetin [class^="titreH"] { margin-top: 0; } .pageEdito .agendaMeetin [class^="lienB"] { margin-bottom: 10px; display: block; } .pageEdito .agendaMeetin .alignRight [class^="boutonB"] { margin: 0 0 0 3.0581%; } .pageEdito .zoomSur { list-style: none; margin: 0 0 40px; padding: 0; } .pageEdito .zoomSur .contentImg { margin-bottom: 10px; } .pageEdito .zoomSur .texte { margin: 0 0 30px; } .pageEdito .zoomSur .titleAnnonceur { font-weight: bold; margin: 10px 0; color: #000000; } .pageEdito .maillageTourisme { *zoom: 1; margin-bottom: 25px; padding: 20px 2.06186%; } .pageEdito .maillageTourisme:before, .pageEdito .maillageTourisme:after { content: " "; display: table; } .pageEdito .maillageTourisme:after { clear: both; } .pageEdito .maillageTourisme .colonne { float: left; width: 50%; } .pageEdito .maillageTourisme .colonne.first { padding-right: 2.15054%; } .pageEdito .maillageTourisme .colonne + .colonne { border-left: 1px solid #e5e5e5; padding-left: 2.15054%; } .pageEdito .maillageTourisme .colonne [class*="titreH"] { margin-top: 0; } .pageEdito .maillageTourisme .colonne .selectText, .pageEdito .maillageTourisme .colonne .ou { margin: 0 0 20px; } .pageEdito .maillageTourisme .colonne [class*="boutonB"] { margin-top: 8px; } .pageEdito .searchBarTourisme span { display: inline-block; vertical-align: middle; width: 30.10753%; margin: 0 2.15054% 0 0; } .pageEdito .searchBarTourisme .selectText { width: 55.91398%; } .pageEdito .pageArticle { *zoom: 1; } .pageEdito .pageArticle:before, .pageEdito .pageArticle:after { content: " "; display: table; } .pageEdito .pageArticle:after { clear: both; } .pageEdito .pageArticle a { color: #1fa0bc; text-decoration: none; } .pageEdito .pageArticle a:hover { color: #db0a5b; } .pageEdito .pageArticle .tagEdito { font-size: 12px; color: #666666; text-decoration: none; } .pageEdito .pageArticle .blockArticle { *zoom: 1; margin: 0 0 40px; } .pageEdito .pageArticle .blockArticle:before, .pageEdito .pageArticle .blockArticle:after { content: " "; display: table; } .pageEdito .pageArticle .blockArticle:after { clear: both; } .pageEdito .pageArticle .blockArticle .titreEditoArticle { margin: 0; } .pageEdito .pageArticle .blockArticle time { display: block; margin-bottom: 20px; } .pageEdito .pageArticle .blockArticle .chapo2 { margin-bottom: 10px; } .pageEdito .pageArticle .blockArticle:hover .date2, .pageEdito .pageArticle .blockArticle:hover .chapo2 { text-decoration: none; } .pageEdito .pageArticle .blockArticle .contentImg { margin: 0 3.09278% 10px 0; max-width: 300px; width: 30.92784%; float: left; position: relative; } .pageEdito .pageArticle .blockArticle .legende { position: absolute; bottom: -15px; } .pageEdito .pageArticle .blockArticle .textArticle { font-size: 16px; } .pageEdito .pageArticle .blockArticle .textArticle img { max-width: 100%; height: auto !important; } .pageEdito .pageArticle .blockArticle .textArticle .citationCentre { border: 1px solid #c3c3c3; clear: both; margin: 10px auto; width: 448px; } .pageEdito .pageArticle .blockArticle .textArticle .texteCitation { color: #1fa0bc; font-style: italic; padding: 20px; } .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteD, .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteG, .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteC { border: 1px solid #c3c3c3; clear: both; display: block; font-size: 14px; padding: 10px; text-align: left; } .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteC { float: none; margin: 21px 0; width: auto; } .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteD { float: right; margin: 21px 0 4px 10px; width: 212px; } .pageEdito .pageArticle .blockArticle .textArticle .editohorstexteG { float: left; margin: 21px 10px 4px 0; width: 212px; } .pageEdito .pageArticle [class*="outils"] { list-style: none; margin: 0 0 40px; padding: 0; float: right; } .pageEdito .pageArticle [class*="outils"] li { display: inline-block; } .pageEdito .pageArticle [class*="outils"] li a { text-decoration: none; } .pageEdito .pageArticle [class*="outils"] li a [class^="icon-"] { font-size: 35px; margin: 0 5px -3px 0; } .pageEdito .pageArticle .outils0 li a [class^="icon-"] { color: #ffffff; } .pageEdito .pageArticle .outils1 li a [class^="icon-"] { color: #000000; } .pageEdito .pageArticle .outils2 li a [class^="icon-"] { color: #666666; } .pageEdito .pageArticle .outils3 li a [class^="icon-"] { color: #db0a5b; } .pageEdito .pageArticle .outils4 li a [class^="icon-"] { color: #b30b4c; } .pageEdito .pageArticle .outils5 li a [class^="icon-"] { color: #1fa0bc; } .pageEdito .pageArticle .outils6 li a [class^="icon-"] { color: #ff9124; } .pageEdito .pageArticle .outils7 li a [class^="icon-"] { color: #e5e5e5; } .pageEdito .pageArticle .outils8 li a [class^="icon-"] { color: #02677e; } .pageEdito .pageArticle .outils9 li a [class^="icon-"] { color: #c3c3c3; } .pageEdito .pageArticle .outils10 li a [class^="icon-"] { color: #eb6d19; } .pageEdito .pageArticle .outils11 li a [class^="icon-"] { color: #f6f6f6; } .pageEdito .pageArticle .outils12 li a [class^="icon-"] { color: #d2ecf2; } .pageEdito .pageArticle .outils13 li a [class^="icon-"] { color: #eacc00; } .pageEdito .pageArticle .outils14 li a [class^="icon-"] { color: #e73a37; } .pageEdito .pageArticle .outils15 li a [class^="icon-"] { color: #fcd7e6; } .pageEdito .pageArticle .outils16 li a [class^="icon-"] { color: #002e60; } .pageEdito .pageArticle .outils17 li a [class^="icon-"] { color: #26b00e; } .pageEdito .pageArticle .outils18 li a [class^="icon-"] { color: #95B3D7; } .pageEdito .pageArticle .outils1 li a:hover [class^="icon-"] { color: #1fa0bc; } .pageEdito .pageArticle .outils2 li a:hover [class^="icon-"] { color: #db0a5b; } .pageEdito .pageArticle .outils3 li a:hover [class^="icon-"] { color: #1fa0bc; } .pageEdito .pageArticle .outils5 li a:hover [class^="icon-"] { color: #db0a5b; } .pageEdito .pageArticle .outils6 li a:hover [class^="icon-"] { color: #db0a5b; } .pageEdito .pageArticle .outils9 li a:hover [class^="icon-"] { color: #1fa0bc; } .pageEdito .pageArticle .outils12 li a:hover [class^="icon-"] { color: #02677e; } .pageEdito .pageArticle .outils16 li a:hover [class^="icon-"] { color: #eb6d19; } .pageEdito .memeCategorie [class*="listeA"] { margin: 0; padding-bottom: 10px; } .pageEdito .memeCategorie [class*="listeA"] li { display: inline-block; width: 30.64516%; margin: 0 2.15054% 0 0; vertical-align: top; border-right: 1px solid #e5e5e5; padding: 0 20px 0 15px; min-height: 66px; } .pageEdito .memeCategorie [class*="listeA"] li:nth-child(3n+0) { border-right: none; } .pageEdito .memeCategorie [class*="listeA"] li .date2 { margin-bottom: 10px; } .conteneurPrincipal2 .blockPromo { *zoom: 1; padding: 40px 2.39617%; } .conteneurPrincipal2 .blockPromo:before, .conteneurPrincipal2 .blockPromo:after { content: " "; display: table; } .conteneurPrincipal2 .blockPromo:after { clear: both; } .conteneurPrincipal2 .blockPromo [class*="titreA"] { margin-bottom: 20px; } .conteneurPrincipal2 .blockPromo .contenu .contentImg { margin: 0 5% 20px 0; width: 40%; max-width: 160px; height: 100px; line-height: 98px; } .geo-onglets { list-style-type: none; background-color: #d2ecf2; height: 49px; padding: 20px 20px 0; border-bottom: 1px solid #1fa0bc; margin-bottom: 25px; } .geo-onglets li { display: inline-block; background-color: #1fa0bc; padding: 5px 10px; margin-right: 3px; border: 1px solid #1fa0bc; } .geo-onglets li a { color: #ffffff; text-decoration: none; font-weight: bold; } .geo-onglets li.geoOngletOn { background-color: #ffffff; border-bottom: 1px solid #ffffff; } .geo-onglets li.geoOngletOn a { color: #db0a5b; text-decoration: none; font-weight: bold; } .pageGuide .contentImgMap { text-align: center; } .pageGuide .contentImgMap img { max-width: 100%; } .pageGuide [class^="titreF"] { margin-bottom: 20px; } .pageGuide .chapo1 { margin: 0 0 50px 0; } .pageGuide .contentFlag { margin: 0 auto; max-width: 100px; text-align: center; } .pageGuide .titreRechFichGeo { margin-bottom: 5px; } .pageGuide .pageGeo a { color: #1fa0bc; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon { margin: 0; padding: 15px 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .icon-plus, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .icon-moins, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .icon-infos { cursor: true; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore0, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc0 { background-color: #ffffff; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore1, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc1 { background-color: #000000; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore2, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc2 { background-color: #666666; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore3, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc3 { background-color: #db0a5b; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore4, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc4 { background-color: #b30b4c; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore5, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc5 { background-color: #1fa0bc; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore6, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc6 { background-color: #ff9124; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore7, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc7 { background-color: #e5e5e5; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore8, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc8 { background-color: #02677e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore9, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc9 { background-color: #c3c3c3; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore10, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc10 { background-color: #eb6d19; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore11, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc11 { background-color: #f6f6f6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore12, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc12 { background-color: #d2ecf2; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore13, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc13 { background-color: #eacc00; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore14, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc14 { background-color: #e73a37; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore15, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc15 { background-color: #fcd7e6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore16, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc16 { background-color: #002e60; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore17, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc17 { background-color: #26b00e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconLessmore18, .pageGuide .pageGeo .blockDescriptionGeo .titleAccordeon .iconDisc18 { background-color: #95B3D7; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 10px 0 0; } .pageGuide .pageGeo .blockDescriptionGeo .contenuAccordeon p:nth-child(2) { margin-top: 0; } .pageGuide .pageGeo .blockDescriptionGeo .contenuAccordeon h3 { font-size: 16px; font-weight: bold; color: #1fa0bc; } .pageGuide .pageGeo .blockDonneesUtiles { float: right; width: 40%; margin: 15px 0 15px 4.94845%; } .pageGuide .pageGeo .blockDonneesUtiles > div p { margin: 0; } .pageGuide .pageGeo .chapo1, .pageGuide .pageGeo .chapo2 { margin-bottom: 25px; *zoom: 1; } .pageGuide .pageGeo .chapo1:before, .pageGuide .pageGeo .chapo1:after, .pageGuide .pageGeo .chapo2:before, .pageGuide .pageGeo .chapo2:after { content: " "; display: table; } .pageGuide .pageGeo .chapo1:after, .pageGuide .pageGeo .chapo2:after { clear: both; } .pageGuide .pageGeo .chapo2 p { margin-top: 0; } .pageGuide .pageGeo.blockDecouvrirGeo [class^="blocD"]:nth-child(2), .pageGuide .pageGeo .blockPresentationGeo [class^="blocD"]:nth-child(2) { border: none; padding: 0; } .pageGuide .pageGeo.blockPresentationGeo .presentationVisuelGeo { display: inline-block; float: left; text-align: center; margin: 0 2.06186% 10px 0; max-height: 175px; max-width: 280px; font-size: 0; } .pageGuide .pageGeo.blockPresentationGeo .mapCanvasGeo { max-width: 100%; max-height: 300px; margin: 0 auto; } .pageGuide .pageGeo.blockTransportGeo [class^="titreO"] { margin-bottom: 15px; } .pageGuide .pageGeo.blockTransportGeo .blockDonneesUtiles { margin-top: 0; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .labelMeteo { font-weight: bold; font-size: 18px; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .blockMeteo { display: inline-block; border: 1px solid #e5e5e5; margin: 0 0.92784% 10px 0; padding-left: 0.92784%; width: 31.95876%; min-width: 300px; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .blockMeteo p { display: inline-block; width: 30.64516%; min-width: 92px; font-size: 17px; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .blockMeteo p.periodeMeteo { font-weight: bold; padding: 0; margin-right: 0.96774%; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .blockMeteo p.temperaturesMeteo { margin-right: 0.96774%; } .pageGuide .pageGeo.blockClimatGeo .listMeteo .blockMeteo p [class^="icon-"] { font-size: 20px; margin: 0 5px -3px 0; color: #1fa0bc; } .jqContentList form { *zoom: 1; } .jqContentList form:before, .jqContentList form:after { content: " "; display: table; } .jqContentList form:after { clear: both; } .landingPage { background-color: #ffffff; } .landingPage .breadcrumb { margin-left: 1.94175%; margin-right: 1.94175%; } .landingPage .btnListMap { width: 315px; margin-left: auto; margin-right: auto; } .landingPage .btnListMap span { padding-left: 20px; } .landingPage .enTete { margin: 0 0 0 1.94175%; } .landingPage .blockDescription { margin: 0 1.9802% 30px 0; font-size: 13px; } .landingPage .blockDescription .desc { display: inline-block; width: 90%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; height: 15px; } .landingPage .blockDescription .desc.noEllipsis { overflow: visible; width: 100%; white-space: normal; display: inline; height: 100%; } .landingPage .blockDescription .linkRead { color: #1fa0bc; vertical-align: middle; text-decoration: none; -moz-transition: -moz-all 0.5s ease; -webkit-transition: -webkit-all 0.5s ease; -o-transition: -o-all 0.5s ease; -ms-transition: -ms-all 0.5s ease; transition: all 0.5s ease; } .landingPage .blockDescription .linkRead.more span::before { content: " plus"; display: inline-block; } .landingPage .blockDescription .linkRead.less span::after { content: " moins"; display: inline-block; } .landingPage .blockDescription .linkRead:hover { color: #db0a5b; } .landingPage .blockAncreDescription { margin: 0 1.94175% 170px 0; padding: 0; border-bottom: solid 1px #1fa0bc; text-align: right; position: relative; font-size: 0; } .landingPage .blockAncreDescription.bottomDesc { margin-left: 1.94175%; } .landingPage .blockAncreDescription li { display: inline-block; } .landingPage .blockAncreDescription li span { cursor: pointer; font-size: 15px; display: block; text-decoration: none; color: #1fa0bc; padding: 5px 10px; border-left: solid 1px #1fa0bc; } .landingPage .blockAncreDescription li span:hover, .landingPage .blockAncreDescription li span.on { background-color: #d2ecf2; } .landingPage .blockAncreDescription li .contenuBlocDescription { position: absolute; top: 30px; left: 0; font-size: 13px; text-align: left; margin: 20px 0 0; max-height: 170px; overflow-y: auto; } .landingPage .maillageLandingUp > div { position: relative; padding: 0 1.94175% 0 4.85437%; } .landingPage .maillageLandingUp > div > a { position: absolute; top: 0; right: 3.125%; } .landingPage .maillageLandingUp [class*="titre"] { background-color: #ffffff; margin: 0; padding: 0 0 10px 2.08333%; } .landingPage .maillageLandingUp [class*="liste"] { *zoom: 1; background-color: #ffffff; } .landingPage .maillageLandingUp [class*="liste"]:before, .landingPage .maillageLandingUp [class*="liste"]:after { content: " "; display: table; } .landingPage .maillageLandingUp [class*="liste"]:after { clear: both; } .landingPage .maillageLandingUp [class*="liste"] li { float: left; width: 29.6875%; margin-left: 2.08333%; font-size: 13px; } .landingPage .aucunResultat { text-align: center; margin-bottom: 25px; } .landingPage .aucunResultat .contentMap { width: 415px; margin: 20px auto; border: solid 1px #c3c3c3; font-size: 0; } .landingPage .aucunResultat .contentMap img { max-width: 100%; } .landingPage .aucunResultat .blockTriangle { position: relative; border: 2px solid #d2ecf2; width: 265px; margin: 20px auto; padding: 0 10px; text-align: center; } .landingPage .aucunResultat .blockTriangle:after, .landingPage .aucunResultat .blockTriangle:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .landingPage .aucunResultat .blockTriangle:after { border-color: rgba(210, 236, 242, 0); border-right-color: #d2ecf2; border-width: 25px; margin-top: -25px; } .landingPage .aucunResultat .blockTriangle:before { border-color: rgba(219, 10, 91, 0); border-right-color: #db0a5b; border-width: 28px; margin-top: -28px; } .landingPage .aucunResultat .blockTriangle p { margin: 4px 0; } .landingPage .contentResultat { margin: 0 1.94175%; } .landingPage .contentResultat [class^="titreE"] { margin-top: 20px; } .landingPage .contentResultat + .maillageLandingUp { border-top: solid 2px #c3c3c3; margin-top: 30px; padding-top: 30px; } .landingPage [class*="paging"] + .maillageLandingUp { margin-top: 30px; } .pageAnnonceur .ficheAnnonceur { float: right; } .ficheAnnonceur { background-color: #ffffff; } .ficheAnnonceur .breadcrumb { margin-left: 1.94175%; margin-right: 1.94175%; } .ficheAnnonceur .enTete { margin: 0 1.94175% 15px; position: relative; } .ficheAnnonceur .enTete [class*="titreQ"] { margin-bottom: 0; } .ficheAnnonceur .enTete [class*="titreP"] { margin-bottom: 5px; } .ficheAnnonceur .blockContenu { margin: 0 1.94175%; } .ficheAnnonceur .blockContenu .descriptionContenu { margin-bottom: 15px; line-height: 20px; } .ficheAnnonceur .blockContenu .descriptionContenu [class*="titreG"] { margin-bottom: 0; } .ficheAnnonceur .blockContenu .descriptionContenu > div p:not([class*="titreJ"]) { margin: 0 0 5px; } .ficheAnnonceur .blockContenu .descriptionContenu [class*="liste"] li { display: inline-block; width: 32.82828%; padding-right: 1.51515%; } .ficheAnnonceur .blockContenu .descriptionContenu .contentImg { float: left; width: 26.76768%; margin: 0 2.0202% 20px 0; position: relative; } .ficheAnnonceur .blockContenu .descriptionContenu .contentImg [class*="legendePromo"] { position: absolute; bottom: -20px; left: 0; } .ficheAnnonceur .blockContenu .descriptionContenu .contentText { margin-bottom: 15px; *zoom: 1; } .ficheAnnonceur .blockContenu .descriptionContenu .contentText:before, .ficheAnnonceur .blockContenu .descriptionContenu .contentText:after { content: " "; display: table; } .ficheAnnonceur .blockContenu .descriptionContenu .contentText:after { clear: both; } .ficheAnnonceur .blockContenu .descriptionContenu .videoContent { width: 100%; margin: 10px 0; text-align: center; } .ficheAnnonceur .blockContenu .descriptionContenu .videoContent embed, .ficheAnnonceur .blockContenu .descriptionContenu .videoContent object { width: 100%; max-width: 425px; max-height: 344px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon { width: 100%; margin: 0 0 10px 0; background-color: #ffffff; -moz-box-shadow: 0 5px 10px -10px #666666; -webkit-box-shadow: 0 5px 10px -10px #666666; box-shadow: 0 5px 10px -10px #666666; *zoom: 1; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon:before, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon:after { content: " "; display: table; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon:after { clear: both; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon { cursor: pointer; padding: 10px 0; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .icon-plus, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .icon-moins, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .icon-infos { cursor: true; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore0, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc0 { background-color: #ffffff; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore1, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc1 { background-color: #000000; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore2, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc2 { background-color: #666666; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore3, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc3 { background-color: #db0a5b; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore4, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc4 { background-color: #b30b4c; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore5, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc5 { background-color: #1fa0bc; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore6, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc6 { background-color: #ff9124; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore7, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc7 { background-color: #e5e5e5; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore8, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc8 { background-color: #02677e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore9, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc9 { background-color: #c3c3c3; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore10, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc10 { background-color: #eb6d19; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore11, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc11 { background-color: #f6f6f6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore12, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc12 { background-color: #d2ecf2; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore13, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc13 { background-color: #eacc00; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore14, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc14 { background-color: #e73a37; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore15, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc15 { background-color: #fcd7e6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore16, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc16 { background-color: #002e60; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore17, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc17 { background-color: #26b00e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconLessmore18, .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .iconDisc18 { background-color: #95B3D7; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 8px; font-size: 9px; vertical-align: middle; margin: 0 0 0 15px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .intitule { display: inline-block; width: 160px; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .titleAccordeon .detail { display: inline-block; } .ficheAnnonceur .blockContenu .descriptionContenu .blockAccordeon .contenuAccordeon { margin: 10px 0 10px 165px; } .ficheAnnonceur .blockContenu .contenuPresentation { margin-bottom: 20px; } .ficheAnnonceur .blockContenu .contenuPresentation .contentGalerie { width: 66.66667%; float: left; position: relative; } .ficheAnnonceur .blockContenu .contenuPresentation .contentGalerie [class*="legendePromo"] { display: inline-block; margin-top: 5px; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite { width: 30.30303%; margin-left: 3.0303%; float: left; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite [class*="titre"] { background-color: #d2ecf2; margin: 0; padding: 10px 3.33333%; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table { margin: 0 0 10px; padding: 0; width: 100%; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table tr { border-bottom: solid 1px #c3c3c3; padding: 10px 3.33333%; font-size: 16px; display: block; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table tr.titreP5 { border-bottom: none; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table tr td { display: inline-block; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table tr td.intituleCap { width: 78.57143%; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite table tr td.nombreCap { width: 19.64286%; color: #1fa0bc; text-align: right; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite .optionsAnnonceur { margin-top: 25px; text-align: center; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite .optionsAnnonceur .cercleOption { vertical-align: middle; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite .optionsAnnonceur .cercleOption.logoExposant { background-color: #ffffff; } .ficheAnnonceur .blockContenu .contenuPresentation .contentCapacite .optionsAnnonceur .cercleOption.logoExposant img { max-width: 100%; } .ficheAnnonceur .blockContenu .contenuPresentation .contentPresentation { *zoom: 1; margin: 20px 0; } .ficheAnnonceur .blockContenu .contenuPresentation .contentPresentation:before, .ficheAnnonceur .blockContenu .contenuPresentation .contentPresentation:after { content: " "; display: table; } .ficheAnnonceur .blockContenu .contenuPresentation .contentPresentation:after { clear: both; } .ficheAnnonceur .blockContenu .contenuPresentation .contentPresentation .contentImg { float: left; margin: 0 2.0202% 0 0; width: 220px; } .ficheAnnonceur .blockContenu .contenuContact { *zoom: 1; } .ficheAnnonceur .blockContenu .contenuContact:before, .ficheAnnonceur .blockContenu .contenuContact:after { content: " "; display: table; } .ficheAnnonceur .blockContenu .contenuContact:after { clear: both; } .ficheAnnonceur .blockContenu .contenuContact .btnPanierFA { margin: 50px 0 15px; } .ficheAnnonceur .blockContenu .contenuContact .contenuDemi { width: 48.83901%; float: left; } .ficheAnnonceur .blockContenu .contenuContact .contenuDemi.contenuMap { margin-right: 2.32198%; } .ficheAnnonceur .blockContenu .contenuContact .contenuDemi.contenuMap iframe { width: 100%; height: auto; } .ficheAnnonceur .blockContenu .contenuContact .contenuDemi [class*="boutonA"] { display: block; margin: 40px auto 0 auto; max-width: 300px; } .ficheAnnonceur .blockContenu .contenuContact [class*="text"] { margin: 0 0 5px; } .ficheAnnonceur .blockContenu .contenuContact [class*="text"] .intituleCoord { font-weight: bold; } .ficheAnnonceur .blockContenu .contenuContact .textNom { font-weight: bold; } .ficheAnnonceur .blockContenu .contenuContact .priseContact { width: auto; margin: 0; padding: 0; text-align: left; } .ficheAnnonceur .blockContenu .contenuContact .priseContact:hover { color: #1fa0bc; } .ficheAnnonceur .blockContenu .contenuContact .contactDetails { margin: 15px 0 25px 0; } .ficheAnnonceur .blockContenu .contenuContact .contactDetails .carteContact { margin-bottom: 15px; } .ficheAnnonceur .blockContenu .contenuOffres .descriptionContenu, .ficheAnnonceur .blockContenu .contenuPromotion .descriptionContenu, .ficheAnnonceur .blockContenu .contenuBrochures .descriptionContenu { *zoom: 1; } .ficheAnnonceur .blockContenu .contenuOffres .descriptionContenu:before, .ficheAnnonceur .blockContenu .contenuOffres .descriptionContenu:after, .ficheAnnonceur .blockContenu .contenuPromotion .descriptionContenu:before, .ficheAnnonceur .blockContenu .contenuPromotion .descriptionContenu:after, .ficheAnnonceur .blockContenu .contenuBrochures .descriptionContenu:before, .ficheAnnonceur .blockContenu .contenuBrochures .descriptionContenu:after { content: " "; display: table; } .ficheAnnonceur .blockContenu .contenuOffres .descriptionContenu:after, .ficheAnnonceur .blockContenu .contenuPromotion .descriptionContenu:after, .ficheAnnonceur .blockContenu .contenuBrochures .descriptionContenu:after { clear: both; } .ficheAnnonceur .blockType { -moz-box-shadow: 0 0 20px -4px #a3a3a3; -webkit-box-shadow: 0 0 20px -4px #a3a3a3; box-shadow: 0 0 20px -4px #a3a3a3; margin: 35px 0; } .ficheAnnonceur .blockMaillage { margin: 0 1.94175%; *zoom: 1; } .ficheAnnonceur .blockMaillage:before, .ficheAnnonceur .blockMaillage:after { content: " "; display: table; } .ficheAnnonceur .blockMaillage:after { clear: both; } .ficheAnnonceur .blockMaillage [class*="blocJ"] { *zoom: 1; } .ficheAnnonceur .blockMaillage [class*="blocJ"]:before, .ficheAnnonceur .blockMaillage [class*="blocJ"]:after { content: " "; display: table; } .ficheAnnonceur .blockMaillage [class*="blocJ"]:after { clear: both; } .ficheAnnonceur .blockMaillage [class*="titreA"] { margin: 20px 0; } .ficheAnnonceur .blockMaillage [class*="titreJ"] { margin-bottom: 0; } .ficheAnnonceur .blockMaillage [class*="titreJ"] [class*="icon-"] { font-size: 25px; } .ficheAnnonceur .blockMaillage .contenu .contentImg { margin: 0 3.1746% 15px 0; width: 110px; } .ficheAnnonceur .blockMaillage .contenu [class*="titreP"] { margin: 0; } .ficheAnnonceur .blockMaillage .contenu .etoiles { font-size: 14px; } .ficheAnnonceur .blockMaillage .contenu .localisation { margin-bottom: 10px; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP1 { color: #1fa0bc; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP2 { color: #db0a5b; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP3 { color: #1fa0bc; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP5 { color: #db0a5b; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP6 { color: #db0a5b; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP9 { color: #1fa0bc; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP12 { color: #02677e; } .ficheAnnonceur .blockMaillage .contenu:hover .titreP16 { color: #eb6d19; } .ficheAnnonceur .blockMaillage .blockHover { width: 23.23232%; float: left; } .ficheAnnonceur .blockMaillage .blockHover:not(.first) { margin-left: 2.0202%; } .ficheAnnonceur .blockMaillage .blockHover .titre > [class*="titreC"] { line-height: normal; } .pageHub #sidebar1 .wrapper { margin: 0 0 5px; } .pageHub #sidebar1 [class^="bouton"] { margin: 10px 0; } .pageHub .chapo2 { margin-bottom: 40px; } .pageHub li { vertical-align: top; } .pageHub li.blockLieuxHubs { display: inline-block; width: 30.8642%; margin: 0 2.05761% 0 0; } .pageHub li.blockRegion { padding: 0; } .pageHub li.blockRegion .contenu:hover { text-decoration: none; } .pageHub li.blockRegion .contenu:hover .titreH1 { color: #1fa0bc; } .pageHub li.blockRegion .contenu:hover .titreH2 { color: #db0a5b; } .pageHub li.blockRegion .contenu:hover .titreH3 { color: #1fa0bc; } .pageHub li.blockRegion .contenu:hover .titreH5 { color: #db0a5b; } .pageHub li.blockRegion .contenu:hover .titreH6 { color: #db0a5b; } .pageHub li.blockRegion .contenu:hover .titreH9 { color: #1fa0bc; } .pageHub li.blockRegion .contenu:hover .titreH12 { color: #02677e; } .pageHub li.blockRegion .contenu:hover .titreH16 { color: #eb6d19; } .pageHub .top3Villes { *zoom: 1; margin: 0; padding: 0; list-style: none; } .pageHub .top3Villes:before, .pageHub .top3Villes:after { content: " "; display: table; } .pageHub .top3Villes:after { clear: both; } .pageHub .top3Villes li { display: block; float: left; width: 31.95876%; padding: 0; } .pageHub .top3Villes li:not(:first-child) { margin: 0 0 0 2.06186%; } .pageHub #chaineHub .paginationAlpha { width: 100%; padding: 15px 20px 5px; background-color: #f6f6f6; color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase; *zoom: 1; } .pageHub #chaineHub .paginationAlpha:before, .pageHub #chaineHub .paginationAlpha:after { content: " "; display: table; } .pageHub #chaineHub .paginationAlpha:after { clear: both; } .pageHub #chaineHub .paginationAlpha p { margin: 0 10px 10px 0; float: left; } .pageHub #chaineHub .paginationAlpha .alphabet { float: right; } .pageHub #chaineHub .paginationAlpha .lettrePagination { display: inline-block; } .pageHub #chaineHub .paginationAlpha .lettrePagination:not(.first) { border-left: 2px solid #000000; } .pageHub #chaineHub .paginationAlpha .lettrePagination span, .pageHub #chaineHub .paginationAlpha .lettrePagination a { padding: 2px 3px 2px 5px; } .pageHub #chaineHub .paginationAlpha .lettrePagination a { color: #1fa0bc; } .pageHub #chaineHub .paginationAlpha .lettrePagination a:hover, .pageHub #chaineHub .paginationAlpha .lettrePagination a:active { color: #db0a5b; text-decoration: none; } .pageHub #chaineHub .listChaineHub { margin: 0; padding: 0; list-style-type: none; } .pageHub #chaineHub .listChaineHub .blockChaineHub { *zoom: 1; } .pageHub #chaineHub .listChaineHub .blockChaineHub:before, .pageHub #chaineHub .listChaineHub .blockChaineHub:after { content: " "; display: table; } .pageHub #chaineHub .listChaineHub .blockChaineHub:after { clear: both; } .pageHub #chaineHub .listChaineHub .blockChaineHub .contentImg { margin-right: 2.57732%; max-height: 105px; max-width: 105px; width: 11.03093%; border: 1px solid #c3c3c3; float: left; font-size: 0; } .pageHub #chaineHub .listChaineHub .blockChaineHub .contentText { float: left; width: 86.08247%; } .pageHub #chaineHub .listChaineHub .blockChaineHub .contentText [class^="lienA"] { position: relative; padding-left: 15px; } .pageHub #chaineHub .listChaineHub .blockChaineHub .contentText [class^="lienA"] .icon-arrow { bottom: 3px; left: 0; position: absolute; } .pageErreur .text404 { text-align: center; margin: 5px 0 30px; color: #000000; font-size: 15px; line-height: 24px; } .pageErreur .text404.introFormRech { font-style: italic; } .pageErreur .formRecherche { margin: 0 auto 30px; position: relative; left: 0; top: 0; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .pageErreur .formRecherche select, .pageErreur .formRecherche .select2-container, .pageErreur .formRecherche input[type="text"], .pageErreur .formRecherche .boutonA3 { box-shadow: none; } .pageErreur .formRecherche .sliderDistance { color: #000000; background-color: transparent; } .pageErreur .formRecherche .linkAdvanced a, .pageErreur .formRecherche .linkAdvanced [class*="icon-"] { color: #666666; text-shadow: none; } .pageErreur .contentBloc { *zoom: 1; margin: 0 auto; max-width: 1366px; } .pageErreur .contentBloc:before, .pageErreur .contentBloc:after { content: " "; display: table; } .pageErreur .contentBloc:after { clear: both; } .pageErreur .contentBloc .colonneUnTiers { padding-top: 20px; text-decoration: none; } .pageErreur .contentBloc .colonneUnTiers .cercle [class*="icon"] { color: #db0a5b; font-size: 100px; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } .pageErreur .contentBloc .colonneUnTiers .texte { color: #000000; text-decoration: none; } .pageErreur .contentBloc .colonneUnTiers:hover .titreD3 { color: #1fa0bc; } .pageErreur .centralBloc { *zoom: 1; margin: 0 auto; width: 79.06296%; } .pageErreur .centralBloc:before, .pageErreur .centralBloc:after { content: " "; display: table; } .pageErreur .centralBloc:after { clear: both; } .pageErreur .centralBloc .contentText { float: left; width: 54.62963%; margin: 65px 0 0 6.48148%; vertical-align: middle; } .pageErreur .centralBloc .contentText p { line-height: 30px; margin-bottom: 25px; } .pageErreur .centralBloc .contentText p .iconesReseaux a { text-decoration: none; } .pageErreur .centralBloc .contentText p .iconesReseaux a i { color: #1fa0bc; font-size: 35px; vertical-align: middle; margin: 0 5px 0 2px; } .pageErreur .centralBloc .contentText p a { color: #1fa0bc; } .pageErreur .centralBloc .contentImg { border: none; float: left; max-width: 355px; width: 32.87037%; height: 365px; line-height: 365px; } .pageErreur .centralBloc .contentImg img { max-width: 100%; } @media (min-width: 1367px) { .sosForm .enteteSos { background-size: 100% auto; } } .sosForm { background-color: #ffffff; *zoom: 1; } .sosForm:before, .sosForm:after { content: " "; display: table; } .sosForm:after { clear: both; } .sosForm .colEventSos { margin-top: 30px; } .sosForm .selectText2 { min-height: 42px; } .sosForm .testimoniaux { margin: 0 1.83016% 20px 1.83016%; } .enteteSos { background-image: url(/images/bg/bg-sos-seminaire.jpg); width: 100%; height: 360px; background-repeat: no-repeat; background-position: 0 0; background-color: #ffffff; position: relative; } .enteteSos .contactSos { position: absolute; right: 0; bottom: -18px; padding: 15px 30px; z-index: 2; } .enteteSos .contactSos span { display: block; margin: 0; } .enteteSos .contactSos span:first-child { text-transform: uppercase; } .enteteSos .reassuranceSos { background-color: rgba(255, 255, 255, 0.5); max-width: 400px; height: 360px; padding: 0 20px; margin-left: 45px; } .enteteSos .reassuranceSos .arguSos { *zoom: 1; max-width: 360px; padding: 15px 0 0; } .enteteSos .reassuranceSos .arguSos:before, .enteteSos .reassuranceSos .arguSos:after { content: " "; display: table; } .enteteSos .reassuranceSos .arguSos:after { clear: both; } .enteteSos .reassuranceSos .arguSos .pastille { position: relative; float: left; background-color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 100px; width: 100px; margin: 0; text-align: center; border: none; } .enteteSos .reassuranceSos .arguSos .pastille [class*="icon-"] { color: #db0a5b; font-size: 75px; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } .enteteSos .reassuranceSos .arguSos .pastille [class*="icon-"].icon-gratuit { font-size: 85px; } .enteteSos .reassuranceSos .arguSos .pastille .textIcon { position: absolute; z-index: 2; top: 42%; left: 0; right: 0; color: #ffffff; font-weight: bold; text-transform: uppercase; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .enteteSos .reassuranceSos .arguSos .arguContent { float: left; margin: 25px 0 10px 20px; } .enteteSos .reassuranceSos .arguSos .arguContent p { margin: 0; } .enteteSos .reassuranceSos .arguSos .arguContent p.textArgu { font-size: 32px; font-weight: bold; color: #666666; text-transform: uppercase; } .enteteSos .reassuranceSos.de .arguSos .arguContent p.textArgu, .enteteSos .reassuranceSos.es .arguSos .arguContent p.textArgu, .enteteSos .reassuranceSos.it .arguSos .arguContent p.textArgu { font-size: 16px; } .colEtapesSos { float: left; margin: 30px 0 20px 1.83016%; width: 41.43485%; } .colEtapesSos .etapeSos { text-align: center; padding: 15px 9.71731% 10px 15.90106%; position: relative; width: 90.28269%; } .colEtapesSos .etapeSos:not(.first) { margin-top: 15px; } .colEtapesSos .etapeSos.first { margin-top: 75px; } .colEtapesSos .etapeSos.active { background-color: #d2ecf2; border-top: 5px solid #1fa0bc; min-height: 295px; } .colEtapesSos .etapeSos .triangle.active { width: 0; height: 0; border-style: solid; border-width: 148px 0 148px 50px; display: block; border-color: transparent transparent transparent #d2ecf2; position: absolute; top: -5px; right: -50px; } .colEtapesSos .etapeSos .cercle [class*="icon"] { color: #1fa0bc; } .colEtapesSos .etapeSos [class*="titre"] { margin: 15px 0 5px; } .colEtapesSos .etapeSos .descriptionSos { margin: 0; } .timeline { padding: 6px 0 40px; float: left; position: relative; } .timeline p { margin: 0; padding-left: 15%; font-size: 24px; font-weight: bold; } .timeline [class*="icon"] { font-size: 30px; } .timeline [class*="icon"].flecheTimeline { bottom: -17px; right: -7px; position: absolute; z-index: 2; } .timeline .cercle { height: 60px; width: 60px; position: absolute; bottom: -30px; left: 30%; } .timeline.active { width: 63.0137%; color: #1fa0bc; border-bottom: solid 5px #1fa0bc; } .timeline.active .cercle { border: 5px solid #1fa0bc; } .timeline.nonActive { width: 36.9863%; color: #c3c3c3; border-bottom: solid 5px #c3c3c3; } .timeline.nonActive .cercle { border: 5px solid #c3c3c3; } .msgInfoPanier { margin: 0; padding: 10px; background-color: #ffffff; font-size: 16px; text-align: center; color: #db0a5b; } .landingPanier { padding: 30px 0.51245% 0; background-color: #ffffff; } .landingPanier .infopanier { padding: 0 1.47929% 15px; } .landingPanier .infopanier [class*="titreN"] span { color: #1fa0bc; } .landingPanier .infopanier [class^="titreS"] [class^="lienE"] { text-decoration: underline; } .landingPanier .infopanier p { margin: 0 0 15px; } .landingPanier .contentResultat { padding: 0 1.47929%; width: 77.81065%; float: left; } .landingPanier .contentResultat [class*="titreT"]:target:before { content: ""; display: block; height: 80px; margin: -80px 0 0; } .descriptionEvent { margin: 40px auto; position: relative; } .descriptionEvent [class*="titreA"] + [class*="titreV"] { margin: 20px 0; } .descriptionEvent .listNum { font-size: 15px; font-weight: bold; color: #1fa0bc; } .descriptionEvent .numTel { color: #db0a5b; font-weight: bold; } .descriptionEvent .contentFormEvent { margin: 50px 4.57317% 0; } .descriptionEvent .contentFormEvent .colG { padding-right: 6.71141%; } .descriptionEvent .contentFormEvent .colTable { display: table; width: 100%; } .descriptionEvent .contentFormEvent .colTable .colTableG, .descriptionEvent .contentFormEvent .colTable .colTableD { display: table-cell; vertical-align: middle; width: 50%; } .descriptionEvent .contentFormEvent .colTable .colTableG { padding-right: 6.71141%; } .descriptionEvent .contentFormEvent .colTable .colTableD [class^="titre"], .descriptionEvent .contentFormEvent .colTable .colTableD > div { display: table-cell; } .descriptionEvent .contentFormEvent .colTable .colTableD > div#ajout_document { padding-left: 25px; } .descriptionEvent .contentFormEvent .colTable .colTableD > div #files { margin-top: 15px; } .descriptionEvent .contentFormEvent .contentDateHour { *zoom: 1; position: relative; } .descriptionEvent .contentFormEvent .contentDateHour:before, .descriptionEvent .contentFormEvent .contentDateHour:after { content: " "; display: table; } .descriptionEvent .contentFormEvent .contentDateHour:after { clear: both; } .descriptionEvent .contentFormEvent .contentDateHour .contentCalendrier { width: 48.88889%; float: left; } .descriptionEvent .contentFormEvent .contentDateHour .contentHour { width: 48.88889%; float: left; margin-left: 2.22222%; } .descriptionEvent .contentFormEvent .contentDateHour .contentHour > div { width: 47.72727%; float: left; } .descriptionEvent .contentFormEvent .contentDateHour .contentHour > div:first-child { margin-right: 4.54545%; } .descriptionEvent .contentFormEvent .contentDateHour .posInfobulle { position: absolute; top: 30px; right: -35px; } .descriptionEvent .contentFormEvent .contentDateHour .posInfobulle [class*="iconDisc"] { border: solid 2px #1fa0bc; color: #1fa0bc; } .descriptionEvent .contentFormEvent .contentCheckbox { margin-bottom: 15px; } .descriptionEvent .contentFormEvent .contentCheckbox input[type="checkbox"] { vertical-align: middle; margin: 0 5px 0 0; } .descriptionEvent .contentFormEvent .contentCheckbox label { display: inline-block; vertical-align: middle; } .descriptionEvent .contentFormEvent .contentDateFlex { *zoom: 1; } .descriptionEvent .contentFormEvent .contentDateFlex:before, .descriptionEvent .contentFormEvent .contentDateFlex:after { content: " "; display: table; } .descriptionEvent .contentFormEvent .contentDateFlex:after { clear: both; } .descriptionEvent .contentFormEvent .contentDateFlex > div { width: 48.88889%; float: left; } .descriptionEvent .contentFormEvent .contentDateFlex > div:first-child { margin-right: 2.22222%; } .howTo { background-color: #ffffff; } .howTo .breadcrumb { padding: 0 1.83016%; } .howTo .iconDefaut { color: #1fa0bc; } .howTo .iconCouleur { color: #db0a5b; } .howTo .menuHowTo + [class*="blocA"] { position: relative; } .howTo .serviceGratuit { position: absolute; top: 5px; left: 5px; text-align: center; z-index: 2; } .howTo .serviceGratuit .pastille { position: relative; margin: 0 auto; width: 85px; } .howTo .serviceGratuit .pastille [class*="icon-"] { color: #db0a5b; font-size: 85px; } .howTo .serviceGratuit .pastille .textIcon { position: absolute; z-index: 2; top: 42%; left: 0; right: 0; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 13px; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .howTo .serviceGratuit .texteGratuit { display: block; color: #db0a5b; } .howTo .contentBloc { *zoom: 1; margin: 40px auto 0; max-width: 1366px; } .howTo .contentBloc:before, .howTo .contentBloc:after { content: " "; display: table; } .howTo .contentBloc:after { clear: both; } .howTo .contentBloc .colonneUnTiers > a { text-decoration: none; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD1 { color: #1fa0bc; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD2 { color: #db0a5b; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD3 { color: #1fa0bc; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD5 { color: #db0a5b; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD6 { color: #db0a5b; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD9 { color: #1fa0bc; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD12 { color: #02677e; } .howTo .contentBloc .colonneUnTiers > a:hover .titreD16 { color: #eb6d19; } .howTo .contentBloc .colonneUnTiers > .texte [class*="lienA"] { text-decoration: underline; } .howTo .logoSosSem { display: inline-block; width: 380px; margin: 95px 0 0 0.78989%; padding-left: 100px; position: relative; vertical-align: top; text-decoration: none; } .howTo .logoSosSem [class*="icon-"] { display: block; color: #1fa0bc; font-size: 85px; position: absolute; top: 5px; left: 0; } .howTo .logoSosSem span { display: block; text-transform: uppercase; } .howTo .logoSosSem span.texte1 { color: #1fa0bc; font-size: 45px; font-weight: bold; } .howTo .logoSosSem span.texte2 { color: #000000; font-size: 35px; } .howTo .logoSosSem:hover [class*="icon-"], .howTo .logoSosSem:hover span.texte1 { color: #db0a5b; } .howTo .aideEvenement { display: inline-block; width: 51.34281%; margin-top: 50px; } .howTo .aideEvenement p { margin: 0 0 45px; } .howTo .conteneurHelpEvent { padding: 0; font-size: 0; } .howTo .conteneurHelpEvent .contentImg2 { display: inline-block; width: 36.60322%; max-width: 500px; } .howTo .conteneurHelpEvent .contenuHelpEvent { display: inline-block; width: 63.39678%; padding: 20px 3.66032%; vertical-align: middle; color: #ffffff; } .howTo .conteneurHelpEvent .contenuHelpEvent .titreHelpEvent { margin: 0 0 65px; font-size: 32px; font-weight: bold; } .howTo .conteneurHelpEvent .contenuHelpEvent p { margin: 0; font-size: 18px; } .howTo .conteneurHelpEvent .contenuHelpEvent p a { color: #ffffff; } .howTo .conteneurHelpEvent .contenuHelpEvent p a:hover { text-decoration: none; } .cdc { margin: 50px auto 40px; } .cdc > [class^="titre"] { margin-left: 4.57317%; margin-right: 4.57317%; } .cdc .saveCdcTotal { margin: 25px 0; text-align: right; } .cdc .saveCdcTotal [class*="bouton"] { max-width: 500px; text-align: left; } .cdc .contentCdcOnglet:last-child { border-bottom: 1px solid #1fa0bc; } .cdc .contentCdcOnglet .cdcOnglet { display: block; position: relative; width: 100%; height: 75px; line-height: 75px; padding: 0 20px 0 80px; border-top: 1px solid #1fa0bc; background-color: #ffffff; color: #1fa0bc; font-weight: bold; font-size: 22px; text-decoration: none; } .cdc .contentCdcOnglet .cdcOnglet span:first-child { width: 55px; height: 74px; display: block; position: absolute; left: 0; top: 0; background-color: #1fa0bc; color: #ffffff; text-align: center; font-size: 50px; } .cdc .contentCdcOnglet .cdcOnglet span:first-child:after { margin-top: -10px; content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; display: block; border-color: transparent transparent transparent #1fa0bc; position: absolute; top: 50%; right: -10px; } .cdc .contentCdcOnglet .cdcOnglet .iconOnglet { display: inline-block; position: relative; text-align: center; background-color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 57px; width: 57px; margin: 10px 15px 0 0; text-align: center; border: 5px solid #1fa0bc; line-height: 43px; } .cdc .contentCdcOnglet .cdcOnglet .iconOnglet [class*="icon-"] { color: #1fa0bc; font-size: 30px; vertical-align: middle; } .cdc .contentCdcOnglet .cdcOnglet .iconOnglet + span { vertical-align: middle; } .cdc .contentCdcOnglet .cdcOnglet .icon-flechebouton { display: block; color: #1fa0bc; font-size: 20px; position: absolute; top: 26px; right: 1.52439%; } .cdc .contentCdcOnglet .cdcOnglet.open, .cdc .contentCdcOnglet .cdcOnglet:hover { background-color: #d2ecf2; } .cdc .contentCdcOnglet .cdcOnglet.open span:first-child, .cdc .contentCdcOnglet .cdcOnglet:hover span:first-child { background-color: #02677e; } .cdc .contentCdcOnglet .cdcOnglet.open span:first-child:after, .cdc .contentCdcOnglet .cdcOnglet:hover span:first-child:after { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; display: block; border-color: transparent transparent transparent #02677e; position: absolute; top: 50%; right: -10px; } .cdc .contentCdcOnglet .cdcOnglet.open .icon-flechebouton { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cdc .contentCdcOnglet .detailOnglet { padding: 15px 1.52439%; position: relative; border-left: 55px solid #02677e; background-color: #d2ecf2; } .cdc .contentCdcOnglet .detailOnglet .champsObli { position: absolute; top: 0; right: 0; margin: 0; } .cdc .contentCdcOnglet .contenuDetailCdc { *zoom: 1; margin-top: 20px; } .cdc .contentCdcOnglet .contenuDetailCdc:before, .cdc .contentCdcOnglet .contenuDetailCdc:after { content: " "; display: table; } .cdc .contentCdcOnglet .contenuDetailCdc:after { clear: both; } .cdc .contentCdcOnglet .contenuDetailCdc2 { *zoom: 1; margin-top: 20px; } .cdc .contentCdcOnglet .contenuDetailCdc2:before, .cdc .contentCdcOnglet .contenuDetailCdc2:after { content: " "; display: table; } .cdc .contentCdcOnglet .contenuDetailCdc2:after { clear: both; } .cdc .contentCdcOnglet .contenuDetailCdc2 .selectText2 { max-width: 30.95975%; } .cdc .contentCdcOnglet .contenuDetailCdc2 .labelText { margin: 0 0 5px; } .cdc .contentCdcOnglet .contenuDetailCdc2 .calendrier2 { max-width: 175px; } .cdc .contentCdcOnglet .inputfloat { margin-right: 10px; width: 250px; float: left; } .cdc .contentCdcOnglet .inputfloat input { margin-top: 5px; } .cdc .contentCdcOnglet .inputfloat + span { margin: 5px 10px 0 0; padding: 0 10px; height: 32px; display: block; float: left; line-height: 32px; } .cdc .contentCdcOnglet .inputfloat2 { width: 100px; margin-right: 10px; float: left; } .cdc .contentCdcOnglet .inputfloat2 input { margin-top: 5px; } .cdc .contentCdcOnglet .mediumInputPanier { margin-top: 5px; max-width: 70.12195%; display: block; } .cdc .contentCdcOnglet .posInfobulle { float: left; } .cdc .contentCdcOnglet .posInfobulle.posFloat { margin-top: 26px; } .cdc .contentCdcOnglet .posInfobulle.posFloat2 { margin-top: 8px; } .cdc .contentCdcOnglet .posInfobulle.posFloat3 { margin: 8px 0 0 20px; } .cdc .contentCdcOnglet .btnSup .icon-plus, .cdc .contentCdcOnglet .btnSup .icon-moins, .cdc .contentCdcOnglet .btnSup .icon-infos { cursor: true; } .cdc .contentCdcOnglet .btnSup .iconLessmore0, .cdc .contentCdcOnglet .btnSup .iconDisc0 { background-color: #ffffff; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore1, .cdc .contentCdcOnglet .btnSup .iconDisc1 { background-color: #000000; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore2, .cdc .contentCdcOnglet .btnSup .iconDisc2 { background-color: #666666; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore3, .cdc .contentCdcOnglet .btnSup .iconDisc3 { background-color: #db0a5b; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore4, .cdc .contentCdcOnglet .btnSup .iconDisc4 { background-color: #b30b4c; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore5, .cdc .contentCdcOnglet .btnSup .iconDisc5 { background-color: #1fa0bc; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore6, .cdc .contentCdcOnglet .btnSup .iconDisc6 { background-color: #ff9124; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore7, .cdc .contentCdcOnglet .btnSup .iconDisc7 { background-color: #e5e5e5; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore8, .cdc .contentCdcOnglet .btnSup .iconDisc8 { background-color: #02677e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore9, .cdc .contentCdcOnglet .btnSup .iconDisc9 { background-color: #c3c3c3; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore10, .cdc .contentCdcOnglet .btnSup .iconDisc10 { background-color: #eb6d19; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore11, .cdc .contentCdcOnglet .btnSup .iconDisc11 { background-color: #f6f6f6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore12, .cdc .contentCdcOnglet .btnSup .iconDisc12 { background-color: #d2ecf2; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore13, .cdc .contentCdcOnglet .btnSup .iconDisc13 { background-color: #eacc00; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore14, .cdc .contentCdcOnglet .btnSup .iconDisc14 { background-color: #e73a37; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore15, .cdc .contentCdcOnglet .btnSup .iconDisc15 { background-color: #fcd7e6; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore16, .cdc .contentCdcOnglet .btnSup .iconDisc16 { background-color: #002e60; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore17, .cdc .contentCdcOnglet .btnSup .iconDisc17 { background-color: #26b00e; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup .iconLessmore18, .cdc .contentCdcOnglet .btnSup .iconDisc18 { background-color: #95B3D7; color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 7px; font-size: 9px; vertical-align: middle; } .cdc .contentCdcOnglet .btnSup:hover [class*="iconLessmore"] { background-color: #000000; } .cdc .contentCdcOnglet .contentMultipleCdc, .cdc .contentCdcOnglet .contentMultipleCdc2 { *zoom: 1; font-size: 0; } .cdc .contentCdcOnglet .contentMultipleCdc:before, .cdc .contentCdcOnglet .contentMultipleCdc:after, .cdc .contentCdcOnglet .contentMultipleCdc2:before, .cdc .contentCdcOnglet .contentMultipleCdc2:after { content: " "; display: table; } .cdc .contentCdcOnglet .contentMultipleCdc:after, .cdc .contentCdcOnglet .contentMultipleCdc2:after { clear: both; } .cdc .contentCdcOnglet .contentMultipleCdc > div, .cdc .contentCdcOnglet .contentMultipleCdc2 > div { margin-right: 10px; } .cdc .contentCdcOnglet .contentMultipleCdc > div.calendrier2, .cdc .contentCdcOnglet .contentMultipleCdc > div.biColonne, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.calendrier2, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.biColonne { float: left; } .cdc .contentCdcOnglet .contentMultipleCdc > div.calendrier2 + div, .cdc .contentCdcOnglet .contentMultipleCdc > div.biColonne + div, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.calendrier2 + div, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.biColonne + div { float: left; } .cdc .contentCdcOnglet .contentMultipleCdc > div.calendrier2 + .button, .cdc .contentCdcOnglet .contentMultipleCdc > div.biColonne + .button, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.calendrier2 + .button, .cdc .contentCdcOnglet .contentMultipleCdc2 > div.biColonne + .button { margin: 12px 0; } .cdc .contentCdcOnglet .contentMultipleCdc > div.calendrier2 + [class*="boutonD"], .cdc .contentCdcOnglet .contentMultipleCdc > div.biColonne + [class*="boutonD"], .cdc .contentCdcOnglet .contentMultipleCdc2 > div.calendrier2 + [class*="boutonD"], .cdc .contentCdcOnglet .contentMultipleCdc2 > div.biColonne + [class*="boutonD"] { width: 180px; text-align: left; } .cdc .contentCdcOnglet .contentMultipleCdc label, .cdc .contentCdcOnglet .contentMultipleCdc2 label { display: inline-block; vertical-align: middle; width: 270px; font-size: 15px; } .cdc .contentCdcOnglet .contentMultipleCdc .select2-container, .cdc .contentCdcOnglet .contentMultipleCdc2 .select2-container { max-width: 270px; } .cdc .contentCdcOnglet .contentMultipleCdc > div.calendrier2, .cdc .contentCdcOnglet .contentMultipleCdc > div.biColonne { max-width: 440px; } .cdc .contentCdcOnglet .contentMultipleCdc input, .cdc .contentCdcOnglet .contentMultipleCdc select { max-width: 170px; } .cdc .contentCdcOnglet .contentMultipleCdc2 { position: relative; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div.biColonne { width: 640px; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div input, .cdc .contentCdcOnglet .contentMultipleCdc2 > div select, .cdc .contentCdcOnglet .contentMultipleCdc2 > div textarea { max-width: 370px; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div .labelTextarea { vertical-align: top; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div .fauxLabelText { position: relative; float: left; width: 270px; font-size: 15px; padding: 12px 0; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div .fauxLabelText .btnSup { position: absolute; top: 12px; right: 0; } .cdc .contentCdcOnglet .contentMultipleCdc2 > div .fauxInputText { float: left; max-width: 370px; } .cdc .contentCdcOnglet .fauxInputText + .contentMultipleAutre { clear: left; } .cdc .contentCdcOnglet .contentMultipleCdc3 { *zoom: 1; } .cdc .contentCdcOnglet .contentMultipleCdc3:before, .cdc .contentCdcOnglet .contentMultipleCdc3:after { content: " "; display: table; } .cdc .contentCdcOnglet .contentMultipleCdc3:after { clear: both; } .cdc .contentCdcOnglet .contentMultipleCdc3 .contentMultipleCdc2 { float: left; width: auto; } .cdc .contentCdcOnglet .contentMultipleAutre { margin-bottom: 10px; } .cdc .contentCdcOnglet .contentMultipleAutre input, .cdc .contentCdcOnglet .contentMultipleAutre select { max-width: 270px; } .cdc .contentCdcOnglet .decalCheckbox { margin-left: 270px; } .cdc .contentCdcOnglet .listCheckbox { margin: 5px 0; font-size: 0; } .cdc .contentCdcOnglet .listCheckbox p.labelText { margin: 0; display: inline-block; vertical-align: middle; width: 270px; } .cdc .contentCdcOnglet .listCheckbox label { margin-right: 20px; font-size: 15px; } .cdc .contentCdcOnglet .contenuSupplementaire { *zoom: 1; position: relative; margin: 20px 0; padding: 15px 1.93498%; background-color: #e5e5e5; } .cdc .contentCdcOnglet .contenuSupplementaire:before, .cdc .contentCdcOnglet .contenuSupplementaire:after { content: " "; display: table; } .cdc .contentCdcOnglet .contenuSupplementaire:after { clear: both; } .cdc .contentCdcOnglet .contenuSupplementaire [class*="titre"] { padding-right: 15px; } .cdc .contentCdcOnglet .contenuSupplementaire .btnSup { position: absolute; top: 8px; right: 5px; padding: 0; } .cdc .contentCdcOnglet .contenuSupplementaire .colG, .cdc .contentCdcOnglet .contenuSupplementaire .colD { float: left; } .cdc .contentCdcOnglet .contenuSupplementaire .colG { width: 43.88084%; } .cdc .contentCdcOnglet .contenuSupplementaire .colG .labelText2 { display: inline-block; vertical-align: middle; width: 37.61468%; } .cdc .contentCdcOnglet .contenuSupplementaire .colG .selectText2, .cdc .contentCdcOnglet .contenuSupplementaire .colG .inputText2 { max-width: 58.7156%; } .cdc .contentCdcOnglet .contenuSupplementaire .colD { width: 53.94525%; margin-left: 2.17391%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur { *zoom: 1; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur:before, .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur:after { content: " "; display: table; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur:after { clear: both; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .labelTextFloat { width: 29.85075%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .labelTextFloat + div { float: left; width: 70.14925%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate { float: left; width: 48.93617%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate input { max-width: 78.26087%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate label { display: inline-block; width: 20%; text-align: right; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate .errorMessage { margin-left: 21.73913%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate + .contentDate { margin-left: 2.12766%; } .cdc .contentCdcOnglet .contenuSupplementaire .datesConteneur .contentDate + .contentDate + div { clear: left; margin-left: 10.6383%; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex { *zoom: 1; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex:before, .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex:after { content: " "; display: table; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex:after { clear: both; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex p:first-child { margin: 0 0 7px; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex > div { width: 48.50746%; float: left; } .cdc .contentCdcOnglet .contenuSupplementaire .contentDateFlex > div + div { margin-left: 1.49254%; } .contentRecapCdc { margin: 40px auto; width: 64.78659%; max-width: 900px; min-width: 800px; } .contentRecapCdc .linkRecap { position: absolute; right: 5px; bottom: 5px; text-decoration: none; font-size: 18px; color: #c3c3c3; } .contentRecapCdc .linkRecap:hover { color: #000000; } .contentRecapCdc .enteteRecap { *zoom: 1; } .contentRecapCdc .enteteRecap:before, .contentRecapCdc .enteteRecap:after { content: " "; display: table; } .contentRecapCdc .enteteRecap:after { clear: both; } .contentRecapCdc .enteteRecap p { margin: 0; max-width: 50%; display: inline-block; } .contentRecapCdc .enteteRecap p.logo img { width: auto; max-width: 100%; } .contentRecapCdc .enteteRecap p.logo span { display: block; font-size: 12px; } .contentRecapCdc .enteteRecap p.nbrDevis { padding: 5px 10px; float: right; background-color: #ff9124; font-size: 13px; } .contentRecapCdc .entete { margin-top: 15px; padding: 15px 1.76471%; background-color: #e5e5e5; color: #666666; } .contentRecapCdc .entete .infosEntete, .contentRecapCdc .entete .coordEntete { margin: 0; width: 49%; display: inline-block; vertical-align: top; } .contentRecapCdc .entete .infosEntete { padding: 0; list-style: none; } .contentRecapCdc .entete .infosEntete li { margin-bottom: 2px; font-weight: bold; } .contentRecapCdc .entete .infosEntete li .linkRecap { position: static; color: #ffffff; } .contentRecapCdc .entete .infosEntete li .linkRecap:hover { color: #000000; } .contentRecapCdc .entete .coordEntete { padding: 15px 1.76471%; position: relative; background-color: #ffffff; color: #000000; } .contentRecapCdc .entete .coordEntete p { margin: 0; } .contentRecapCdc .entete .coordEntete p.titrecoordEntete { margin-bottom: 10px; font-weight: bold; color: #666666; } .contentRecapCdc .entete .coordEntete p.titrecoordEntete + ul { padding-left: 0; border-right: 1px solid #c3c3c3; } .contentRecapCdc .entete .coordEntete ul { margin: 0; padding: 0 1.17647%; width: 49%; list-style: none; display: inline-block; vertical-align: top; font-size: 11px; } .contentRecapCdc .entete .coordEntete ul + p { margin-top: 10px; font-size: 12px; } .contentRecapCdc .entete .notesEntete { margin-bottom: 0; font-size: 12px; } .contentRecapCdc .entete .notesEntete b, .contentRecapCdc .entete .notesEntete span { width: 49%; display: inline-block; vertical-align: top; } .contentRecapCdc .commentaires { margin-top: 15px; } .contentRecapCdc .commentaires b.sousTitre { display: block; } .contentRecapCdc .commentaires b u { text-decoration: none; } .contentRecapCdc .titreRecap { margin: 15px 0 0; padding: 10px 1.76471%; background-color: #666666; color: #ffffff; font-size: 15px; } .contentRecapCdc .titreRecap:first-letter { text-transform: capitalize; } .contentRecapCdc .minicontentRecap { padding: 15px 1.76471%; position: relative; border: 1px solid #666666; font-size: 13px; } .contentRecapCdc .minicontentRecap .sousTitre { color: #666666; } .contentRecapCdc .minicontentRecap p:not(:first-child) { margin: 10px 0 0; } .contentRecapCdc .minicontentRecap p:first-child { margin: 0; } .contentRecapCdc .colG, .contentRecapCdc .colD { margin-left: 2%; width: 49%; float: left; } .contentRecapCdc .colG { margin-left: 0; } .contentRecapCdc .contentTableRecap { position: relative; font-size: 11px; } .contentRecapCdc .contentTableRecap table { width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; } .contentRecapCdc .contentTableRecap table th, .contentRecapCdc .contentTableRecap table td { padding: 7px 5px; border: 1px solid #666666; } .contentRecapCdc .contentTableRecap table th { background-color: #f6f6f6; font-weight: normal; } .contentRecapCdc .contentTableRecap table th:first-letter { text-transform: capitalize; } .contentRecapCdc .contentTableRecap table th span { display: block; } .contentRecapCdc .contentTableRecap table th span.lumiereJour { margin-top: -12px; } .contentRecapCdc .contentTableRecap table th span.cercleSalle { background-color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 30px; width: 30px; margin: 0 auto 5px; text-align: center; border: 3px solid #666666; } .contentRecapCdc .contentTableRecap table th span.cercleSalle [class*="icon-"] { font-size: 18px; color: #666666; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } .contentRecapCdc .contentTableRecap table th span.cercleSalle + span { white-space: nowrap; } .contentRecapCdc .contentTableRecap table td [class*="icon-"] { vertical-align: middle; } .contentRecapCdc .contentTableRecap table td .icon-coche { color: #666666; } .contentRecapCdc .contentTableRecap table td .icon-deconnect { color: #c3c3c3; } .contentRecapCdc .contentTableRecap a.linkRecap { right: -25px; bottom: 0; } .confirmationPage .confirmBloc { *zoom: 1; margin: 70px 4.63576%; } .confirmationPage .confirmBloc:before, .confirmationPage .confirmBloc:after { content: " "; display: table; } .confirmationPage .confirmBloc:after { clear: both; } .confirmationPage .confirmBloc .colonneUnTiers { padding: 0 4.88998%; } .confirmationPage .confirmBloc .cercle [class*="icon-"] { color: #db0a5b; } .confirmationPage .confirmBloc .cercle [class*="icon-"].icon-conseiller, .confirmationPage .confirmBloc .cercle [class*="icon-"].icon-envoi { font-size: 135px; } .confirmationPage .confirmBloc .textConfirm { font-size: 18px; margin: 30px 0 40px; } .confirmationPage [class*="bouton"] { width: auto; } .confirmationPage .blockBtns { margin-bottom: 60px; text-align: center; } .confirmationPage .blockBtns [class*="bouton"] { margin-bottom: 40px; } .confirmationPage .blockBtns [class*="bouton"]:not(.first) { margin-left: 25px; } .confirmationPage .newSearch { margin: 0 auto 80px; width: 330px; text-align: center; } .headerSEM { position: relative; } @media (max-width: 768px) { .headerSEM.header, .headerSEM.header.headerFixe { height: 55px; } .headerSEM.header .headerContent > li.logoContent, .headerSEM.header.headerFixe .headerContent > li.logoContent { width: 100%; } } .contentLogoSEM { position: absolute; top: 5px; right: 7px; display: table; width: 70.3125%; max-width: 720px; } @media (max-width: 960px) { .contentLogoSEM { width: 67.70833%; } } @media (max-width: 768px) { .contentLogoSEM { display: none; } } .contentLogoSEM .logoSEM { width: -moz-calc(100% / 5); width: -webkit-calc(100% / 5); width: calc(100% / 5); height: 55px; padding: 0 5px; display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; } .contentLogoSEM .logoSEM img { max-width: 100%; } .contentLogoSEM .logoSEM:not(.first) { border-left: solid 1px #e5e5e5; } .conteneurPrincipal.SEM { background-color: #ffffff; padding-bottom: 50px; } .conteneurPrincipal.SEM .contentRGPD { color: #ffffff; } .conteneurPrincipal.SEM .contentRGPD a { color: #ffffff; } .conteneurPrincipal.SEM .containerForm { width: 100%; max-width: 1024px; margin: 20px auto; background-color: #002e60; *zoom: 1; } .conteneurPrincipal.SEM .containerForm:before, .conteneurPrincipal.SEM .containerForm:after { content: " "; display: table; } .conteneurPrincipal.SEM .containerForm:after { clear: both; } @media (max-width: 960px) { .conteneurPrincipal.SEM .containerForm { background-color: #ffffff; } } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM { width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: calc(100% - 320px); font-size: 0; float: left; } @media (max-width: 960px) { .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM { float: none; margin: 0 auto; width: 100%; max-width: 704px; } } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM { position: relative; min-height: 250px; } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM img { max-width: 100%; } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText1, .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText2 { position: absolute; padding: 10px 5px; } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText1 p, .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText2 p { margin: 0; } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText1 { max-width: 500px; color: #ffffff; background-color: #db0a5b; font-size: 16px; font-weight: bold; left: 0; top: 20px; margin: 0; width: auto; } @media (max-width: 360px) { .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText1 { position: static; } } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .illustrationSEM .blockText2 { left: 0; bottom: 0; width: 100%; color: #000000; font-size: 16px; background-color: rgba(255, 255, 255, 0.5); } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .blockText3 { color: #ffffff; background-color: #002e60; font-size: 20px; margin: 0; padding: 15px 40px 15px 10px; position: relative; } @media (max-width: 960px) { .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .blockText3 { display: none; } } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .blockText3 .iconContent { right: 0; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } .conteneurPrincipal.SEM .containerForm .blockIllustrationSEM .blockText3 .iconContent [class^="icon-"] { vertical-align: middle; font-size: 38px; } .conteneurPrincipal.SEM .containerForm .formSEM { width: 320px; float: left; background-color: #002e60; padding: 10px; position: relative; } @media (max-width: 960px) { .conteneurPrincipal.SEM .containerForm .formSEM { float: none; margin: 0 auto; width: 100%; max-width: 704px; } } .conteneurPrincipal.SEM .containerForm .formSEM .enTete { color: #ffffff; height: 44px; margin-bottom: 20px; position: relative; padding-left: 45px; } .conteneurPrincipal.SEM .containerForm .formSEM .enTete .textEntete { font-size: 18px; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } .conteneurPrincipal.SEM .containerForm .formSEM .enTete [class*="icon-"] { font-size: 36px; position: absolute; top: 4px; left: 0; } .conteneurPrincipal.SEM .containerForm .formSEM .errorMessage { background-color: #ffffff; padding: 0 5px; } .conteneurPrincipal.SEM .containerForm .formSEM .selectText { padding: 5px 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .selectText, .conteneurPrincipal.SEM .containerForm .formSEM .inputText { margin-bottom: 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .labelText { color: #ffffff; } .conteneurPrincipal.SEM .containerForm .formSEM .inputRadioContent { color: #ffffff; margin-bottom: 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .inputRadioContent > span { margin-right: 15px; } .conteneurPrincipal.SEM .containerForm .formSEM .textArea { font-size: 14px; height: 70px; margin-bottom: 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .select2-container-multi { padding-top: 0; padding-bottom: 0; } .conteneurPrincipal.SEM .containerForm .formSEM .select2-container { margin-bottom: 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .select2-container .select2-choice { padding: 6px 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .select2-container .select2-choice .select2-arrow b { background-position: 0 5px; } .conteneurPrincipal.SEM .containerForm .formSEM .calendrier2 { margin-bottom: 10px; } .conteneurPrincipal.SEM .containerForm .formSEM .calendrier2 .datepicker-button { height: 33px; width: 30px; font-size: 22px; } .conteneurPrincipal.SEM .containerForm .formSEM .calendrier2 input[type="text"] { padding: 8px 10px; font-size: 14px; } .conteneurPrincipal.SEM .containerForm .formSEM .upload { margin: 10px 0; } .conteneurPrincipal.SEM .containerForm .formSEM .upload .contentLabelText { color: #ffffff; } .conteneurPrincipal.SEM .containerForm .formSEM .upload [class*="boutonB"] { font-size: 14px; } .conteneurPrincipal.SEM .containerForm .formSEM .upload #files > span, .conteneurPrincipal.SEM .containerForm .formSEM .upload #files .btnSuppr { color: #ffffff; } .tablet .conteneurPrincipal.SEM .containerForm .formSEM .upload, .mobile .conteneurPrincipal.SEM .containerForm .formSEM .upload { display: none; } .conteneurPrincipal.SEM .containerForm .formSEM [class*="boutonD"] { width: auto; margin: 0 auto 5px; display: block; padding-left: 50px; } .tablet .conteneurPrincipal.SEM .containerForm .formSEM [class*="boutonD"], .mobile .conteneurPrincipal.SEM .containerForm .formSEM [class*="boutonD"] { margin-top: 15px; } .conteneurPrincipal.SEM .containerForm .formConfirm { width: 100%; background-color: #d2ecf2; padding: 10px; } .conteneurPrincipal.SEM .containerForm .formConfirm [class^="titreS"] { margin: 20px 0 30px 0; text-align: center; } .conteneurPrincipal.SEM .containerForm .formConfirm [class^="titreV"] { margin: 0 0 20px 0; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper { position: relative; margin: 15px auto; width: 100%; max-width: 280px; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container { width: 100%; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container .select2-choice { background: none; height: 100%; line-height: normal; vertical-align: middle; width: 100%; padding: 9px 45px; font-size: 14px; min-height: auto; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container .select2-choice .select2-arrow { display: none; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container .select2-choice > .select2-chosen { margin-right: 0; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container-active .select2-choice, .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .select2-container-active .select2-choices { box-shadow: none; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper .icon-buildings { position: absolute; top: 2px; left: 7px; font-size: 36px; color: #c3c3c3; z-index: 3; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper button { cursor: pointer; border: none; background: none; position: absolute; padding: 0; top: 3px; right: 7px; } .conteneurPrincipal.SEM .containerForm .formConfirm .newSearch.wrapper button .icon-loupe { color: #db0a5b; font-size: 32px; } .conteneurPrincipal.SEM .containerForm .formConfirm > [class^="bouton"] { margin: 15px auto; width: 100%; max-width: 280px; text-align: center; } .conteneurPrincipal.SEM .blockCrosselling { *zoom: 1; width: 100%; max-width: 1024px; margin: 0 auto; } .conteneurPrincipal.SEM .blockCrosselling:before, .conteneurPrincipal.SEM .blockCrosselling:after { content: " "; display: table; } .conteneurPrincipal.SEM .blockCrosselling:after { clear: both; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling { margin-top: 20px; } } .conteneurPrincipal.SEM .blockCrosselling [class*="titreJ"] { margin-left: 10px; } .conteneurPrincipal.SEM .blockCrosselling .descSEO { color: #666666; font-size: 16px; font-weight: normal; margin: 0 0 20px 0; padding: 0 10px; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .descSEO { display: none; } } .conteneurPrincipal.SEM .blockCrosselling .tabContent { margin: 30px 0; width: 100%; height: 84px; display: table; overflow: hidden; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent { display: block; height: auto; margin: 30px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab { color: #ffffff; vertical-align: middle; position: relative; } @media (min-width: 661px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab { width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); display: table-cell; text-align: center; } } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab { display: table; width: 100%; height: 60px; } } @media (min-width: 661px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab:before { margin-top: -44px; content: ''; width: 0; height: 0; border-style: solid; border-width: 44px 0 44px 31px; display: block; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; right: -30px; z-index: 1; } } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--1 { background-color: #002e60; padding-left: 70px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--1:before { border-left-color: #002e60; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--1 .iconContent { left: 10px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--2 { background-color: #666666; padding-left: 100px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--2:before { border-left-color: #666666; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--2 .iconContent { left: 40px; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--2 .iconContent { left: 10px; } } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--3 { background-color: #c3c3c3; padding: 0 10px 0 100px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--3 .iconContent { left: 40px; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--3 .iconContent { left: 10px; } } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--1, .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--2, .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab--3 { padding: 10px 10px 10px 70px; } } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .iconContent { text-align: center; overflow: hidden; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; background-color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 52px; width: 52px; margin: 0; text-align: center; border: none; line-height: 50px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .iconContent img { max-width: 100%; vertical-align: middle; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .iconContent [class^="icon-"] { color: #002e60; font-size: 28px; vertical-align: middle; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .textTab { display: inline; font-size: 12px; } .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .textTab p { margin: 0; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent .tab .textTab { vertical-align: middle; display: table-cell; } } @media (max-width: 960px) { .conteneurPrincipal.SEM .blockCrosselling .tabContent + [class*="titreJ"] { display: none; } } .conteneurPrincipal.SEM .blockCrosselling .columnSEM { margin: 30px 0 0; text-align: center; font-size: 0; } @media (max-width: 960px) { .conteneurPrincipal.SEM .blockCrosselling .columnSEM { display: none; } } .conteneurPrincipal.SEM .blockCrosselling .columnSEM .contenu { text-align: left; display: inline-block; float: none; vertical-align: top; } .conteneurPrincipal.SEM .blockCrosselling .columnSEM .contentImg { margin: 0 3.08642% 15px 0; } .conteneurPrincipal.SEM .blockCrosselling .columnSEM [class*="titreI"] { text-transform: uppercase; } .conteneurPrincipal.SEM .blockCrosselling .columnSEM .etoiles { font-size: 15px; line-height: 11px; } .conteneurPrincipal.SEM .blockCrosselling .columnSEM + [class*="lienE"] { margin: 10px 0 30px; } @media (max-width: 960px) { .conteneurPrincipal.SEM .blockCrosselling .columnSEM + [class*="lienE"] { display: none; } } .conteneurPrincipal.SEM .blockCrosselling .columnEvent { margin: 30px 0 0; text-align: center; font-size: 0; } .conteneurPrincipal.SEM .blockCrosselling .columnEvent .colonneUnTiers { float: none; display: inline-block; vertical-align: top; } .conteneurPrincipal.SEM .blockCrosselling .columnEvent .colonneUnTiers:nth-child(3n+1) { margin-left: 0; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .columnEvent .colonneUnTiers { width: 100%; } .conteneurPrincipal.SEM .blockCrosselling .columnEvent .colonneUnTiers:not(:nth-child(3n+1)) { margin-left: auto; } } .conteneurPrincipal.SEM .blockCrosselling .columnEvent .colonneUnTiers .contentImg { height: 220px; line-height: 218px; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent { *zoom: 1; margin: 30px 0; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent:before, .conteneurPrincipal.SEM .blockCrosselling .testimonyContent:after { content: " "; display: table; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent:after { clear: both; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony { width: 48.98374%; float: left; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony { float: none; width: 100%; } } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony + .blockTestimony { margin-left: 2.03252%; } @media (max-width: 660px) { .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony + .blockTestimony { margin-left: 0; margin-top: 15px; } } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony.oneTestimony { float: none; margin: 0 auto; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson { font-style: italic; margin-bottom: 20px; position: relative; color: #666666; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson p { display: inline; margin: 0; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson:after { z-index: 1; content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; display: block; border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -10px; left: 60px; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson [class^="icon-"] { color: #002e60; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson [class^="icon-"].opened { font-size: 20px; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .textPerson [class^="icon-"].closed { font-size: 10px; padding-right: 5px; display: inline-block; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson { margin-left: 30px; *zoom: 1; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson:before, .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson:after { content: " "; display: table; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson:after { clear: both; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson .imageTestimony { overflow: hidden; display: inline-block; vertical-align: middle; background-color: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 80px; width: 80px; margin: 0; text-align: center; border: none; line-height: 78px; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson .imageTestimony img { max-width: 100%; vertical-align: middle; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson .infoTestimony { display: inline-block; vertical-align: middle; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson .infoTestimony .nameTestimony { font-weight: bold; } .conteneurPrincipal.SEM .blockCrosselling .testimonyContent .blockTestimony .identityPerson .infoTestimony .companyTestimony { text-transform: uppercase; color: #666666; } .conteneurPrincipal.SEM .blockCrosselling .blockPartner { margin: 30px 0; text-align: center; } .conteneurPrincipal.SEM .blockCrosselling .blockPartner .imgPartners { vertical-align: middle; display: inline-block; margin: 0 0.29297% 10px; width: 135px; } .conteneurPrincipal.SEM .blockCrosselling .blockPartner .imgPartners img { max-width: 100%; height: auto; } .conteneurPrincipal.SEM.contentSos .containerForm { background-color: #1fa0bc; } .conteneurPrincipal.SEM.contentSos .containerForm .blockIllustrationSEM .blockText3 { background-color: #1fa0bc; } .conteneurPrincipal.SEM.contentSos .containerForm .formSEM { background-color: #1fa0bc; } .conteneurPrincipal.SEM.contentSos .contentRGPD { color: #000000; } .conteneurPrincipal.SEM.contentSos .contentRGPD a { color: #000000; } .conteneurPrincipal.SEM.contentSos .blockCrosselling .tabContent .tab .iconContent [class^="icon-"] { color: #1fa0bc; } .conteneurPrincipal.SEM.contentSos .blockCrosselling .tabContent .tab--1 { background-color: #1fa0bc; } .conteneurPrincipal.SEM.contentSos .blockCrosselling .tabContent .tab--1:before { border-left-color: #1fa0bc; } .is-noMobile { display: none; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .is-noMobile { display: block; } } .is-clearfix { *zoom: 1; } .is-clearfix:before, .is-clearfix:after { content: " "; display: table; } .is-clearfix:after { clear: both; } .circle__img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; overflow: hidden; text-align: center; font-size: 0; } .circle__img img { max-width: 100%; vertical-align: middle; color: #ffffff; font-size: 12px; } .circle__img.is-border { border: solid 2px #e5e5e5; } .circle__img.is-big { height: 275px; width: 275px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .circle__img.is-big { height: 355px; width: 355px; } } .circle__img.is-small { height: 60px; width: 60px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .circle__img.is-small { height: 120px; width: 120px; } } .title { font-family: "Market Pro", Arial, Helvetica, sans-serif; font-weight: bold; } .title__0 { color: #ffffff; } .title__3 { color: #db0a5b; } .title__6 { color: #ff9124; } .title__16 { color: #002e60; } .btnType { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: block; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; margin: 40px auto 0; width: 200px; padding: 14px 0; } .btnType--1 { background-color: #ffffff; color: #ff9124; } .btnType--1:hover { background-color: #002e60; color: #ffffff; } .btnType--2 { background-color: #ff9124; color: #ffffff; } .btnType--2:hover { color: #002e60; background-color: #ffffff; } .btnType--3 { background-color: #c3c3c3; color: #ffffff; } .btnType--3:hover { background-color: #666666; } .btnType--4 { background-color: #ff9124; color: #ffffff; } .btnType--4:hover { background-color: #002e60; } .block__title { font-weight: normal; position: relative; padding-top: 38px; margin: 0 0 25px; } .block__title--0 { color: #ffffff; } .block__title--3 { color: #db0a5b; } .block__title--5 { color: #1fa0bc; } .block__title--16 { color: #002e60; } .block__number { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); font-size: 75px; position: absolute; top: 0; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .block__number { font-size: 100px; } } .block__number.is-center { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .block__text { margin: 0; font-family: "Market Pro", Arial, Helvetica, sans-serif; } .block__text.is-font24 { font-size: 24px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .block__text.is-font24 { font-size: 36px; } } .block__text.is-font24 span { font-size: 30px; display: block; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .block__text.is-font24 span { font-size: 40px; } } .block__text.is-font36 { font-size: 36px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .block__text.is-font36 { font-size: 48px; } } .block__text.is-center { text-align: center; } .triangle { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .triangle--3 { width: 0; height: 0; border-style: solid; border-width: 30px 31px 0 31px; display: block; border-color: #db0a5b transparent transparent transparent; position: absolute; top: 0; left: 50%; } .triangle--3 [class^="icon-"] { text-shadow: 2px -2px 2px #b30b4c; } .triangle--5 { width: 0; height: 0; border-style: solid; border-width: 30px 31px 0 31px; display: block; border-color: #1fa0bc transparent transparent transparent; position: absolute; top: 0; left: 50%; } .triangle--5 [class^="icon-"] { text-shadow: 2px -2px 2px #02677e; } .triangle--6 { width: 0; height: 0; border-style: solid; border-width: 30px 31px 0 31px; display: block; border-color: #ff9124 transparent transparent transparent; position: absolute; top: 0; left: 50%; } .triangle--6 [class^="icon-"] { text-shadow: 2px -2px 2px #eb6d19; } .triangle--16 { width: 0; height: 0; border-style: solid; border-width: 30px 31px 0 31px; display: block; border-color: #002e60 transparent transparent transparent; position: absolute; top: 0; left: 50%; } .triangle--16 [class^="icon-"] { text-shadow: 2px -2px 2px #000000; } .triangle [class^="icon-"] { color: #ffffff; display: block; font-size: 30px; position: absolute; top: -46px; left: 50%; -moz-transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } .contentTable .icon-coche, .contentForm .icon-coche { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; } .contentTable .icon-coche--1, .contentForm .icon-coche--1 { color: #ffffff; border: solid 2px #ff9124; } .contentTable .icon-coche--2, .contentForm .icon-coche--2 { color: #ff9124; border: solid 2px #ffffff; } .headerOffre { background-color: #ffffff; padding: 10px; position: relative; } .headerOffre.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -moz-box-shadow: 0 12px 10px -8px #666666; -webkit-box-shadow: 0 12px 10px -8px #666666; box-shadow: 0 12px 10px -8px #666666; } .headerOffre .menuButton { text-decoration: none; display: inline-block; margin-right: 15px; vertical-align: top; } .headerOffre .menuButton [class^="icon-"] { color: #002e60; font-size: 25px; line-height: 22px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .headerOffre .menuButton [class^="icon-"] { font-size: 36px; line-height: 32px; } } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .menuButton { display: none; } } .headerOffre .contentLogo { display: inline-block; width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: calc(100% - 45px); vertical-align: top; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .headerOffre .contentLogo { width: auto; } } .headerOffre .contentLogo--logo { display: inline-block; text-decoration: none; vertical-align: middle; width: 165px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .headerOffre .contentLogo--logo { width: auto; } } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .contentLogo--logo { margin-left: 10px; } } .headerOffre .contentLogo--logo img { max-width: 100%; } .headerOffre .contentLogo--baseline { color: #002e60; display: block; font-family: "Market Pro", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 14px; text-align: right; } @media only screen and (min-device-width: 480px), (min-width: 480px) { .headerOffre .contentLogo--baseline { display: inline; vertical-align: middle; } } @media only screen and (min-device-width: 992px), (min-width: 992px) { .headerOffre .contentLogo--baseline { font-size: 24px; line-height: initial; padding-left: 15px; } } .headerOffre .menuContent { background-color: #002e60; display: none; width: 100%; } @media (max-width: 1199px) { .headerOffre .menuContent.is-open { -moz-box-shadow: 0 12px 10px -8px #666666; -webkit-box-shadow: 0 12px 10px -8px #666666; box-shadow: 0 12px 10px -8px #666666; display: block; left: 0; top: 56px; position: absolute; z-index: 3; } } @media only screen and (min-device-width: 480px), (min-width: 480px) { .headerOffre .menuContent.is-open { top: 46px; } } @media only screen and (min-device-width: 992px), (min-width: 992px) { .headerOffre .menuContent.is-open { top: 53px; } } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .menuContent { width: -moz-calc(100% - 480px); width: -webkit-calc(100% - 480px); width: calc(100% - 480px); background-color: #ffffff; display: block; float: right; font-size: 0; text-align: right; } } .headerOffre .menuContent a { display: block; text-decoration: none; color: #ffffff; text-align: center; vertical-align: middle; } .headerOffre .menuContent a:not(.menuContent--button) { margin-top: 25px; font-size: 18px; } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .menuContent a:not(.menuContent--button) { margin: 0 2.88684% 0 0; } } @media (min-width: 1200px) and (max-width: 1280px) { [lang="es"] .headerOffre .menuContent a:not(.menuContent--button) { margin: 0 1.15473% 0 0; } } @media (min-width: 1200px) and (max-width: 1265px) { [lang="de"] .headerOffre .menuContent a:not(.menuContent--button) { margin: 0 1.15473% 0 0; } } @media (min-width: 1200px) and (max-width: 1330px) { [lang="de"] .headerOffre .menuContent a:not(.menuContent--button) { font-size: 16px; } } .headerOffre .menuContent a:hover:not(.menuContent--button) { text-decoration: underline; } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .menuContent a { display: inline-block; color: #002e60; } .headerOffre .menuContent a:nth-child(2) { border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; padding: 0 2.30947%; } } @media (min-width: 1200px) and (max-width: 1265px) { [lang="de"] .headerOffre .menuContent a:nth-child(2) { padding: 0 1.15473%; } } @media (min-width: 1200px) and (max-width: 1280px) { [lang="es"] .headerOffre .menuContent a:nth-child(2) { padding: 0 1.15473%; } } .headerOffre .menuContent--button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background-color: transparent; border: solid 1px #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 40px auto; width: 210px; padding: 5px 0; } .headerOffre .menuContent--button:hover { color: #002e60; background-color: #ffffff; } @media only screen and (min-device-width: 1200px), (min-width: 1200px) { .headerOffre .menuContent--button { border-color: #002e60; margin: 0 2.30947% 0 0; } .headerOffre .menuContent--button:hover { color: #ffffff; background-color: #002e60; } } @media (min-width: 1200px) and (max-width: 1280px) { [lang="de"] .headerOffre .menuContent--button, [lang="es"] .headerOffre .menuContent--button, [lang="it"] .headerOffre .menuContent--button { margin: 0; } } .fullPage { background-color: #ffffff; } .fullPage__content { max-width: 1366px; margin: 0 auto; } .fullPage__content.is-bgColor { background-color: #002e60; } .contentHeading { max-height: 340px; min-height: 120px; overflow: hidden; position: relative; } .contentHeading img { max-width: 100%; } .contentHeading__text { -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 20px; left: 50%; margin: 0; max-width: 630px; position: absolute; text-align: center; text-shadow: 0 1px 0 #000000; top: 50%; width: 71.875%; z-index: 2; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentHeading__text { font-size: 30px; } } .contentIntro { padding: 25px 20px 0 20px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentIntro { *zoom: 1; } .contentIntro:before, .contentIntro:after { content: " "; display: table; } .contentIntro:after { clear: both; } } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentIntro__block { width: 52%; margin-top: 10px; max-width: 615px; float: left; } } @media only screen and (min-device-width: 992px) and (min-device-width: 1200px), only screen and (min-width: 992px) and (min-device-width: 1200px), only screen and (min-device-width: 992px) and (min-width: 1200px), (min-width: 992px) and (min-width: 1200px) { .contentIntro__block { padding-left: 75px; margin-top: 70px; } } .contentIntro .title { font-size: 30px; margin: 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentIntro .title { font-size: 40px; } } .contentIntro__text { font-size: 16px; font-style: italic; color: #002e60; margin: 15px 0 0 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentIntro__text { font-size: 18px; } } .contentIntro__img { font-size: 0; text-align: center; margin-top: 35px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentIntro__img { width: 48%; float: right; margin-top: 15px; padding-left: 15px; } } .contentIntro__img img { max-width: 100%; } .contentJoinUs { background-image: url(/images/offre-partenaire/bg-content-join-us.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 25px 0 40px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentJoinUs { *zoom: 1; padding: 60px 0 65px; } .contentJoinUs:before, .contentJoinUs:after { content: " "; display: table; } .contentJoinUs:after { clear: both; } .contentJoinUs .block__title { width: 33%; float: left; } .contentJoinUs .btnType { clear: left; } } .contentWhyBedouk { position: relative; text-align: center; } .contentWhyBedouk--1 { background-color: #002e60; border-top: solid 30px #ff9124; padding: 60px 20px 65px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk--1 { padding-bottom: 40px; } .contentWhyBedouk--1 .columnContent { position: relative; max-width: 1130px; margin: 0 auto; padding-right: 225px; } .contentWhyBedouk--1 .columnContent--left { position: absolute; left: 0; bottom: 75px; max-width: 215px; } } @media only screen and (min-device-width: 992px) and (min-device-width: 1200px), only screen and (min-width: 992px) and (min-device-width: 1200px), only screen and (min-device-width: 992px) and (min-width: 1200px), (min-width: 992px) and (min-width: 1200px) { .contentWhyBedouk--1 .columnContent--left { left: 20px; } } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk--1 .columnContent--right { position: absolute; right: 0; bottom: 75px; max-width: 200px; } } .contentWhyBedouk--2 { background-image: url(/images/offre-partenaire/bg-why-bedouk-2.jpg); background-repeat: no-repeat; background-position: center right; background-size: cover; border-top: solid 30px #002e60; padding: 30px 20px 45px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk--2 { -moz-display: flex; -webkit-display: flex; -ms-display: flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; min-height: 335px; } .contentWhyBedouk--2 .contentWhyBedouk__text { max-width: 190px; margin: 0 70px; } } .contentWhyBedouk__text { color: #ffffff; font-size: 16px; margin: 30px auto 0; max-width: 220px; text-align: center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk__text { font-size: 18px; } } .contentWhyBedouk__text span { display: block; font-size: 36px; font-family: "Market Pro", Arial, Helvetica, sans-serif; line-height: 36px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk__text span { font-size: 48px; } } .contentWhyBedouk__text.is-icon { position: relative; max-width: 125px; padding: 20px 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk__text.is-icon { padding: 0; } } .contentWhyBedouk__text.is-icon [class^="icon-"] { font-size: 130px; position: absolute; left: 0; top: 2px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk__text.is-icon [class^="icon-"] { font-size: 190px; left: -30px; top: -40px; } } .contentWhyBedouk__img { margin: 30px auto 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk__img { max-width: 895px; } } .contentWhyBedouk__img img { max-width: 100%; } .contentWhyBedouk .title { font-size: 36px; margin: 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentWhyBedouk .title { font-size: 48px; } } .contentArg { position: relative; padding: 35px 20px; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentArg { padding: 60px 0 50px; } } .contentArg__block { max-width: 1210px; margin: 0 auto; } .contentArg--1 { border-top: solid 30px #002e60; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentArg--1 { *zoom: 1; } .contentArg--1:before, .contentArg--1:after { content: " "; display: table; } .contentArg--1:after { clear: both; } .contentArg--1 .contentArg__blockText { max-width: 650px; float: left; width: -moz-calc(100% - 515px); width: -webkit-calc(100% - 515px); width: calc(100% - 515px); } .contentArg--1 .contentArg__text { max-width: 545px; } .contentArg--1 .contentArg__arrow { position: absolute; left: -130px; top: 80px; z-index: 2; } .contentArg--1 .contentArg__img { float: right; padding-right: 150px; position: relative; } .contentArg--1 .contentArg__data { margin: 0; width: 125px; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .contentArg--2 { border-top: solid 30px #db0a5b; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentArg--2 { *zoom: 1; } .contentArg--2:before, .contentArg--2:after { content: " "; display: table; } .contentArg--2:after { clear: both; } .contentArg--2 .contentArg__blockText { max-width: 580px; float: right; width: -moz-calc(100% - 575px); width: -webkit-calc(100% - 575px); width: calc(100% - 575px); } .contentArg--2 .contentArg__arrow { position: absolute; right: -55px; top: 90px; z-index: 2; } .contentArg--2 .contentArg__img { float: left; padding-left: 210px; position: relative; } .contentArg--2 .contentArg__data { margin: 0; width: 185px; position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .contentArg--3 { border-top: solid 30px #1fa0bc; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentArg--3 { *zoom: 1; } .contentArg--3:before, .contentArg--3:after { content: " "; display: table; } .contentArg--3:after { clear: both; } .contentArg--3 .contentArg__blockText { max-width: 560px; float: left; width: -moz-calc(100% - 545px); width: -webkit-calc(100% - 545px); width: calc(100% - 545px); } .contentArg--3 .contentArg__text { max-width: 545px; } .contentArg--3 .contentArg__arrow { position: absolute; left: -105px; top: 60px; z-index: 2; } .contentArg--3 .contentArg__img { float: right; padding-right: 180px; position: relative; } .contentArg--3 .contentArg__data { margin: 0; width: 180px; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .contentArg__text { color: #002e60; font-size: 16px; margin: 0 0 10px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentArg__text { font-size: 18px; } } .contentArg__img { margin: 20px auto 0; text-align: center; } .contentArg__img .circle__img { margin: 0 auto; } .contentArg__data { color: #002e60; font-size: 16px; margin-top: 20px; text-align: center; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentArg__data { font-size: 18px; } } .contentArg__data span { display: block; font-size: 36px; line-height: 32px; font-family: "Market Pro", Arial, Helvetica, sans-serif; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentArg__data span { font-size: 40px; line-height: 36px; } } .contentArg__list { list-style: none; margin: 0; padding: 0; } .contentArg__list li:not(:first-child) { margin-top: 10px; } .contentArg__list li::before { content: '\2022'; font-family: "Market Pro", Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 10px; } .contentTestimony { background-size: cover; padding: 25px 20px; font-size: 0; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony { padding: 50px 20px; min-height: 215px; } } .contentTestimony--1 { background-image: url(/images/offre-partenaire/bg-temoin-1.jpg); background-repeat: no-repeat; background-position: center right; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony--1 .contentTestimony__block { max-width: 910px; margin: 0 auto; } } .contentTestimony--1 .circle__img { background-color: #1fa0bc; } .contentTestimony--2 { background-image: url(/images/offre-partenaire/bg-temoin-2.jpg); background-repeat: no-repeat; background-position: center center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony--2 { *zoom: 1; } .contentTestimony--2:before, .contentTestimony--2:after { content: " "; display: table; } .contentTestimony--2:after { clear: both; } .contentTestimony--2 .contentTestimony__block { max-width: 850px; margin: 0 auto; } .contentTestimony--2 .contentTestimony__text { text-align: right; margin: 0 30px 0 0; } } .contentTestimony--2 .circle__img { background-color: #db0a5b; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony--2 .circle__img { float: right; } } .contentTestimony--3 { background-image: url(/images/offre-partenaire/bg-temoin-3.jpg); background-repeat: no-repeat; background-position: center center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony--3 .contentTestimony__block { max-width: 1190px; margin: 0 auto; } } .contentTestimony--3 .circle__img { background-color: #c3c3c3; } .contentTestimony__text { color: #ffffff; display: inline-block; min-width: 185px; margin-left: 10px; width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: calc(100% - 70px); vertical-align: top; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTestimony__text { margin-left: 30px; width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); width: calc(100% - 150px); } } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony__text { vertical-align: middle; } } .contentTestimony__quote { font-family: "Market Pro", Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTestimony__quote { font-size: 30px; } } .contentTestimony__signature { font-style: italic; font-size: 14px; margin: 10px 0 0; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTestimony__signature { font-size: 16px; } } .contentTestimony .circle__img { display: inline-block; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentTestimony .circle__img { vertical-align: middle; } } .contentPartner { position: relative; padding: 55px 20px 50px; border-top: solid 30px #002e60; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner { padding-top: 70px; } } .contentPartner__title { font-size: 20px; font-weight: normal; color: #ff9124; margin: 0 0 25px; text-align: center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner__title { font-size: 30px; } } .contentPartner__flag { margin-bottom: 45px; text-align: center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner__flag { margin-bottom: 75px; } } .contentPartner__flag a { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #002e60; display: inline-block; font-size: 0; margin: 0 5px; padding: 2px; width: 30px; text-align: center; text-decoration: none; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentPartner__flag a { margin: 0 20px; width: 55px; } } .contentPartner__flag a:hover { background-color: #ff9124; } .contentPartner__flag a img { max-width: 100%; font-size: 16px; } .contentPartner__meetingPlanners { margin-bottom: 40px; text-align: center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner__meetingPlanners { margin-bottom: 90px; } } .contentPartner .sliderContent { margin: 0 auto; max-width: 1300px; font-size: 0; width: 100%; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner .sliderContent { margin-bottom: 35px; -moz-display: flex; -webkit-display: flex; -ms-display: flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } } .contentPartner .sliderContent span { max-width: 130px; width: auto; height: 70px; line-height: 70px; display: inline-block; margin: 0 15px; text-align: center; } @media only screen and (min-device-width: 992px), (min-width: 992px) { .contentPartner .sliderContent span { margin: 0; } } .contentPartner .sliderContent span img { display: inline; max-width: 100%; height: auto; max-height: 100%; vertical-align: middle; } .contentOffer { background-color: #002e60; padding: 115px 20px 55px; } .contentTable { margin: 0 auto; max-width: 1050px; position: relative; } .contentTable .title { font-size: 36px; margin: 0; position: absolute; left: 0; top: -70px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable .title { font-size: 40px; top: 0; } } .contentTable__head, .contentTable__row { *zoom: 1; border-bottom: solid 1px #ffffff; padding: 15px 0; } .contentTable__head:before, .contentTable__head:after, .contentTable__row:before, .contentTable__row:after { content: " "; display: table; } .contentTable__head:after, .contentTable__row:after { clear: both; } .contentTable__head > div, .contentTable__row > div { float: left; } .contentTable__head > div:first-child, .contentTable__row > div:first-child { width: -moz-calc(100% - 106px); width: -webkit-calc(100% - 106px); width: calc(100% - 106px); } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__head > div:first-child, .contentTable__row > div:first-child { width: -moz-calc(100% - 470px); width: -webkit-calc(100% - 470px); width: calc(100% - 470px); } } .contentTable__head > div:not(:first-child), .contentTable__row > div:not(:first-child) { width: 53px; text-align: center; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__head > div:not(:first-child), .contentTable__row > div:not(:first-child) { width: 235px; } } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__head { padding: 0 0 40px; } } .contentTable__head .head__text { color: #ff9124; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; -moz-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -o-transform: rotate(-55deg); -ms-transform: rotate(-55deg); transform: rotate(-55deg); -moz-transform-origin: 10px 0; -webkit-transform-origin: 10px 0; -o-transform-origin: 10px 0; -ms-transform-origin: 10px 0; transform-origin: 10px 0; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__head .head__text { font-size: 40px; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__row { padding: 25px 0 30px; } } .contentTable__row .row__title { color: #ff9124; font-size: 18px; font-weight: bold; margin: 0 0 10px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__row .row__title { font-size: 24px; } } .contentTable__row .row__description { color: #ffffff; font-size: 13px; margin: 0; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__row .row__description { font-size: 18px; } } .contentTable__row .icon-coche { font-size: 25px; padding: 4px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentTable__row .icon-coche { font-size: 32px; padding: 8px; margin-top: 15px; } } .contentForm { min-height: -moz-calc(100vh - (55px + 93px)); min-height: -webkit-calc(100vh - (55px + 93px)); min-height: calc(100vh - (55px + 93px)); margin: 0 auto; max-width: 905px; padding: 35px 0 90px; position: relative; width: 100%; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm { *zoom: 1; padding: 100px 20px 90px; } .contentForm:before, .contentForm:after { content: " "; display: table; } .contentForm:after { clear: both; } } .fullPage__content .contentForm { height: 795px; } .contentForm__blockText { max-width: 420px; margin: 0 auto; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm__blockText { width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: calc(100% - 400px); float: left; } } .contentForm__form { max-width: 360px; margin: 0 auto; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm__form { float: right; } } .contentForm__text { color: #ffffff; font-size: 16px; line-height: 26px; margin: 20px 0; text-align: center; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm__text { margin: 20px 0 65px; font-size: 18px; line-height: 28px; } } .contentForm__list { color: #ffffff; list-style: none; margin: 0 0 30px 50px; padding: 0; } @media only screen and (min-device-width: 480px), (min-width: 480px) { .contentForm__list { margin: 0 0 20px 85px; } } .contentForm__list li { margin-top: 30px; } .contentForm__list li span { font-size: 16px; padding-left: 10px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm__list li span { font-size: 18px; } } .contentForm__thanks { margin: 0 auto; text-align: center; width: 290px; } .contentForm__thanks .returnLink { color: #ffffff; font-size: 18px; } .contentForm__thanks .returnLink:hover { color: #ff9124; } .contentForm__pagination { position: absolute; bottom: 35px; left: 0; text-align: center; width: 100%; } .contentForm__pagination .bullet { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: #c3c3c3; display: inline-block; margin: 0 5px; height: 20px; width: 20px; } .contentForm__pagination .bullet.is-active { background-color: #ff9124; } .contentForm .title { font-size: 36px; margin: 0; text-align: center; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm .title { font-size: 48px; } } .contentForm .icon-coche { font-size: 16px; padding: 5px; } .contentForm .insert { background-color: #ffffff; padding: 30px 5px; } @media only screen and (min-device-width: 768px), (min-width: 768px) { .contentForm .insert { padding: 30px 25px; } } .contentForm .insert__blockText { margin-bottom: 30px; } .contentForm .insert__title { color: #ff9124; font-size: 24px; font-weight: bold; margin: 0; text-align: center; text-transform: uppercase; } .contentForm .insert__text { color: #002e60; font-size: 18px; margin: 20px 0 10px; text-align: center; } .contentForm .insert__text span { font-size: 14px; } .contentForm .insert__radio { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0; width: 300px; margin: 0 auto; } .contentForm .insert__radio .radioContent { position: relative; display: inline-block; font-size: 16px; text-align: center; width: 50%; } .contentForm .insert__radio .radioContent .radioDesign { display: none; } .contentForm .insert__radio .radioContent .radioDesign + .label { -moz-transition: -moz-all 0.3s ease-out; -webkit-transition: -webkit-all 0.3s ease-out; -o-transition: -o-all 0.3s ease-out; -ms-transition: -ms-all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #ffffff; color: #666666; cursor: pointer; display: block; padding: 10px 0; height: 100%; width: 100%; } .contentForm .insert__radio .radioContent .radioDesign + .label--1 { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border: solid 1px #c3c3c3; } .contentForm .insert__radio .radioContent .radioDesign + .label--2 { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border: solid 1px #c3c3c3; border-left: none; } .contentForm .insert__radio .radioContent .radioDesign:checked + .label, .contentForm .insert__radio .radioContent .radioDesign:hover + .label { color: #ffffff; background-color: #002e60; } .contentForm .insert__radio .radioContent .radioDesign:checked + .label--1, .contentForm .insert__radio .radioContent .radioDesign:hover + .label--1 { border: solid 1px #002e60; } .contentForm .insert__radio .radioContent .radioDesign:checked + .label--2, .contentForm .insert__radio .radioContent .radioDesign:hover + .label--2 { border: solid 1px #002e60; border-left: none; } .contentForm .insert__wrapper { width: 300px; margin: 0 auto; position: relative; } .contentForm .insert__wrapper.is-small { float: left; width: 120px; } .contentForm .insert__wrapper.is-medium { float: left; margin-left: 10px; width: 170px; } .contentForm .insert__wrapper.fieldActive .insert__label { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .contentForm .insert__wrapper .select2-container--default .select2-selection--single { border: none; border-bottom: solid 1px #c3c3c3; border-radius: none; color: #002e60; font-size: 16px; height: 42px; margin-top: 15px; padding: 10px 5px; position: relative; width: 100%; } .contentForm .insert__wrapper .select2-container--default .select2-selection__arrow { top: 12px; } .contentForm .insert__label { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -moz-transition: -moz-transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; color: #26b00e; font-size: 11px; position: absolute; top: 0; left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contentForm .insert__label.label--select2 { display: none; } .contentForm .insert__input { border: none; border-bottom: solid 1px #c3c3c3; color: #002e60; font-size: 16px; margin-top: 15px; padding: 10px 5px; width: 100%; } .contentForm .insert__input:focus { border-bottom: solid 1px #26b00e; } .contentForm .insert__input.error { border-bottom: solid 1px #e73a37; } .contentForm .insert__required { color: #666666; font-size: 11px; font-style: italic; margin: 15px 0 0; text-align: center; } .contentForm .insert .errorMessage { clear: left; color: #e73a37; font-size: 11px; font-style: italic; margin: 0; } .contentForm .insert .error { color: #e73a37; } .contentForm .btnType { border: none; cursor: pointer; margin: 15px auto 0; width: 120px; outline: none; } .contentForm .btnType + .errorMessage { margin-top: 5px; text-align: center; } /*# sourceMappingURL=pages.css.map */