.clear {
    clear: both;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}

a:focus, a:hover {
    text-decoration: none;
}
/*Reset*/


.candidatures-alert-saved, .candidatures-file-alert{ display: none;}
#candidatures_loading img{ border: 0px !important; }

/***********Header***********/

.codef-page header {
    width: 100%;
    height: 495px;
    background-size: cover !important;
    position: relative;
}

.codef-page {
    overflow-x: hidden;
}

.codef-titre {
/*    padding-top: 260px; */
	margin: 0 auto;
}

.codef-titre h3 {
    font-family: "Lato";
    color: #ffffff;
    text-align: center;
    line-height: 0.7;
}

.codef-titre h4{
    font-family: "Lato";
    color: #ffffff;
	text-align:right;
	    line-height: 0.7;
}

h3.left{
	text-align:left !important;
}

h3.right{
	text-align:right !important;
}

/***********End Header***********/

.codef-bg-recrutement{
	    padding: 60px 0 40px;
}

.codef-bg-recrutement h1{
	font-family:"Lato";    
	text-align: center;
    padding-bottom: 30px;
}

.codef-bg-recrutement img {
    display: block;
    margin: 0 auto 38px;
	max-width:100%;
	border-bottom-width:20px;
	border-bottom-style:solid;
}

.codef-bg-recrutement p{
	color:#333333;
	text-align:center;
	font-family:"Lato";
}

.codef-bg-recrutement h4 {
    text-align: center;
    font-family: "Lato";
    padding: 5px 30px;
    
    margin: 40px auto;
}

.codef-etiquette {
    text-align: right;
    font-family: 'Lato-bold';
    float: left;
    width: 35%;
    margin-right: 4%;
    line-height: 33px;
    min-height: 10px;
}
.codef-cont-multiline .codef-etiquette{
	line-height:1.5em;
}

.codef-cont {
    margin-bottom: 14px;
}

.codef-champ {
    float: left;
    width: 61%;
}

#calendar-container{
	width:620px;
	max-width:98%;
	overflow:auto;
}
#calendar{
	min-width:500px;
	max-width:98%;
}

.codef-champ textarea {
	height: 98px;
}
.codef-champ input, .codef-champ select {
    height: 42px;
}
.codef-champ input[type="text"], .codef-champ input:not([type="submit"]) , .codef-champ textarea, .codef-champ select {
    width: 100%;
    padding: 0 10px;
    font-family: 'Lato-bold';
    font-size: 14px;
    outline: none;
    -webkit-box-shadow: inset -2px 3px 19px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset -2px 3px 19px 0px rgba(0,0,0,0.4);
    box-shadow: inset -2px 3px 19px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset -1px 1px 7px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset -1px 1px 7px 0px rgba(0,0,0,0.4);
    box-shadow: inset -1px 1px 7px 0px rgba(0,0,0,0.4);
    background: #f4fbff;
}

.codef-champ select#datenaissance_jour{
	width:20%;
	margin-right:1%;
}
.codef-champ select#datenaissance_mois{
	width:50%;
}
.codef-champ select#datenaissance_annee{
	width:26%;
	float:right;
}

.codef-condition-general , .codef-joindre-cv label{
    font-family: 'Lato-bold';
    margin-top: 5px;
    clear: both;
    line-height: 2.6;
}

.codef-condition-general input[type="checkbox"] {
    width: 26px;
    height: 26px;
    float: left;
    border: 1px solid;
    margin-right: 5px;
    outline: 1px solid #2b75a6 !important;
    background: #fff;
    outline-offset: -2px;
}

.codef-joindre-cv label, .codef-joindre-cv .codef-fileupload{
	float:left;
	margin-right:30px;
}


.codef-fileupload {
    overflow: hidden;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    font-family: 'Lato-bold';
    position: relative;
    cursor: pointer !important;
}

.codef-fileupload span {
    cursor: pointer;
}


.codef-fileupload input.codef-upload {
	position: absolute;
    top: -35px;
    left: -2px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer !important;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 9999999999;
    height: 50px;
    z-index: 999999999999;
}

