@charset "UTF-8";

/* FONT */
@font-face {
  font-family: "BebasNeue";
  src:url("fonts/BebasNeue.otf") format("OpenType");
      font-weight:normal;font-style:normal;
}
*{
margin:0;
padding:0;
}
h1, h1 span {
  font-family: "BebasNeue";
  font-size: 2.2rem;
  margin: 10px 0 10px;
  padding: 10px 0;
  text-align: left;
  /* border-bottom: 1px solid #000000; */
}
h1.logo_img {
  border: none;
  font-size: 15px;
  margin: 0;
  padding: 0;
}
h1 span.menu1_title {
  color: #666666;
  font-size: 1.6rem;
}

.bandeau_titre {
  box-shadow: 0px 1px 4px #999;
  margin-bottom: 30px;
}
h2, .txt_paragraph h2, h2.block-title {
  /* margin: 0; */
  /* text-align: left; */
  color: #333333;
  text-transform: uppercase;
  font-size: 1.8rem;
  /* position: relative; */
  margin-bottom: 30px;
  font-family: "BebasNeue";
  border-left: 7px solid #f8c701;
  padding-left: 15px;
}
h3 {
  /* font-family: arial, sans serif; */
  font-size: 20px;
  color: #A6011A;
  margin: 15px 0 10px 0;
  /* font-family: "BebasNeue"; */
  font-weight: bold;
  font-variant: small-caps;
}
.txt_text ul {
  margin-left: 30px;
}
.center {
  text-align: center;
}
.contenutexte {
  color: #000000;
  font-size: 13px;
  font-family: arial, sans serif;
  line-height: 18px;
  text-align: left;
  text-align: justify;
}
b {
font-weight:bold;
text-decoration:underline;
}
.zone_lien_detail {
  text-align: center;
}
.btn_rond_jaune, .btn_rond_gris, .zone_lien_detail a {
  padding: 6px 20px;
  border-radius: 25px;
  transition: all 0.5s ease;
  display: inline-block;
  margin-top: 20px;
}
.btn_rond_jaune {
  color: #f8c701;
  background-color: transparent;
  border: 1px solid #f8c701;
}
.btn_rond_jaune:hover {
  color: #444444;
  background-color: #f8c701;
  border: 1px solid #f8c701;
  text-decoration: none;
}
.btn_rond_gris, .zone_lien_detail a {
  color: #333;
  border: 1px solid #333;
  background-color: transparent;
}
.btn_rond_gris:hover, .zone_lien_detail a:hover {
  color: #ffffff;
  border: 1px solid #aaa;
  background-color: #aaa;

}
/*************************** nouvelle charte *********************/

.no-padding > [class*='col-'] {
padding-right:0;
padding-left:0;
}
.logo {
  left: 0;
  /* min-width: 600px; */
  position: absolute;
  top: 4px;
  height: 72px;
}
.logo-text {
  position: absolute;
  top: 13px;
  left: 130px;
  width: 325px;
}
.bg_blanc {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
}
.bg_gris {
  background-color: #6e6e6e;
  margin-top: 40px;
  height: 30px;
  box-shadow: 1px 2px 3px #333;
}
/* color initiale 4A5555*/
#recherche {
  color: #000000;
  font-family: arial,sans serif;
  font-size: 12px;
  height: 31px;
  right: 60px;
  padding: 0 0 0 40px;
  position: absolute;
  text-align: right;
  top: 10px;
  width: 270px;
}
.recherche1 {
  border: none;
  color: #cb3037;
  background-image: url('fr/recherche.jpg');
  background-repeat: no-repeat;
  width: 132px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 115px;
}
.champlabel {
  color: #000000;
  float: left;
  height: 15px;
  left: 20px;
  margin: 0 0 5px;
  position: absolute;
  top: 1px;
  width: 93px;
  font-size: 12px;
}
.envoi{
   border:none;
     background-image:url('fr/ok2.jpg');
     background-repeat:no-repeat;
     width:25px;
   height:22px;
  }
#drapeau {
  border: none;
  width: 32px;
  height: 31px;
  padding: 0 0 0 0;
  text-align: right;
  position: absolute;
  top: 7px;
  right: 20px;
}
/****************/
/*Style du menu*/
.fixed-top {
  z-index: 999;
}


.droite2 ul li a:hover {text-decoration:underline;}

/*style des lien du menu*/
.droite2 ul li a, .droite ul li a:visited {
  color: #ffffff;
  display: block;
  font-size: 14px;
  line-height: 19px;
  min-height: 20px;
  padding: 5px 10px 10px 11px;
  text-align: left;
  text-decoration: none;
}
.droite2 ul a:hover, .droite ul a:active {text-decoration:none; }
.droite2 ul a.link_item_node_selected {font-weight: bold; text-decoration:underline;}

