#entete{
    color: white;
    display: block;
    height: 175px;
    left: 0;
    top: 0;
    width: 100%;


}

@media only screen and ( min-width: 768px) {


	body{margin:0px;
     /*background-image: url(../images/body.jpg);*/
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: center;



}

.partageReseaux{
  width: 416px;
  float: right;
}


.divbtsoumettre {
    width: 161px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

#cm{
display: none;
}

.bar-offre{
        border-bottom: 1px solid #0887BA;
}
.bar-offre-texte{
    height: 60px;
    width: 120px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #29487d;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;

}


.bar-offrecloturee{
        border-bottom: 1px solid #E81111;
}
.bar-offre-textecloturee{
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #E81111;

}



.bar-offremtn{
        border-bottom: 1px solid #FCCD1D;
}
.bar-offre-textemtn{
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #FCCD1D;

}
.bar-offremoov{
        border-bottom: 1px solid #C0D33C;
}
.bar-offre-textemoov{
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #C0D33C;

}

.bar-offrecarte{
        border-bottom: 1px solid #0DBABA;
}
.bar-offre-textecarte{
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #0DBABA;

}



.erreur{
color: #990000;
font-weight: bold;
}

.vert{
color: #0DBA64;
font-weight: bold;
}

#contente{
    margin-right: auto;
    margin-left: auto;
    width: 1010px;
    height: 1500px;
    margin-top: 130px;

    padding-left: 10px;
    padding-right: 10px;

}
#menudiv{
    width: 1030px;
    height: 60px;
    background-color: #FFF;

    display: block;
    border-bottom: 1px solid #CBCBCB;

 margin-left: auto;
        margin-right: auto;
        border-radius: 10px 10px 0px 0px;
}
#offres{

    width: 668px;
    background-color: #FFF;
    display: block;
   /*order-bottom: 1px solid #CBCBCB;*/
    float:left;

}
#cadre{

    width: 300px;
    background-color: #FFF;
    display: block;
    float:right;

}
#cadre-1{

  background-color: #FFF;
  display: block;
  float:right;
  height:435px;
  border: 1px solid #0887BA;
  width: 300px;
  margin-top: 20px;
  border-radius: 10px;


}


#cadre-2{

  background-color: #FFF;
  display: block;
  float:right;
  height:307px;
  border: 1px solid #0887BA;
  width: 300px;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;


}

#cadre-3{

    background-color: #FFF;
    display: block;
    float:right;
    height:300px;
  border: 1px solid #0887BA;
  width: 300px;
  margin-top: 20px;
  border-radius: 10px;
      padding-left: 25px;
    padding-right: 25px;

}

#cadre-4{

    background-color: #FFF;
    display: block;
    float: right;
    height: 250px;
    border: 1px solid #0887BA;
    width: 300px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;

}

#cadre-5{

    background-color: #FFF;
    display: block;
    float: right;
    height: 300px;
    border: 1px solid #0887BA;
    width: 300px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;

}

#cadre-6{

    background-color: #FFF;
    display: block;
    float: right;
    height: 350px;
    border: 1px solid #0887BA;
    width: 300px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;

}


#cadre-7{

   background-color: #FFF;
    display: block;
    float: right;
    height: 2525px;
    border: 1px solid #0887BA;
    width: 300px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;

}


#cadre-8{

    background-color: #FFF;
    display: block;
    float:right;
    height:500px;
  border: 1px solid #0887BA;
  width: 300px;
  margin-top: 20px;
  border-radius: 10px;

}

.entete-cadre{
  display: block;
  height: 35px;

  margin-top: 10px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;

  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;




}

.entete-cadre a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}




.entete-cadre-soum{
  display: block;
  height: 35px;

  margin-top: 10px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;

   background-color: #FE9A2E;
    border-color: #DF7401;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;




}

