div#RL_div_conteneurGeneral { margin: 0 auto; overflow: hidden; } .info { background: #D44132; color: #fff; font-size: 20px; padding: 5px; margin-bottom: 11px; font-family: Oswald; } .show-menu { background: transparent none repeat scroll 0 0;} /*div#RL_div_hautDePage img{ display:none;} div#RL_div_hautDePage { background: none repeat scroll 0 0 #e98403; color: #339999; font-size: 14px; font-style: normal; font-weight: normal; height: auto; text-align: right; margin:0; visibility:visible; display:block; float:left !important; margin-bottom:10px; font-family:oswald; } #RL_div_hautDePage a.INTERF_liensUtilisateur { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #ffffff !important; text-decoration:none!important; display: block; padding: 10px; }*/ div#RL_div_contenuPageType_PARAG_TEXTE > br { display: none; } .milieu { padding: 0; } div#RL_div_header_master { height: auto; padding-top: 0; width: 100%; } ul#menu { left: auto; } .retour_rubrique { background: none repeat scroll 0 0 #6fbe20; clear: both; display: block; float: left; font-family: oswald; width: 110px; margin-bottom:10px; } .retour_rubrique > a { background: url("../img/interface/fleche.png") no-repeat scroll 8px center rgba(0, 0, 0, 0); color: #ffffff; display: block; font-size: 20px; padding: 2px 2px 2px 17px; text-decoration: none; } h1.INTERF_edito_intitule#RL_div_contenuPageType_INTITULE_PARENT {color: #6fbe20;font-weight: 500;} div#RL_div_contenuPageType_PARAG_TITRE, h3#RL_div_contenuPageType_PARAG_TITRE { color: #6fbe20; font-family: "Oswald",sans-serif; font-size: 25px; font-style: normal; font-weight: 500; line-height: 50px; text-align: left;} div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT{font-style: normal;} #header_bas { height: auto; width: 100%; position: absolute; top: 150px; } #header_top { height:auto !important;margin: 0 auto; position: relative; width: 100%;} #header_milieu,.INTERF_txtMarquee { height: auto; display:none;} .slide { /*max-width: 1200px;*/ } #slideshow-container img { height: auto; position: absolute; right: 0; top: 0; width: 100%; } .moquee_img { background-size: cover !important; height: 100%; width: 100% !important; } .moquee_img > img { height: 100%; } .outils { width: auto !important; margin-top:25px !important; } .boxes { bottom: 11px; margin: 0 auto; position: relative; width: 300px; z-index: 10001; } .boxes img { height: 25px; width: 25px; } .boxes > a { border-radius: 12px; display: block; float: left; height: 20px; margin: 5px; overflow: hidden; width: 20px; } .img_blanc > img { height: 350px; width: 100%; } #slideshow-container { height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: 1; } #menu > li {width: 190px;} .info_coordonnee {width:100%} div#RL_div_menuGch_PAGES {width:1000px; margin:auto;} div#RL_div_menuGch_VERTICAL { background: #FA9D13 none repeat scroll 0 0; height: 34px; position: relative; top: 0; } #menu > li > a { font-size: 16px; height: 34px; line-height: 34px; min-width: 190px; background: transparent; } #menu li a#menu-item-239 { background: #6FBE20 none repeat scroll 0 0; } .div_sous_rubriques { clear: left; float: none; } .list_sous_rubriques > a { background: #fa9d13 none repeat scroll 0 0; border-radius: 37px; color: #ffffff; display: block; font-family: oswald; font-size: 22px; list-style: outside none none; padding: 15px; text-decoration: none; width: 50%; } .list_sous_rubriques > a:hover {background: #6FBE20;} .actu_nbr { font-size:13px; color:#FF0000;} .bandeau { position: relative; width:100%; /*! height: 95px; */ z-index: 1000; } .titre{ width:100%; margin:0 auto; text-align:left; height: 100%; position:relative;max-width: 1000px;} .titre a { display:inline-block; height:100%;} .titre img { height: 150px; width: auto; } .Title_1 { color: #6fbe20; font-size: 25px; font-weight: bold; font-family:oswald; } .Title_2 { color: #6fbe20; font-size: 14px; font-weight: normal; font-style:italic; } .Title_3 { color: #fa9d13; font-size: 15px; font-weight: bold; font-family:oswald; } .top_menu img{width:38px; vertical-align:middle; margin-left:5px;} .top_menu a { border-bottom: 2px solid #6fbe20; color: #6fbe20; font-family: "Oswald",sans sherif; font-size: 29px; font-weight: 400; height: auto; text-align: left; display:block; width: 100%; text-decoration:none; } .outils { text-align: center; position: relative;} .header .INTERF_liensUtilisateur > img {background:transparent;} .header .INTERF_liensUtilisateur { color: #ffffff !important; font-size: 19px; font-weight: normal !important; text-decoration: none !important; } .info_pratique { border: 1px solid #ccc; } .header { background: none repeat scroll 0 0 #fa9d13; color: #ffffff; font-family: oswald; font-size: 23px; padding: 5px; text-align: center; } .content {padding:8px;} .INTERF_sousMenu_GAUCHE_txt { border-top: none;} #menu li a:hover,#menu li:hover a { color:#333; background: none repeat scroll 0 0 transparent;} .little_menu li { list-style: outside none none; margin: 0 0 -1px; padding: 7px;border-bottom: 1px solid #fff;} .little_menu li a { color: #ffffff; display: block; font-family: oswald; font-size: 18px; text-decoration: none; text-transform: uppercase; } .little_menu > ul { margin: 0; padding: 0; } /*.little_menu { background: rgba(0, 0, 0, 0.31) none repeat scroll 0 0; border-radius: 20px; overflow: hidden; }*/ .little_menu, .news_group { position: relative; width: 300px; background-color: #FA9D13; margin: 65px 0; } .little_menu { margin-top: 0; margin-bottom: 90px; } .news_group { background-color: #6FBE20; margin-bottom: 90px; } .news_group:before , .news_group:after{ content: ""; position: absolute; width: 0; left: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; } .news_group:before{ bottom: 100%; border-bottom: 55px solid #FA9D13; } .news_group:before{ border-bottom: 55px solid #6FBE20;; } .news_group:after { top: 100%; width: 0; border-top: 55px solid #FA9D13; } .news_group:after { border-top: 55px solid #6FBE20; } /*.news_group { display:none;}*/ div#RL_div_NEWS_header { width: 250px; border: none; color: #fff; text-align: center; width: 100%; padding: 0; background-image: none; font-size: 25px; text-align: center; text-transform: uppercase; } div#RL_div_NEWS_body, #mooqueecarousel { height: 150px; } .div_NEWS_uneNews { background-size: cover !important; display: block; height: 100%; padding: 0; } .INTERF_accueilSyndication_txt { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; box-sizing: border-box; display: block; padding: 5px; position: absolute; width: 100%; } .INTERF_accueilSyndication_ttr { color: #fff; font-family: oswald; font-size: 16px; font-weight: normal; } .INTERF_accueilSyndication_accroche { color: #fff; font-size: 12px; font-weight: normal; } .ensavoiplus { display: none; } .fleche_verte { display: none; } .menu_description { display: block; font-size: 12px; width: 100%; color:#fff; font-family:Arial, Helvetica, sans-serif; } .secteur_menu_a { background: none #fa9d13 !important; color:#fff !important;} .outils { width:auto; margin-top:15px;} .outils img { margin-top: 0;width: 50px;} .outils > a {margin: 0; background: none transparent; border-radius:0; height: auto; width: auto; display:inline-block; box-shadow: none; } .lien_utiles div { background-color: #ffc000; display: block; font-family: oswald; font-size: 24px; margin-bottom: 5px; padding: 1px; text-align: center; text-transform:none !important; font-weight:normal !important; } .col_milieu { width: 100%; } .lien_utiles a.INTERF_liensUtilisateur:link { text-decoration: none;color:#333333 !important; font-weight:normal; text-align:center; } .colonne_droite { min-width: 220px; width:25%; } div#RL_div_contenuPageType.page_formation {width:100%;} div#RL_div_contenuPageType {width:1000px;} .titre_formation {font-family:oswald; font-size:18px; } .arrondie td { position: relative; width: 23%; display: inline-block; padding: 0; box-sizing: border-box; height: 150px; overflow: hidden; margin: 5px; } .arrondie h3 { position: absolute; bottom: 0; z-index: 2; left: 0; background-color: #3399cc; color: #fff; text-align: left; padding: 8px; font-family: Oswald; font-size: 18px; font-weight: 400; } .arrondie img { /* border-radius: 10px; */ position: absolute; width: auto; height: 100%; left: 0; top: 0; } .arrondie.adulte h3{background-color: #f39800;} .arrondie.classe h3{background-color: #6fbe20;} .arrondie.adulte td,.arrondie.enfant td {width: 30%;} .arrondie.deux_col td {width: 45%;} .block_accueil td { display: inline-block; width: 45%; vertical-align: top; overflow: hidden; position: relative; height: 250px; } .block_accueil img { position: absolute; width: auto; height: 100%; z-index: 1; min-width: 100%; } .block_accueil .vert { background: none repeat scroll 0 0 #6fbe20; } .block_accueil .bleu { background: none repeat scroll 0 0 #3399cc; } .block_accueil .rose { background: none repeat scroll 0 0 #e070cf; } .block_accueil .orange { background: none repeat scroll 0 0 #f39800; } .bloc_accueil { color: #ffffff; font-family: oswald; font-size: 16px; padding: 5px 5px 5px 15px; position: absolute; bottom: 0; width: 80%; z-index: 10; } .bloc_titre a.INTERF_liensUtilisateur, .bloc_titre a.INTERF_liensUtilisateur:hover{ color: #ffffff !important; text-decoration: none; font-family: oswald; font-size: 15px; font-weight: normal; background-color: transparent; } .bloc_accueil h3 { color: #fff; text-transform: uppercase; font-weight: 400; } .bloc_accueil h4 { color: #fff; margin:0; font-weight: 400; } /*ACTUALITE*/ #actualite_mooquee { max-width: 100%; overflow: hidden; height:300px; position: relative; } .actualite_group { width: 100% !important; } .actualite_group[style*="opacity: 1"]{z-index:2;} .actualite_group[style*="opacity: 0"]{z-index:1;} .actualite_header { font-family: Oswald; font-size: 30px; color: #6FBE20; line-height: 51px; } .actualite_item { display: inline-block; width: 45%; vertical-align: top; margin-right: 8%; } .actualite_inner { position: relative; } .div_actualite_un { text-decoration: none; font-family: Oswald; font-size: 16px; color: #333; text-align: center;} .actualite_titre { display: block;font-size: 18px;} .actualite_accroche { font-size: 14px; font-family: arial; display: block; text-align: justify; } .actualite_img { width: 100%; height: 170px; background-size: cover; border: 5px #fff solid; box-shadow: 0px 0px 6px 0 #333; margin-top: 1px; margin-left: 2px; } .actualite_img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); opacity: 0.7; } .actualite_date {display: none;} .boxes { position: absolute; right: 10px; bottom: 0; height: 30px; z-index: 100; } .actualite_box { width: 15px; height: 15px; background-color: #6FBE20; margin: 2px; border-radius: 50%; border: #6FBE20 3px solid; display: inline-block; } .actualite_box.active {background-color: #fff;z-index: 2;} .actualite_box.unactive { z-index: 1;} @media screen and (max-width: 1500px) { .outils img {width: 40px;} .little_menu li { list-style: outside none none; margin: 0 0 -1px; padding: 12px;border-bottom: 1px solid #fff;} .little_menu li a{ font-size: 15px;} .little_menu { margin-top: 20px; } } @media screen and (max-width: 1200px) { .little_menu { margin-top: 20px; } .little_menu li { border-bottom: 1px solid #ffffff; list-style: outside none none; margin: 0 0 -1px; padding: 8px; }} @media screen and (max-width: 999px) { div#RL_div_contenuPageType_PARAG_TEXTE.INTERF_edito_txt { width: 100%; } div#RL_div_menuGch_VERTICAL { height: auto;} #header_bas { height: auto; width: 100%; position: relative; top: 0; } .outils > a { float:none !important;} .outils { margin: 0 auto; text-align: center !important; } td { clear: left; } #caroussel,.slide { height:205px;} .titre { text-align: center; width: auto; } .titre img { height: auto; width: 100%; vertical-align: middle; } .relais { width: 80%; } .ethic { width: 20%; } .little_menu li { padding: 12px;} .little_menu { border-radius: 0; float: none; top: 0; margin:0; left:0; right: auto; } td.colonne_droite { padding: 0; width: 100%; } } @media screen and (max-width: 500px) { .titre { width: 100%; } .bloc_accueil { width: 100%; } .moquee_img > img { height: 100%; min-width: 100%; } .bloc_accueil img { height: auto; max-width: 100%; width: 100%; } .little_menu { margin-right: 0; margin-top: 0; text-align: center; top:auto; bottom:0; width:100%; } .little_menu li { float: left; padding: 6px; } .little_menu li a { font-size: 14px; } #caroussel, .slide { height: 150px; } .outils { width: 92px !important; } .block_accueil td { width: 100%; padding: 0; } } @media screen and (max-width: 400px) {.little_menu li { float: left; padding: 3px; } .little_menu li a { text-transform:none; border-right:1px solid #fff; font-size:13px; }}