.droite2 ul {
  background: none;
  height: 30px;
  list-style-type: none;
  margin: 0;
  padding-left: 10px;
}
.droite2 ul li {float:left; margin-right:1px; position:relative;}
.droite2 ul li ul {
  display: none;
  padding: 0;
}

/* specific to non IE browsers */
.droite2 ul li:hover a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0 10px 0 0;
  color: #F8C701;
  position: relative;
}
/*style du sous menu*/
.droite2 ul li:hover ul {
  box-shadow: 7px 4px 3px -4px #999;
  display: block;
  height: auto;
  left: -3px;
  position: absolute;
  top: 30px;
  width: 230px;
  z-index: 100;
}
.droite2 ul li:hover ul li a {background:#7a2e31; color:#fff; width:170px; font-size:11px;  padding:10px 15px 5px 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
/*style des liens du sous menu*/
.droite2 ul li:hover ul li:hover a.hide {width:170px; background-image:url('fr/fleche3.gif'); background-repeat:no-repeat; background-position: 13.10em 0.96em; }
.droite2 ul li:hover ul li ul {display: none;}
.droite2 ul li:hover ul li a {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  border-bottom: 1px solid #cccccc;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 230px;
}
.droite2 ul li:hover ul.ul_3 li a {
  background: #efefef none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 230px;
}
.droite2 ul li:hover ul li a:hover {
  background: #7a2e31 none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}

.droite2 ul li:hover li:nth-child(1) a {
  border-radius: 0;
}


/*style du sous sous menu*/
.droite2 ul li:hover ul li:hover ul {
  color: #fff;
  display: block;
  font-size: 10px;
  left: 230px;
  position: absolute;
  top: 0;
}
.droite2 ul li:hover ul li.firstl2 a   {
  -webkit-border-radius: 0px 10px 0px 0px;
  -moz-border-radius: 0px 10px 0px 0px;
  border-radius: 0px 10px 0px 0px;
  position: relative;
  behavior: url(Local/ela/PIE.htc);
}
.droite2 ul li:hover ul li.lastl2 a {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  position: relative;
  behavior: url(Local/ela/PIE.htc);
}

/*style des liens du sous sous menu*/
.droite2 ul li:hover ul li:hover ul li {display:block; width:170px; background:#7a2e31; color:#fff; font-size:10px; }
.droite2 ul li:hover ul li:hover ul li a:hover {
  background: #7a2e31 none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
.droite2 ul li:hover ul li:hover ul li a:hover {background:#7a2e31; color:#fff;}

.droite2 ul li:hover ul li:hover ul li.firstl3 a   {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  position: relative;
  behavior: url(Local/ela/PIE.htc);
}
.droite2 ul li:hover ul li:hover ul li.lastl3 a {
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  position: relative;
  behavior: url(Local/ela/PIE.htc);
}

/***********************************/



/***********************************/
#gsMiniMenu {
  position: relative;
  text-align: right;
}
#gsMenuToggle::after {
  border-bottom: 12px double #fff;
  border-top: 4px solid #fff;
}
#gsMenuToggle {
  color: #fff;
}

/********** section bandeau image + texte home **********/
.back_cover.bandeau_img_txt {
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: inherit !important;
  background-repeat: no-repeat !important;
  min-height: 550px;
}

.back_cover.bandeau_img_txt .font-size-big {
  color: #ffffff;
}

.back_cover.bandeau_img_txt .font-size-big a {
  color: #ffffff;
  font-size: 1rem;
  border: 1px solid #ffffff;
  border-radius: 25px;
  padding: 10px 20px;
  transition: all 0.5s ease;
}
.back_cover.bandeau_img_txt .font-size-big a:hover {
  color: #000000;
  text-decoration: none;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}


/********** section bandeau mot directeur home **********/
h2.block-title {
  color: #555;
  font-size: 14px;
  border: none;
  margin-bottom: 20px;
  /* border-left: none; */
  font-family: inherit;
  padding-left: 0;
}
.font-size-big p {
  font-size: 1.5rem;
  line-height: 110%;
  margin-bottom: 20px;
}
/******************* slide home ******************/
.slideshow {
  height: 550px;
  margin-top: 40px;
  position: relative;
}

#slide_home {
  height: 550px !important;
  position: relative;
}
#slide_home .image {
  height: 550px !important;
  /* margin-top: 80px; */
  position: relative;
}
.resume_slide_accueil {
  top: 50%;
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  left: 50%;
  text-transform: uppercase;
  max-width: 570px;
}
.resume_slide_accueil h2 {
  border-left: 10px solid #f8c701;
  padding-left: 15px;
}
.resume_slide_accueil h2 a,
.resume_slide_accueil h2,
.txt_resume_slide.font-size-small p {
  line-height: 115%;
  margin-bottom: 0;
  text-shadow: 0px 1px 12px #000;
  font-weight: normal;
  font-size: 2rem;
  font-family: "BebasNeue";
  color: #ffffff;
}
.txt_resume_slide.font-size-small p {
  text-transform: none;
  font-family: initial;
 /* margin-left: 25px;*/
  font-size: 1.5rem;
  background-color: rgba(255,255,255,0.7);
  display: inline-block;
  color: #333333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-shadow: 0px 1px 12px #fff;
}
.resume_slide_accueil h2 strong {
  color: #f8c701;
  font-weight: bold;
  line-height: inherit;
}
.lSPager {
  display: none;
}
.header_logos_partenaires { 
  position: absolute;
  right: 0;
  top: 41px;
}
.header_logos_partenaires2 {
  display: none;
}
/******************* header page content ****************/
#photo_page {
  height: 550px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 3px #000;
  margin-top: 40px;
}
/****************************************************/
/************ MENU onglets niv 3 ********************/
/****************************************************/
.onglets_mnu_2 ul {
  margin: 25px 0;
  padding: 0 !important;
}
.onglets_mnu_2 ul li {
  display: inline-block;
  margin-right: 10px;
}
.onglets_mnu_2 ul li a {
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
  display: block;
}
.onglets_mnu_2 ul li a:hover {
  text-decoration: none;
}
.onglets_mnu_2 ul > li:nth-child(1),
.onglets_mnu_2 ul > li:nth-child(2),
.onglets_mnu_2 ul > li:nth-child(3),
.onglets_mnu_2 ul > li:nth-child(4),
.onglets_mnu_2 ul > li:nth-child(5),
.onglets_mnu_2 ul > li:nth-child(6),
.onglets_mnu_2 ul > li:nth-child(7) {
  transition: all 0.5s ease;
  border-left-size:4px; 
  border-left-style:solid; 


}
.onglets_mnu_2 ul > li:nth-child(1) {
  border-left-color:#fec10e; 
}
.onglets_mnu_2 ul > li:nth-child(2) {
  border-left-color:#f68b1f; 
}
.onglets_mnu_2 ul > li:nth-child(3) {
  border-left-color:#10abeb; 
}
.onglets_mnu_2 ul > li:nth-child(4) {
  border-left-color:#bed747; 
}
.onglets_mnu_2 ul > li:nth-child(5) {
  border-left-color:#979797; 
}
.onglets_mnu_2 ul > li:nth-child(6) {
  border-left-color:#0072bb; 
}
.onglets_mnu_2 ul > li:nth-child(7) {
  border-left-color:#bacabf; 
}