.entete-cadre-soum a{
  display: block;
   background-color: #FE9A2E;
    border-color: #DF7401;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}


.entete-cadre-soum a:hover{
  display: block;
  background-color: #DF7401;
  border-color: #DF7401;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;

}



#cont-insc{
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.entete-cadre a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;

}



.entete-cadre-cand{
  display: block;
  height: 35px;

  margin-top: 10px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;

  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;

  margin-left: 15px;




}

.entete-cadre-cand a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}

.entete-cadre-cand a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 250px;
  text-decoration: none;

}












.recharger{
  display: block;
  height: 35px;

  margin-top: 10px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  float: right;

  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;




}

.recharger a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 120px;
  text-decoration: none;
  float: right;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}

.recharger a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;
  float: right;
  color: #FFF;
  height: 40px;
  width: 120px;
  text-decoration: none;

}



.msecteur{
  display: block;
  height: 35px;

  margin-top: 10px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;




}

.msecteur a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 120px;
  text-decoration: none;

  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}

.msecteur a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;

  color: #FFF;
  height: 40px;
  width: 120px;
  text-decoration: none;

}


#pied{
    background-color: #dedede;
    color: white;
    display: block;
    height: 24px;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #CBCBCB;
    position: fixed;

}
.clear{
    clear: both;
}



#menupc {
	margin: 0px;
	padding: 0px;
	list-style: none;

	background-repeat: repeat-x;
	height: 60px;
        box-shadow: 1px 1px 12px #555;

}
#menu{
	display: none;

}

#menuh {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 60px;
}
#menuh li {
	float: left;
	color: #0000FF;
	border-left: 1px solid #0887BA;
	display: block;
	width: 205px;
	margin-right: 0px;
	font-size: 12px;

}

#menuh li a {
	display: block;
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
	width: 205px;
	text-align: center;
	height: 40px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	float: left;
        padding-top: 20px;
}
#menuh li:first-child {
    border-left: none;
    }


#menuh li a:hover {
	background-color: #1A7AB0;
	color:#FFFFFF;
}
#menuh li:first-child a {
    /*border-left: 1px solid #0887BA;*/
}
.clignontant {
	color: #900;
	/*text-decoration: blink;*/
}

.activeh {
	background-color: #1A7AB0;
}
/* FIN MENU  HORIZONTAL*/
.ent-offre{
    margin-top: 10px;
    /*height: 40px;*/
    color: #CBCBCB;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    width: 100%;


}
.ent-offre a{
    /*height: 40px;*/
    color: #333333;
    padding-top: 5px;
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  
    padding-bottom: 5px;
    display: table;
    width: 100%;



}
.ent-offre a:hover{

    color: #333333;
    display: block;
    background: #8BB3D1;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;


}
.oublie{
    width: 500px;
    height: 10px;
    float: right;
    text-align: right;
    margin-right: 10px;

}
.oublie a{

    text-align: right;

    text-decoration: none;
    color: #000;

}
#login{
    width: 670px;
    height: 70px;
    background: #F5FAF9;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding-top: 10px;
}
#offre-emploi
{
    width: 674px;
    background-color: #FFF;
    display: block;
   /*order-bottom: 1px solid #CBCBCB;*/
    float:left;
}

.btnsub{
width: 100px;
    height: 32px;
     float: right;
}

.submet{
    width: 100px;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;
    float: right;
    margin-right: 10px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;


}
.submet a{
     width: 100px;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;


    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;

    padding-top: 4px;
    text-decoration: none;


}
.submet a:hover{
    width: 100px;
   height: 32px;
   font-weight: bold;

   text-decoration: none;
    background-color: #29487d;
    border-color: #29487d;
    display: block;
     color: #FFFFFF;
     text-align: center
}


.submetchangermp{
    width: 333px;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;

    margin-right: 10px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;


}
.submetchangermp a{
     width: 333px;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;


    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;

    padding-top: 4px;
    text-decoration: none;


}
.submetchangermp a:hover{
    width: 333px;
   height: 32px;
   font-weight: bold;

   text-decoration: none;
    background-color: #29487d;
    border-color: #29487d;
    display: block;
     color: #FFFFFF;
     text-align: center
}