.codef-form input[type="submit"] {
    font-family: "Ubuntu-bold";
    padding: 2px 30px;
    border: transparent;
    float: left;
    margin-top: 10px;
    line-height: 1.8;
}

@media (min-width:1400px){
	.codef-form input[type="submit"]{
		font-size: 38px;
	}
	
	.codef-bg-recrutement h1{
		font-size:43px;
	}
}

@media (min-width:1200px) and (max-width:1399px){
	.codef-bg-recrutement h1{
		font-size:39px;
	}
	
	.codef-form input[type="submit"]{
		font-size: 33px;
	}
}

@media (min-width: 1200px){

/***********Header***************/
.codef-titre {
    width: 631px;
}

.codef-titre h4{
	font-size:56px;
}

.codef-titre h3 {
    font-size: 87px;
}

	.codef-inscription .codef-titre {
		width: 840px;
		margin: 0 auto;
	}
	
	.codef-inscription .codef-titre h3 {
		line-height: 1;
	}
/***********End Header***************/	
}
@media (min-width:992px){
	.codef-bg-recrutement p{
		font-size:20px;
	}
	
	.container-recrut{
		width:950px !important;
	}

}

@media (min-width:992px) and (max-width:1199px){
	.codef-form input[type="submit"]{
		font-size: 27px;
	}
	
	.codef-bg-recrutement h1{
		font-size:34px;
	}

/***********Header***************/
.codef-titre {
    width: 512px;
}

.codef-titre h4{
	font-size:50px;
}


.codef-page header {
    height: 210px;
}

.codef-titre {
    padding-top: 80px;
}

.codef-titre h3 {
    font-size: 71px;
}

	.codef-inscription .codef-titre {
		width: 610px;
		margin: 0 auto;
	}
	
	.codef-inscription .codef-titre h3 {
		line-height: 0.85;
	}
/***********End Header***************/	
	
}

@media (min-width:768px) and (max-width:991px){
	.codef-form input[type="submit"]{
		font-size: 22px;
	}
	
	.codef-bg-recrutement p{
		font-size:16px;
	}
}


@media (min-width:768px) and (max-width:991px){
	.codef-bg-recrutement h1{
		font-size:30px;
	}
	
	/***********Header***************/
.codef-titre {
    width: 397px;
}

.codef-titre h4{
	font-size:44px;
}

.codef-page header {
    height: 170px;
}

.codef-titre {
    padding-top: 73px;
}

.codef-titre h3 {
    font-size: 55px;
}

	.codef-inscription .codef-titre {
		width: 450px;
		margin: 0 auto;
	}
	
	.codef-inscription .codef-titre h3 {
		line-height: 0.85;
	}
/***********End Header***************/	

		
}
@media (min-width:768px){
.codef-bg-recrutement h4 {
    width: 440px;
    font-size: 28px;
}
}
@media (min-width:530px) and (max-width:767px){

}



@media (max-width:767px){
	.codef-joindre-cv label, .codef-joindre-cv .codef-fileupload {
		margin-right: 0px;
		font-size: 13px;
	}
	
	.codef-form input[type="submit"] {
		padding: 2px 10px;
	}
	.codef-form input[type="submit"]{
		font-size: 17px;
	}
	
	.codef-etiquette {
		font-size: 15px;
		width: 100%;
		float: left;
		text-align: left;
	}
	
	.codef-champ {
		float: left;
		width: 100%;
	}

	.codef-bg-recrutement h1{
		font-size:25px;
	}
	.codef-bg-recrutement h4 {
		width: 260px;
		font-size: 17px;
	}

	/***********Header***************/
	.codef-titre {
		width: 235px;
	}

	.codef-titre h4{
		font-size:31px;
	}
	.codef-page header {
		height: 120px;
	}
	
	.codef-titre {
		padding-top: 50px;
	}
	
	.codef-titre h3 {
		font-size: 33px;
	}
	
	.codef-inscription .codef-titre {
		width: 290px;
		margin: 0 auto;
	}
	
	.codef-inscription .codef-titre h3 {
		line-height: 0.85;
	}
	/***********End Header***************/	

	
}

@media (max-width:529px){

}