/*.page_content{
  margin-top: -1px;
}*/

.page_section{
  padding: 5% 2%;
  margin: 0;
}

.page_section .page_tip{
  padding-top: 0;
}

.section_separator{
  height: 0;
  margin: 0 2%;
  border-bottom: 3px solid #FE7B5D;

  -webkit-box-shadow: 0px 3px 0px #DDD;
     -moz-box-shadow: 0px 3px 0px #DDD;
          box-shadow: 0px 3px 0px #DDD;
}

.section_separator+.page_section{
  margin-top: 2%;
}

.page_section .section_title{
  color: #4e4e4e;
  text-align: center;
}

.more{
  display: block;
  text-align: right;
  padding: 10px 5% 0 0;
}

.more a{
  text-decoration: underline;
}

.page_section.top_section{
  position: relative;
  /*overflow: hidden;*/
}

.top_section{
  padding: 0;
}

/*.top_section.dual{
  margin-bottom: 4%;
}*/

.top_section.dual .slider{
  margin-right: 222px;
}

.callbacks .caption{
  font-size: inherit!important;
}

.top_section .right_blk{
  display: none;
}

.top_section.dual .right_blk{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 220px;
  overflow: hidden;

  text-align: center;
  background-color: #112646;
  /* background-color: #0066FF; */
  
  -webkit-box-shadow: -1px 2px 5px #777;
     -moz-box-shadow: -1px 2px 5px #777;
          box-shadow: -1px 2px 5px #777;  
}

.top_section.dual .right_blk .right_title{
  margin-bottom: 20px;
  padding: 10px;

  font-size: 17px;
  color: #fff;
  background-color: #FE7B5D;

  -webkit-box-shadow: 0px 2px 2px #888;
     -moz-box-shadow: 0px 2px 2px #888;
          box-shadow: 0px 2px 2px #888;
}

.top_section.dual .right_blk .right_title:after{
  content: '';
  /*position: absolute;
  top: 50px;
  left: 45%;*/
  position: relative;
  top: 42px;
  left: -10%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #FE7B5D;
}

.top_section.dual .right_blk li a{
  display: block;
  padding: 3px 0;
  padding: 1% 0;
  color: #333;
  background-color: #89B8FF;
  border-bottom: 1px solid #eee;
}

.top_section.dual .right_blk li a:hover{
  background-color: #eee;
}

.top_section .right_blk .bot{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 300px;
  bottom: 0;
  
  background-image: url(../../images/dessin.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
}

@media (max-width: 910px) {
  .top_section .right_blk .bot{
    display: none;
  }
}

/*@media (max-width: 800px) {
  .top_section.dual .right_blk li a{
    line-height: 130%;
  }
}

@media (max-width: 750px) {
  .top_section.dual .right_blk li a{
    line-height: 120%;
  }
}*/

@media (max-width: 700px) {
  .top_section.dual .slider{
    margin-right: 0;
  }

  .top_section.dual .right_blk{
    display: none;
  }
}

.desc_section{
  padding-left: 12%;
  padding-right: 12%;
  color: #787878;
  color: #555;
  background-color: #f2f2f2;
}

.desc_section .section_title #slogan{
  font-size: 80%;
}

@media (max-width: 400px) {
  .desc_section .section_title #slogan{
    font-size: 100%;
  }
}

.desc_section .section_title #slogan.blink{
  background-color: #F7F0C3;

  -webkit-box-shadow: 0px 0px 50px #FFEF83;
     -moz-box-shadow: 0px 0px 50px #FFEF83;
          box-shadow: 0px 0px 50px #FFEF83;
}

.desc_section .description{
  padding-bottom: 2%;
  text-align: justify;
}

.desc_section .description p:first-child{
  display: inline;
}

.desc_section .description .info{
  white-space: nowrap;
  font-size: 90%;
  text-decoration: underline;
  color: #f00;
}

.desc_section .links{
  text-align: center;
}