.lieu{
    width: 300px;
    height: 50px;

    background-color: #4267b2;
    border-color: #29487d;
    font-size: 20px;
    margin-right: 10px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;

    display: block;


}
.lieu a{
     width: 300px;
    height: 50px;
    font-size: 20px;
    background-color: #4267b2;
    border-color: #29487d;


    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;

    padding-top: 4px;
    text-decoration: none;


}
.lieu a:hover{
    width: 300px;
   height: 50px;
   font-weight: bold;
  font-size: 20px;
   text-decoration: none;
    background-color: #29487d;
    border-color: #29487d;
    display: block;
     color: #FFFFFF;
     text-align: center
}



.les_input{
	height: 30px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
	border-left-color: #29487d;
	border-bottom-color: #29487d;
	border-top-color: #29487d;
	border-right: #29487d;
	border-bottom-style: groove;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	font-size: 17px;
	width: 270px;
}


.les_input_recharge{
	height: 30px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
	border-left-color: #29487d;
	border-bottom-color: #29487d;
	border-top-color: #29487d;
	border-right: #29487d;
	border-bottom-style: groove;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	font-size: 17px;
	width: 100%;
}



#lieu_depot{
    color: #990000;
    font-weight: bold;

}

.secteur-activite {
    display: block;
    height: 35px;
    margin-top: 10px;
    width: 245px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #29487d;
    border-radius: 5px;
    font-weight: bold;
    color: #4267b2;
    padding-left: 5px;
}
.info-compte{
    width: 200px;
    height: 60px;
    float: left;
}
#creer-compte{
    width: 500px;
    height: 800px;
    margin-right: auto;
    margin-left: auto;

}
.signaler{float: right; width: 150px;}
.signaler a{float: right; width: 150px; color:#900; text-decoration: none;}
.signaler a:hover{text-decoration: underline}

.envoyer_ami{float: right; width: 150px; }
.envoyer_ami a{float: right; width: 150px; color:#4267b2; text-decoration: none;}
.envoyer_ami a:hover{text-decoration: underline}

.temoignage {
    width: 670px;

    background: #F5FAF9;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding-top: 10px;
    border: 1px solid #0887BA;
}
/*DEBUT PAGINATION*/
.pagination {
font:12px Arial, Helvetica, sans-serif;


height:30px;
width:20px;
font-weight: bold;
}

.pagination a {
background:#D5D5FF;
border:1px solid #7c7c7c;
color:#333;
margin:3px;
padding:10px 20px;
text-decoration:none;
height:30px;
width:20px;
font-weight: bold;

}

.pagination a:hover {
	background: #D5D5FF;
	border: 1px solid #666666;
	color: #FF0000;
	height:30px;
        width:20px;
        font-weight: bold;
}

.pagination span.inactive {
background:#fff;
border:1px solid #7c7c7c;
color:#7c7c7c;
margin:3px;
padding:10px 20px;
height:30px;
width:20px;
font-weight: bold;
}

.pagination span.active {
	border: 1px solid #7c7c7c;
	color: #FF0000;
	font-weight: 700;
	margin: 3px;
	padding:10px 20px;
	background-color: #F3F3F3;
	height:30px;
    width:20px;
    font-weight: bold;
}

/*FIN PAGINATION*/


.cadretexte-cand{

  background-color: #FFF;
  display: block;
  float:right;
  height:220px;
  border: 1px solid #0887BA;
  width: 680px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  border-radius: 10px;
  padding-top: 10px;


}

.cadretexte-cand-contact{

  background-color: #FFF;
    display: block;
    float: right;
    height: 475px;
    border: 1px solid #0887BA;
    width: 700px;
    border-radius: 10px;
    text-align: center;
    padding-top: 15px;


}
.divbtcontact{
	width: 336px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;

}

#content {
    width: 700px;
    margin: 0 auto;
    padding: 0px 0px 27px 0;
    background: url(../images/line.gif) center 0 no-repeat;
}
#fieldsetemail {
    background: url(../images/bg-abonement-email.jpg);
    background-repeat: no-repeat;
}
#fieldsetemail2 {
    background: url(../images/bg-change-profil.jpg);
    background-repeat: no-repeat;
}
.mes_abonnement_email {
    color: #8BB3D1;
    font-weight: bold;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}

