/* Generated by less 2.5.1 */
/* ********************* Variables **************************/
/****margin et padding à 0 *****/
.mp0 {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  height: 0;
}
.radius {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/********************** CSS ******************************/
body {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #ffffff url(../img/fond.png) repeat left top;
}
/************************************************* Conteneur global  *******************************/
.conteneur {
  margin: 0 auto;
  width: 980px;
  background: white;
}
/************************************************* En Tete  *******************************/
.logo {
  float: left;
  width: 230px;
  margin-top: 10px;
}
.courtDessous,
.longDessous,
.vaeDessous {
  padding: 0;
  position: absolute;
  width: 100%;
  height: 450px;
  padding-top: 15px;
  text-align: center;
  padding-top: 60px;
  color: white;
  background-color: #269326;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding-top: 175px;
  background-color: #006600;
  border: 2px solid white;
}
.courtDessus,
.longDessus,
.vaeDessous {
  padding: 15px;
  margin: 0;
  line-height: 15pt;
  background-color: #006600;
  height: 450px;
  position: relative;
  bottom: 0px;
  text-align: left;
  font-weight: 400;
  color: white;
  padding-top: 15px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid white;
}
.courtDessus a,
.longDessus a,
.vaeDessous a,
.courtDessus a:hover,
.longDessus a:hover,
.vaeDessous a:hover,
.courtDessus a:visited,
.longDessus a:visited,
.vaeDessous a:visited {
  color: white;
}
.courtDessous,
.courtDessus {
  background-color: #509850;
}
.courtDessus:hover,
.longDessus:hover {
  opacity: 1;
}
.vaeDessous,
.financement,
.formation,
.recrutement,
.calendrier {
  background-color: #006600;
  color: white;
  opacity: 1;
  text-align: center;
  padding-top: 175px;
  text-transform: uppercase;
  font-weight: 600;
  border: 2px solid white;
}
.financement,
.formation,
.recrutement,
.calendrier {
  padding-top: 92.5px;
  background-color: #FF8201;
}
.semi {
  height: 225px;
}
.entete {
  padding: 20px;
}
.entete_droite {
  float: right;
  margin-top: 50px;
}
.recherche {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #006600;
  color: black;
}
.recherche form {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.recherche input[type="text"] {
  background-color: #f0f0f0;
  padding: 0 5px;
  height: 30px;
  width: 400px;
}
.recherche .btn_form {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 0;
  padding: 5px;
  background-color: white;
  color: #006600;
}
/*************************************************       MENU       *******************************/
.menu {
  text-align: right;
  cursor: pointer;
  margin-top: 14px;
}
.menu li {
  text-decoration: none;
  display: inline;
  border-left: #dfdfdf 1px solid;
  padding: 0 15px;
  cursor: pointer;
}
.menu li:first-child {
  border: none;
  padding-left: 0;
}
.menu li:last-child {
  padding-right: 0;
}
.menu li a {
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  color: #006600;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
}
.menu li a:hover {
  color: #269326;
  cursor: pointer;
}
/************************************************* Conteneur GAUCHE  *******************************/
/************************************************* Conteneur GAUCHE  *******************************/
.gauche {
  width: 720px;
  float: left;
}
.gauche ul {
  list-style-type: none;
  padding: 0 20px;
  margin: 0;
  height: 720px;
}
.gauche ul a {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.gauche li,
.gauche .categorie_bout {
  float: left;
  text-align: center;
  width: 110px;
  height: 120px;
  margin-right: 80px;
  margin-bottom: 40px;
}
.gauche #clic {
  color: #269326;
  font-size: 18px;
  text-shadow: 3px 3px 1px #ccc;
  padding-top: 15px;
  height: 105px;
}
.gauche .categorie_bout {
  margin-right: 0;
}
.gauche img {
  margin-bottom: 10px;
}
.menu_cat {
  width: 200px;
  float: left;
  margin-left: 20px;
  border-right: 1px dotted #269326;
  padding-right: 10px;
}
.menu_cat img {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
}
.menu_cat ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.menu_cat ul .categorie_gauche a {
  text-decoration: none;
  color: black;
}
/************************************************* Conteneur DROITE  *******************************/
.droite {
  width: 175px;
  padding: 0 20px 0 30px;
  float: right;
  margin: 0;
  border-left: 1px dotted #269326;
}
.droite .info h2 {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  color: #269326;
  font-weight: normal;
  font-size: 18px;
}
.droite .info h4 {
  margin: 0;
}
.droite .info .icone_droite {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 9px;
}
.droite .info a {
  float: right;
  font-size: 11px;
  text-decoration: none;
  color: #269326;
}
.droite .info p {
  margin: 0px;
}
.droite .info:last-child {
  border: 0;
  margin-bottom: 10px;
}
.droite .info2 {
  border-bottom: 1px dotted #269326;
  margin-bottom: 5px;
}
.droite .info2 h2 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #269326;
  font-weight: normal;
  font-size: 18px;
}
.droite .info2 .icone_droite {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 9px;
}
/************************************************* Affichage   *******************************/
.affich_titre_cat {
  float: none;
  height: 90px;
  margin-left: 20px;
  text-align: right;
}
.affich_titre_cat img {
  float: left;
}
.affich_titre_cat h2 {
  padding-top: 4px;
  margin-left: 20px;
  float: left;
  text-decoration: none;
  color: black;
}
.affich_titre_cat a {
  text-decoration: none;
}
.affich_prog,
.affich_prog2,
.detail_prog,
.droite_normal {
  float: right;
  border: 0 none;
  float: left;
  margin-left: 20px;
  padding-left: 20px;
  width: 700px;
}
.affich_prog h2,
.affich_prog2 h2,
.detail_prog h2,
.droite_normal h2 {
  margin-top: 0;
}
.affich_prog h3,
.affich_prog2 h3,
.detail_prog h3,
.droite_normal h3 {
  margin-bottom: 0;
}
.affich_prog a,
.affich_prog2 a,
.detail_prog a,
.droite_normal a {
  text-decoration: none;
  color: black;
}
.affich_prog ul,
.affich_prog2 ul,
.detail_prog ul,
.droite_normal ul {
  margin: 0;
}
.affich_prog ul li,
.affich_prog2 ul li,
.detail_prog ul li,
.droite_normal ul li {
  margin-bottom: 5px;
}
.droite_normal h3 {
  margin: 0 0 10px 0;
}
.affich_prog,
.affich_prog2 {
  -moz-column-width: 340px;
  -webkit-column-width: 340px;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}
.affich_prog2 {
  margin-bottom: 20px;
}
.droite_normal {
  color: #252525;
}
.droite_normal h2 {
  margin-top: 20px;
  margin-bottom: 4;
  color: #269326;
}
.droite_normal h2:first-child {
  margin-top: 0;
}
.info {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #269326;
  color: black;
}
.info .titre {
  color: #269326;
}
.prog {
  float: left;
  width: 475px;
  margin: 0px 20px 20px 0px;
}
.prog h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.prog p {
  margin-top: 0;
  margin-bottom: 20px;
}
#prog_long h3 {
  margin-bottom: 0;
  margin-top: 10px;
}
#prog_long h3:first-child {
  margin-top: 0;
}
.dates,
.droite_programme {
  width: 205px;
  float: right;
  border-bottom: 1px dotted;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.interet_droite {
  padding: 0 0 0 16;
}
#batiment {
  float: right;
  margin-left: 10px;
  padding: 2px;
  border: 1px solid #269326;
}
/************************************************* Calendrier  *******************************/
.categorie_cal {
  height: 22px;
  color: white ;
  text-transform: uppercase;
  padding: 5px 0 0 20px;
}
.programme_cal {
  border-top: 1px dotted;
  clear: both;
  min-height: 18px;
  padding: 5px 0 5px 5px;
}
.nom_prog_cal {
  width: 430px;
  float: left;
  border: none;
}
.nom_prog_cal a:link,
.nom_prog_cal a:visited,
.nom_prog_cal a:active,
.nom_prog_cal a:hover {
  text-decoration: none;
  color: #252525;
}
.duree_prog_cal {
  width: 80px;
  float: left;
  border: none;
}
.date_prog_cal {
  width: 170px;
  float: left;
  border: none;
}
.image_calendrier {
  float: left;
  width: 35px;
  height: 35px;
}
/************************************************* Bloc dans programme long  *******************************/
#fade {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: .80;
  z-index: 9999;
}
.popup_block {
  display: none;
  background: #fff;
  padding: 20px;
  border: 10px solid #dfdfdf;
  float: left;
  font-size: 14px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
img.btn_close {
  float: right;
  margin: -55px -55px 0 0;
}
.popup p {
  padding: 5px 10px;
  margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
  position: absolute;
}
*html .popup_block {
  position: absolute;
}
/************************************************* Recherche  *******************************/
.resultat_recherche {
  text-decoration: none;
  color: black;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.resultat_recherche h3 {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/************************************************* Formulaire  *******************************/
.cont_form,
.cont_recrutement {
  width: 660px;
  margin: 0 20px;
  height: 600px;
  border-right: 1px dotted #269326;
  float: left;
}
.cont_form .element,
.cont_recrutement .element,
.cont_form .element-long,
.cont_recrutement .element-long {
  display: block;
  float: left;
  width: 330px;
  margin-bottom: 10px;
}
.cont_form .element label,
.cont_recrutement .element label,
.cont_form .element-long label,
.cont_recrutement .element-long label {
  width: 250px;
  display: block;
  float: left;
}
.cont_form .element input,
.cont_recrutement .element input,
.cont_form .element-long input,
.cont_recrutement .element-long input {
  float: left;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #F0F0F0;
  padding: 0 5px;
  width: 300px;
}
.cont_form .element textarea,
.cont_recrutement .element textarea,
.cont_form .element-long textarea,
.cont_recrutement .element-long textarea {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #F0F0F0;
  padding: 0 5px;
}
.cont_form .element-long,
.cont_recrutement .element-long {
  width: 630px;
}
.cont_form .element-long input,
.cont_recrutement .element-long input {
  width: 630px;
}
.cont_form .element-long2,
.cont_recrutement .element-long2 {
  display: block;
  float: left;
  width: 630px;
  margin-bottom: 10px;
}
.cont_form .element-long2 label,
.cont_recrutement .element-long2 label {
  width: 100px;
  display: block;
  float: left;
}
.cont_form .element-long2 input,
.cont_recrutement .element-long2 input {
  float: left;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #F0F0F0;
  padding: 0 5px;
  width: 100px;
}
.cont_form h2,
.cont_recrutement h2 {
  color: #269326;
  margin: 0 0 20px;
}
.cont_recrutement {
  height: 880px;
}
#message {
  width: 630px;
}
.contact_droite {
  float: left;
  width: 259px;
}
.contact_droite h2 {
  color: #269326;
  margin: 0 0 20px;
}
/************************************************* Footer  *******************************/
.footer {
  background-color: #f0f0f0;
  background-color: #006600;
  height: 250px;
  padding: 20px;
  margin-top: 20px;
}
.footer h2 {
  color: white;
  font-size: 15px;
  margin-bottom: 0;
  letter-spacing: 3px;
  font-style: normal;
}
.footer .bas {
  color: white;
  float: left;
  text-align: center;
  width: 24%;
  font-size: 13px;
}
.footer .bas a {
  text-decoration: none;
  color: white;
}
.footer #categorie {
  width: 370px;
}
.footer #categorie ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  -moz-column-width: 175px;
  -webkit-column-width: 175px;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}
.footer #categorie ul li {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.footer .bas:last-child {
  margin-right: 0;
}