.desc_section .links li{
  position: relative;
  display: inline-block;
  width: 45%;
  max-width: 300px;
  margin: 0 1% 2%;
}

.desc_section .links li a{
  display: block;
  padding: 10px;

  text-align: left;
  color: inherit;
  background-color: #fff;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.desc_section .links li .img,
.desc_section .links li .tit{
  display: inline-block;
  vertical-align: middle;
}

.desc_section .links li .img{
  /*position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;*/
  width: 30%;
  height: 50px;

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.desc_section .links li .img.miss{
  background-image: url(../../images/desc_mission_n.png);
}

.desc_section .links li .img.orga{
  background-image: url(../../images/desc_organisation_n.png);
}

.desc_section .links li .img.form{
  background-image: url(../../images/desc_formation_n.png);
}

.desc_section .links li .img.proj{
  background-image: url(../../images/desc_projet_n.png);
}

.desc_section .links li .tit{
  width: 65%;
  margin-left: 2%;
  line-height: 50px;
}

.desc_section .links li:hover a{
  background-color: #FE7B5D;
}

.desc_section .links li:hover .img.miss{
  background-image: url(../../images/desc_mission_b.png);
}

.desc_section .links li:hover .img.orga{
  background-image: url(../../images/desc_organisation_b.png);
}

.desc_section .links li:hover .img.form{
  background-image: url(../../images/desc_formation_b.png);
}

.desc_section .links li:hover .img.proj{
  background-image: url(../../images/desc_projet_b.png);
}

.desc_section .links li:hover .tit{
  color: #fff;
}

@media (max-width: 600px) {
  .desc_section{
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media (max-width: 450px) {
  .desc_section .links li .img{
    display: none;
  }

  .desc_section .links li .tit {
    display: block;
    width: auto;

    line-height: normal;
    text-align: center;
  }
}

@media (max-width: 380px) {
  .desc_section .links li {
    width: 60%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 300px) {
  .desc_section .links li {
    display: inline-block;
    width: 80%;
  }
}

.news_section{
  background: #000 url(../../images/home_news_back.png);
  background-size: cover;
  background-position: center;
  padding-bottom: 5%;
}

.news_section .section_title{
  color: #fff;
}

.news_section.single .more{
  padding-right: 0;
  text-align: center;
}

.news_section .more a{
  color: #fff;
}

.actualites{
  text-align: center;
}

.actualites .act{
  position: relative;
  display: inline-block;
  width: 45%;
  padding: 10px;

  background-color: #fff;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.news_section.single .actualites .act{
  width: 80%;
  max-width: 700px;
}

.actualites .act+.act{
  margin-left: 1%;
  }

.actualites .act .icon{
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 35%;

  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
  background-position: center;
}

.actualites .act .detail{
  display: block;
  margin-left: 40%;
}

.actualites .act .detail .tit{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  color: #777;
  font-size: 150%;

  border-bottom: 1px solid silver;
  margin-bottom: 5px;
}

.actualites .act .detail .desc{
  height: 170px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
}

@media (max-width: 600px) {
  .actualites .act{
    display: block;
    width: auto;
  }

  .actualites .act+.act{
    margin-left: 0;
    margin-top: 2%;
  }
}

@media (max-width: 400px) {
  .actualites .act .icon{
    display: none;
  }

  .actualites .act .detail .desc{
    height: auto;
    height: 90px;
  }

  .actualites .act .detail{
    margin-left: 0;
  }
}

.contact_section{
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 0;
}

.contact_section .icon{
  float: left;
  width: 50px;
  height: 50px;

  background-image: url(../../images/phone.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.contact_section .detail{
  margin-left: 60px;
}

.contact_section .tit{
  font-weight: bold;
  font-size: 110%;
}

.contact_section .msg a{
  color: #f00;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .contact_section {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media (max-width: 400px) {
  .contact_section .icon{
    display: none;
  }

  .contact_section .detail{
    margin-left: 0;
  }
}