.couleur_blanche {
    color: #fff;

}
.pt2{
	width:320px;
	height: 550px;
	float:right;
	color:#333;

}
.pt2 a{
	width:320px;
	height: 550px;
	float:right;
	color:#333 !important;
	text-decoration:none;

}
.pt2 a:hover{
	width:320px;
	height: 550px;
	float:right;
        box-shadow: 1px 1px 12px #555;
}
.pt2-enth {
    width: 310px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.pt2-ent{
    width: 310px;
    height: 450px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#bande_bas {
    background-color: #0887BA;
    color: white;
    display: block;
    height: 55px;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}

}

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


body{margin:0px;
     background-image: url(../images/body.jpg);
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: center;
    overflow-x:hidden;
	overflow-y: auto;


}




	#offre-emploi {
    width: 98%;
    background-color: #FFF;
    display: block;
    margin-left: auto;
    margin-right: auto;

}

#ent-te {
    color: white;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 114px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/bourse_avril2017.jpg);
}

#menudiv{
display: none;
}

.submet {
    width: 88.5%;
    height: 32px;
    background-color: #4267b2;
    border-color: #29487d;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
}


#login {
    height: 178px;
    background: #F5FAF9;
    padding-left: 5px;

    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding-top: 10px;

}

.bar-offre {
    border-bottom: 1px solid #0887BA;
}



.les_input {
    height: 30px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-color: #FFF;
    border-left-color: #29487d;
    border-bottom-color: #29487d;
    border-top-color: #29487d;
    border-right: #29487d;
    border-bottom-style: groove;
    border-top-style: groove;
    border-left-style: groove;
    border-right-style: groove;
    font-size: 17px;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}



.bar-offre-texte {
    height: 60px;
    width: 120px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #29487d;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.oublie{
    width: 50%;
    height: 15px;
    float: right;
    text-align: right;
    margin-right: 10px;

}
.oublie a{

    text-align: right;

    text-decoration: none;
    color: #000;

}

#ent-teb{
	display: none;

}
.menu_mob {
    height: 48px;
    width: 100%;
    overflow-x: hidden;
    background-color: #4267b2;
}

.ent-offre{
    margin-top: 10px;
    /*height: 70px;*/
    color: #CBCBCB;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    width: 100%;

}
.ent-offre a{
    /*height: 70px;*/
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    width: 100%;
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom-color: #000;
    border-bottom-style: groove;
    border-bottom-width: 1px;



}
.ent-offre a:hover{

    color: #333333;
    display: block;
    background: #8BB3D1;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;


}


#cadre-2{
   text-align: center;
  background-color: #FFF;
  display: block;
  height:220px;
  border: 1px solid #0887BA;
  width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;


}

#cadre-3{

    background-color: #FFF;
    display: block;
    height:300px;
  border: 1px solid #0887BA;
 width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;

}

#cadre-4{

    background-color: #FFF;
    display: block;
    height: 250px;
    border: 1px solid #0887BA;
    width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;

}

#cadre-5{

    background-color: #FFF;
    display: block;
    height: 300px;
    border: 1px solid #0887BA;
    width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#cadre-6{

    background-color: #FFF;
    display: block;
    height: 350px;
    border: 1px solid #0887BA;
    width: 250px;
    width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;

}