.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(1),
.onglets_mnu_2 ul > li:nth-child(1):hover {
  background-color: rgba(254, 193, 14, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(2),
.onglets_mnu_2 ul > li:nth-child(2):hover {
  background-color: rgba(246, 139, 31, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(3),
.onglets_mnu_2 ul > li:nth-child(3):hover {
  background-color: rgba(16, 171, 235, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(4),
.onglets_mnu_2 ul > li:nth-child(4):hover {
  background-color: rgba(190, 215, 71, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(5),
.onglets_mnu_2 ul > li:nth-child(5):hover {
  background-color: rgba(151, 151, 151, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(6),
.onglets_mnu_2 ul > li:nth-child(6):hover {
  background-color: rgba(0, 114, 187, 0.2);
}
.onglets_mnu_2 ul > li.item_node_selected_level_3:nth-child(7),
.onglets_mnu_2 ul > li:nth-child(7):hover {
  background-color: rgba(186, 202, 191, 0.2);
}
/************************ 3 blocs sous slide***********************/

.bleu_fonce .box_accueil {
  background-color: #273a42;
  transition: all 0.5s ease;

}
.bleu_moyen .box_accueil {
  background-color: #416b76;
  transition: all 0.5s ease;
}
.bleu_clair .box_accueil {
  background-color: #9eb3bb;
  transition: all 0.5s ease;
}

.bleu_fonce .box_accueil:hover {
  background-color: #141e22;
}
.bleu_moyen .box_accueil:hover {
  background-color: #2b484f;
}
.bleu_clair .box_accueil:hover {
  background-color: #69838d;
}

.box_accueil {
  /* margin-bottom: 15px; */
  height: 140px;
}
h2.title_box_accueil {
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  font-weight: normal;
  margin-bottom: 0;
  font-family: "BebasNeue";
  margin: 0 auto;
  line-height: 110%;
  border: none;
  text-transform: none;
  padding-left: 0;
}
.link_box_accueil {
  display: block;
  padding: 20px 40px;
  text-decoration: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.link_box_accueil:hover {
  text-decoration: none;
}

/************************ page equipes ***********************/
.cadre {
  border: 1px solid #ddd;
  padding: 30px;
  margin-bottom: 30px;
}
.liste_equipes h2, .liste_equipes h2 a, .liste_equipes h2 a:hover {
  border-left: none;
  line-height: 100%;
  text-align: center;
  font-size: 1.2rem;
  color: #000000;
  text-decoration: none;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 0;
}
.liste_equipes h3, .liste_equipes h3 a, .liste_equipes h3 a:hover {
  color: #000000;
  text-align: center;
  line-height: 100%;
  font-size: 1.2rem;
}
.liste_equipes img {
  max-height: 250px;
  width: auto !important;
  margin-top: 35px;
}
/* -------------------------------------------------------------------------- */
/* liste news  */
.return_main_list {
  border: 1px solid #aaaaaa;
  color: #000000;
  text-decoration: none;
  padding: 5px 15px;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 25px;
}
.liste_news_box h3, .liste_news_box h3 a {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  /* padding-top: 10px; */
  text-decoration: none;
  max-height: 60px;
  overflow: hidden;
  display: block;
}
.liste_news_box .resume_liste_news p {
  line-height: 22px;
  font-size: 16px;

}
.liste_news_box .resume_liste_news {
  height: 66px;
  overflow: hidden;
}
.news_box {
  height: 400px;
  overflow: hidden;
  padding-left: 30px;
  padding-right: 30px;
}
.news_box.publication_box {
  height: 250px;
}
.lSAction > .lSPrev {
  left: 0px;
}
.lSAction > .lSNext {
  right: 0;
}
h2.title_news {
  text-transform: none;
}
.lSAction > a {
  background-image: url(images/controls.png);
}
.div_btn_voir_tt {
  text-align: center;
  padding-top: 25px;
}
.btn_voit_tt {
  color: #333;
  border: 1px solid #333;
  padding: 10px 20px;
  border-radius: 25px;
  transition: all 0.5s ease;
}
.btn_voit_tt:hover {
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #aaa;
  background-color: #aaa;
}

.actu_liste_line {
  border-bottom: 1px solid #cccccc;
  /* padding-top: 20px; */
  padding: 20px;
}
.actu_detail .txt_event_dates {
  font-size: 70%;
}
.date_blog_list {
  color: #777;
}
.actu_detail .date_blog_list {
  margin-bottom: 25px;
}
.actu_detail h2 {
  margin-bottom: 5px;
}
/****************** footer **********************************/
.footer {
  background-color: #6e6e6e;
  padding-top: 30px;
  padding-bottom: 55px;
}
.footer h2 {
  color: #f8c701;
  border: none;
  padding-left: 0;
  margin-bottom: 15px;
}
.footer p {
  color: #ffffff;
  font-size: 15px;
}
.footer a {
  color: #ffffff;
  text-decoration: underline;
}
#pied, #pied a {
  color: #ffffff;
  font-family: arial, sans serif;
  font-size: 11px;
  width: 100%;
  height: 25px;
  background-color: #000000;
  text-align: center;
  padding-top: 5px;
  text-decoration: none;
  padding-bottom: 5px;
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
@media only screen and (max-width: 1470px) {

.droite2 {
  margin-left: 120px;
}
#photo_page {
  height: 450px;
}

}

@media only screen and (max-width: 1100px) {
.header_logos_partenaires {
  display: none;
}
.header_logos_partenaires2 {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 8px;
  max-height: 50px;
}
}


@media only screen and (max-width: 1006px) {

.onglets_mnu_2 {
  display: block !important;
  width: 100% !important;
}
}

@media only screen and (max-width: 989px) { /*tablette*/


.resume_slide_accueil {
  left: 40%;
}
.resume_slide_accueil h2 a {
  font-size: 2rem;
}

#photo_page {
  height: 350px;
}

}


@media only screen and (max-width: 920px) {
.droite2 {
  margin-left: 0;
}
#adm_menu1default {
  display: none !important;
}
#gsMiniMenu {
  display: block !important;
}

.bg_blanc {
  height: 40px;
}
.logo {
  max-width: 153px;
}
.logo-text {
  top: 15px;
  left: 147px;
  max-width: 270px;
}
.bg_gris {
  margin-top: 40px;
}

#photo_page {
  height: 300px;
}
}


@media only screen and (max-width: 767px) { /*mobile*/

.resume_slide_accueil {
  left: 0;
  max-width: 450px;
  padding-left: 50px;
  padding-right: 50px;
}
.onglets_mnu_2 ul li {
  display: block;
  margin-right: 10px;
}
#photo_page {
  height: 250px;
}
}
@media only screen and (max-width: 480px) {

  .logo-text {
  display: none;
}
}