#cadre-7{

   background-color: #FFF;
    display: block;
    height: 2200px;
    border: 1px solid #0887BA;
    width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;

}


#cadre-8{
	text-align: center;

    background-color: #FFF;
    display: block;
    height:500px;
  border: 1px solid #0887BA;
  width: 90%;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: auto;
  margin-left: auto;
}
#cadre-1 {
    background-color: #FFF;
    display: block;
    height: 435px;
    border: 1px solid #0887BA;
    width: 300px;
    margin-top: 20px;
    border-radius: 10px;
     margin-right: auto;
  margin-left: auto;
   width: 90%;
}
.entete-cadre {
    display: block;
    height: 35px;
    margin-top: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4267b2;
    border-color: #29487d;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
}



.entete-cadre-soum {
    display: block;
    height: 35px;
    margin-top: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FE9A2E;
    border-color: #DF7401;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
}


.entete-cadre-soum a{
  display: block;
  background-color: #FE9A2E;
  border-color: #DF7401;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 90%;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;


}

.entete-cadre-soum a:hover{
  display: block;
  background-color: #DF7401;
  border-color: #DF7401;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 90%;
  text-decoration: none;

}

.clear{
    clear: both;
}

.entete-cadre a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 90%;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;


}

.entete-cadre a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 90%;
  text-decoration: none;

}

.erreur {
    color: #990000;
    font-weight: bold;
}

.entete-cadre-cand {
    display: block;
    height: 35px;
    margin-top: 10px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4267b2;
    border-color: #29487d;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
    margin-left: 15px;
}

.cadretexte-cand {
    background-color: #FFF;
    display: block;

    height: 334px;
    border: 1px solid #0887BA;
    width: 95%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
    border-radius: 10px;
    padding-top: 10px;
    margin-right: auto;
    margin-right: auto;
}

.entete-cadre-cand a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 60%;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;


}

.entete-cadre-cand a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 60%;
  text-decoration: none;

}


#pied {
    background-color: #dedede;
    color: white;
    display: block;
    height: 86px;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #CBCBCB;
}

.cadretexte-cand-contact {
    background-color: #FFF;
    display: block;
   text-align: center;
    padding-top: 10px;
    height: 594px;
    border: 1px solid #0887BA;
    width: 95%;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: auto;
    margin-left: auto;
}

.les_input_2{
	height: 21px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
	border-left-color: #29487d;
	border-bottom-color: #29487d;
	border-top-color: #29487d;
	border-right: #29487d;
	border-bottom-style: groove;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	font-size: 17px;
	width: 90%;
}

.les_select_2{
	height: 21px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
	border-left-color: #29487d;
	border-bottom-color: #29487d;
	border-top-color: #29487d;
	border-right: #29487d;
	border-bottom-style: groove;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	font-size: 17px;
	width: 91%;
}

.container_24 .grid_5{

display: none;
}
.gallery {
    width: 98%;
    height: 366px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    border: #dddddd 1px solid;
}


#slide {
    position: relative;
    width: 98%;
    height: 398px;
    margin: 0 auto;
    z-index: 2;
    overflow: hidden;
}

#cont-insc{
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.les_testarea_2{
height: 270px;
border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
	border-left-color: #29487d;
	border-bottom-color: #29487d;
	border-top-color: #29487d;
	border-right: #29487d;
	border-bottom-style: groove;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	font-size: 17px;
	width: 90%;
}

.temoignage {
    width: 94%;
    background: #F5FAF9;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding-top: 10px;
    border: 1px solid #0887BA;
    margin-right: auto;
    margin-left: auto;
}


.recharger{
  display: block;
  height: 35px;
  float: right;

  margin-top: 10px;
  width: 80px;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;
  margin-left: 15px;




}

.recharger:last-child{
  display: block;
  height: 35px;
  float: right;

  margin-top: 10px;
  width: 80px;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;
  margin-left: 0px;




}

.recharger a{
  display: block;
  background-color: #4267b2;
  border-color: #29487d;
  border-radius: 5px;
  color: #FFF;
  height: 35px;
  width: 80px;
  text-decoration: none;
  margin-left: 15px;

  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;

}

.recharger a:hover{
  display: block;
  background-color: #29487d;
  border-color: #29487d;
  border-radius: 5px;

  color: #FFF;
  height: 40px;
  width: 80px;
  text-decoration: none;

}

#bloc_recharg{
height: 40px;
width: 85%;

margin-right: auto;
text-align: center;

}

.lieu {
    width: 98%;
    height: 50px;
    background-color: #4267b2;
    border-color: #29487d;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;

}

.bar-offrecloturee {
    border-bottom: 1px solid #E81111;
}

.bar-offre-textecloturee {
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #E81111;
}

.les_input_recharge {
    height: 30px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-color: #FFF;
    border-left-color: #29487d;
    border-bottom-color: #29487d;
    border-top-color: #29487d;
    border-right: #29487d;
    border-bottom-style: groove;
    border-top-style: groove;
    border-left-style: groove;
    border-right-style: groove;
    font-size: 17px;
    width: 100%;
}

.bar-offremtn {
    border-bottom: 1px solid #FCCD1D;
}

.bar-offre-textemtn {
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #FCCD1D;
}

.bar-offremoov {
    border-bottom: 1px solid #C0D33C;
}

.bar-offre-textemoov {
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #C0D33C;
}

.bar-offrecarte {
    border-bottom: 1px solid #0DBABA;
}

.bar-offre-textecarte {
    height: 50px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #0DBABA;
}


/*DEBUT PAGINATION*/
.pagination {
font:12px Arial, Helvetica, sans-serif;


height:30px;
width:20px;
font-weight: bold;
}

.pagination a {
background:#D5D5FF;
border:1px solid #7c7c7c;
color:#333;
margin:3px;
padding:10px 20px;
text-decoration:none;
height:30px;
width:20px;
font-weight: bold;

}

.pagination a:hover {
	background: #D5D5FF;
	border: 1px solid #666666;
	color: #FF0000;
	height:30px;
        width:20px;
        font-weight: bold;
}

.pagination span.inactive {
background:#fff;
border:1px solid #7c7c7c;
color:#7c7c7c;
margin:3px;
padding:10px 20px;
height:30px;
width:20px;
font-weight: bold;
}

.pagination span.active {
	border: 1px solid #7c7c7c;
	color: #FF0000;
	font-weight: 700;
	margin: 3px;
	padding:10px 20px;
	background-color: #F3F3F3;
	height:30px;
    width:20px;
    font-weight: bold;
}

/*FIN PAGINATION*/


.pt2 {
    width: 100%;
    height: 598px;
    color: #333;
}

#pagin{
width: 63%;
height: 37px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -105px;

}
.erreur{
color: #990000;
font-weight: bold;
}

.vert{
color: #0DBA64;
font-weight: bold;
}


.submetchangermp{
    width: 93%;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;

    margin-right: 10px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;


}
.submetchangermp a{
     width: 93%;
    height: 32px;

    background-color: #4267b2;
    border-color: #29487d;


    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;

    padding-top: 4px;
    text-decoration: none;


}
.submetchangermp a:hover{
    width: 93%;
   height: 32px;
   font-weight: bold;

   text-decoration: none;
    background-color: #29487d;
    border-color: #29487d;
    display: block;
     color: #FFFFFF;
     text-align: center
}

.divbtcontact{
	width: 96%;
	height: 60px;
	margin-right: auto;
	text-align: center;

}

.btnsub{
width: 96%;
	height: 60px;
	margin-right: auto;
	text-align: center;
}

#bande_bas {
    background-color: #0887BA;
    color: white;
    display: block;
    height: 55px;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}

#various1{
	display: none;

}

	}