.page {margin: 0 auto;padding: 40px 0 20px 0;width: 982px;text-align: left;}

form {margin: 0;padding: 0;}

section, hgroup, aside, nav, article, figure, figcaption, time, dialog, details, menu {display: block;}

/* candidatures */

#candidatures h2{color:#e93305;font-size:30px; text-transform:uppercase;font-weight:bold;}

#candidatures h3{font-size:24px; margin:16px 0 16px 0;}

#candidatures p.intro{font-size:14px;margin:0 0 3px 0;}

#candidatures p.obligatoire{text-align:right;padding:12px 0 0 0;font-size:9px;color:#ff0000;}

#candidatures #accordion header{padding:15px 0 0 0;clear:both;width:100%; box-sizing: border-box; }

#candidatures #accordion header h3{
    background:#fafafa;
    color:#004812;
    font-size:18px;
    width:100%;
    border:1px solid #d4d4d4;
    border-bottom:0 none;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    padding:20px 0 8px 24px;
    margin:0;
    box-sizing: border-box; 
}

#candidatures #accordion header.ui-state-active h3{border-bottom:0 none;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}

#candidatures #accordion header.ui-state-active h3 a{background:url(/sites/all/themes/refonte/images/fleche_active.gif) 930px 8px no-repeat;}

#candidatures #accordion article{background:#fafafa;width:100%;border:1px solid #d4d4d4;border-top:0 none;padding:12px 24px 20px 24px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;float:left;behavior:url(../PIE/PIE.htc); box-sizing: border-box; }

#candidatures #accordion article .parent{padding:0 0 12px 0;float:left;clear:both;width:100%;}

#candidatures #accordion article .parent .form-item,#candidatures #accordion article .parent .form-actions{margin:0;padding:0;position:relative;float:left;}

#candidatures #accordion article .parent .form-radios{float:left;margin:0;}

#candidatures #accordion article .parent .form-checkboxes{float:left;margin:0;}

#candidatures #accordion article .parent .form-type-checkboxes{margin:0 0 4px 0;}
#candidatures #accordion article .parent.experience-block .form-type-checkbox{clear: both;}

#candidatures .checker {padding: 2px 0 0 8px;}

/* -i add this line younes- */
#candidatures #edit-terms-of-use{position:absolute; top:65px; left:-18px}

#candidatures .checker, #candidatures .checker input, #candidatures .checker span{width: 12px;height: 12px;float: left;cursor: pointer; opacity: 1;}

#candidatures .checker input{opacity: 1 !important;}

#candidatures #accordion article .parent .form-type-radio{margin:0 0 4px 0;}

#main #candidatures #accordion article .cv{padding:0 0 6px 0;position:relative;z-index:0;}

#main #candidatures #accordion article .lettreMotivation{padding:0 0 20px 0;position:relative;z-index:0;}

#candidatures .cv label,#candidatures .lettreMotivation label{padding:16px 0 0 5px;width:194px;}

#candidatures #accordion article .infos{font-size:10px;padding:4px 0 0 0;}

#candidatures #accordion article .posteDesire{padding:0;}

#candidatures #accordion article .langueLink{padding:12px 0 12px 0;}

#candidatures .radio,#candidatures .radio input,#candidatures .radio span{width:12px;height:12px;float:left;cursor:pointer;}

#candidatures .radio{padding:2px 0 0 8px;}

#candidatures .radio span{background:url(/sites/all/themes/refonte/images/radio_00.gif) 0 0 no-repeat;margin:0 4px 0 0;}

#candidatures .radio span.checked{background:url(/sites/all/themes/refonte/images/radio_00_active.gif) 0 0 no-repeat;}

#candidatures label{font-size:12px;font-weight:normal;margin:0 12px 4px 4px;}

#candidatures .journaliste label{width:118px;padding:16px 0 6px 8px;}

#candidatures .journaliste .form-item{margin:0;width:218px;}

#candidatures .selector,#candidatures .selector span,#candidatures .selector select{
    float:left;width:196px;height:42px;padding:0;margin:0;background:none;
}

#candidatures .selector span{padding:14px 0 0 16px;width:196px;color:#232223;height:36px;}

#candidatures .selector select{ 
    cursor: pointer;height: 34px;left: 4px;position: absolute;top: 4px; width: 186px;
}

#candidatures .selector option{ background: none repeat scroll 0 0 #F6FCE4;padding: 2px 12px;}



#candidatures .dateNaissance{float:left;margin:0 32px 0 0;}

#candidatures .dateNaissance label{margin:0 12px 0 0;padding:12px 12px 0 8px;}

#candidatures .dateNaissance .selector,#candidatures .dateNaissance .selector span,#candidatures .dateNaissance .selector select{width:89px;margin:0;}

#candidatures .dateNaissance .selector{background:url(/sites/all/themes/refonte/images/bg_select_01.png) 0 0 no-repeat;margin:0 2px 0 0;}

#candidatures article input.autres{background:url(/sites/all/themes/refonte/images/bg_input_02.png) 0 0 no-repeat;width:208px;}

#candidatures .emploi{float:left;width:222px;padding:0 0 0 5px;}

#candidatures .mobilite{float:left;width:222px;padding:0 0 0 5px;}

#candidatures .uploader{float:left;background:none;height:42px;width:342px;}

#candidatures .uploader input{height:40px;left:0;z-index:98;font-size:15px;position:absolute;cursor:pointer;}



#candidatures .uploader span.action{background:url(/sites/all/themes/refonte/images/bg_parcourir.png) 100% 0 no-repeat;float:left;height:32px;padding:14px 16px 0 8px;color:#ffffff;text-shadow: 1px 1px 2px #000000;}

#candidatures .submit{padding:36px 0 0 0;clear:both;overflow:hidden;}

#candidatures .submit .button{width:314px;height:57px;background:url(/sites/all/themes/refonte/images/bg_submit_00.gif) 0 0 no-repeat;margin:0 auto 0 auto;cursor:pointer;}

.content #candidatures .newsletter .button{width:198px;}

#candidatures .submit .button span{background:url(/sites/all/themes/refonte/images/bg_submit_01.gif) 100% 0 no-repeat;height:35px;display:block;padding:22px 50px 0 20px;text-align:left;color:#ffffff;font-size:16px;text-transform:uppercase;letter-spacing:-1px;text-shadow: 1px 1px 2px #000000;/* filter: dropshadow(color=#000000, offx=1, offy=1); */position:relative;white-space:nowrap;margin:0;behavior:url(../PIE/PIE.htc);}

#candidatures .submit input{width:327px;height:43px;cursor:pointer;top:0;left:0;position:absolute;}

#candidaturesCont{float:left;width:698px;padding:0 10px 0 0;}

#candidatures .form-item{float:left;position:relative;}

#candidatures .form-item-terms-of-use label a{text-decoration: underline;}



#candidatures .form-item-secteur{clear:left;position:relative;top:-2px;}

#candidatures .form-item-email{position:relative;}

.fils_error{clear:both;padding:4px 0 0 10px;}

.fils_error p{color:#ff0000;font-size:11px;}

.fils_error ul li{color:#ff0000;font-size:11px;}

.add-experiences{color: inherit;border: none !important;clear: both;margin-left: 6px;font-size: 14px;float: left;display: block;width: 196px;height: 42px;}

.experience{overflow: hidden;clear: both;float: left;border-top: 1px solid #D6D6D6;margin-top: 15px;padding-top: 4px;}

.add-experiences span{display: inline-block;margin-right: 2px;font-size: 18px;color: #AAC657;text-shadow: 0px 0px 0px #000;}

#candidatures #edit-field-condidatur-mobilite,

.form-item-condidatur-in-progress-exp-1{margin-top: 11px !important;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 56% !important;margin-top: 2px;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 2px !important;}

.form-item-fencours, 

.form-item-acejour,

.form-item-condidatur-formation-in-progress,

.form-item-condidatur-in-progress-exp{
    margin-top: 12px !important;
}
#edit-acejour, 

#edit-fencours, 

#edit-condidatur-formation-in-progress,

#edit-condidatur-in-progress-exp,

#edit-condidatur-inexperience,

.form-item-condidatur-in-progress-exp-1 input[type="checkbox"],

.form-item-terms-of-use input[type="checkbox"]{opacity: 1 !important;}



.form-item-field-niveau-experience{

    display: block;

    clear: both;

    margin-top: 0;

}

.form-item-condidatur-inexperience{

    width: 912px;

    height: 15px;

}

.form-item-terms-of-use{

    margin: 30px 0 0 !important;

}

.experience-block{position: relative;}

.close{position: absolute;border: 1px solid #737272;right: 0;top: 12px;padding: 1px 2px;font-size: 11px;font-weight: bold;color: #727272;line-height: 10px;}

input[type="text"]::-webkit-input-placeholder {

    color: #232223;

}



input[type="text"]:-moz-placeholder { /* Firefox 18- */

    color: #232223;  

}



input[type="text"]::-moz-placeholder {  /* Firefox 19+ */

    color: #232223;  

}



input[type="text"]:-ms-input-placeholder {  

    color: #232223;  

}



div.error {

    background: rgba(0,0,0,0.7);

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    -o-border-radius:10px;

    border-radius:10px;

    color: rgb(255, 255, 255);

    display: block;

    font-size: 12px;

    font-weight: normal;

    height: 14px;

    left: 66px;

    position: absolute;

    top: 28px;

    width: 104px;

    padding: 5px 10px;

}



#candidatures .uploader input {

    height: 40px;

    left: 0;

    z-index: 98;

    font-size: 15px;

    position: absolute;

    cursor: pointer;

}

#candidatures .uploader span.action {

    float: left;

    height: 32px;

    padding: 14px 16px 0 8px;

    color: #ffffff;

    text-shadow: 1px 1px 2px #000000;

    background-attachment: scroll;

    background-clip: border-box;

    background-color: rgba(0, 0, 0, 0);

    background-image: url(/sites/all/themes/refonte/images/bg_parcourir.png);

    background-origin: padding-box;

    background-size: auto;

    display: block;

    font-size: 12px;

    font-weight: normal;

    height: 32px;

    text-shadow: rgb(0, 0, 0) 1px 1px 2px;

    width: 55.875px;

}

#candidatures .selector span {

    padding: 14px 0 0 16px;

    width: 142px;

    color: #232223;

    display: block;

    float: left;

    font-size: 12px;

    font-weight: normal;

    height: 36px;

    width: 142px;

}



#candidatures .uploader input{

    -webkit-appearance: none;

    -webkit-rtl-ordering: logical;

    -webkit-user-select: text;

    border-image-slice: 100%;

    color: rgb(0, 0, 0);

    cursor: pointer;

    display: block;

    font-size: 15px;

    font-stretch: normal;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    height: 40px;

    left: 0px;

    letter-spacing: normal;

    line-height: normal;

    opacity: 0;

    position: absolute;

    text-align: start;

    text-indent: 0px;

    text-rendering: auto;

    text-shadow: none;

    text-transform: none;

    width: 283px;

    word-spacing: 0px;

    writing-mode: lr-tb;

    -webkit-writing-mode: horizontal-tb;

    z-index: 98;

}

#candidatures .uploader span.filename{

    background-attachment: scroll;

    background-clip: border-box;

    background-color: rgba(0, 0, 0, 0);

    background-image: url(/sites/all/themes/mcdo/images/bg_input-file.png);

    background-origin: padding-box;

    background-size: auto;

    border-bottom-color: rgb(0, 0, 0);

    border-bottom-style: none;

    border-bottom-width: 0px;

    border-image-outset: 0px;

    border-image-repeat: stretch;

    border-image-slice: 100%;

    border-image-source: none;

    border-image-width: 1;

    border-left-color: rgb(0, 0, 0);

    border-left-style: none;

    border-left-width: 0px;

    border-right-color: rgb(0, 0, 0);

    border-right-style: none;

    border-right-width: 0px;

    border-top-color: rgb(0, 0, 0);

    border-top-style: none;

    border-top-width: 0px;

    color: rgb(0, 0, 0);

    display: block;

    float: left;


    font-size: 12px;

    font-weight: normal;

    height: 32px;

    margin-bottom: 0px;

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 0px;

    outline-color: rgb(0, 0, 0);

    outline-style: none;

    outline-width: 0px;

    padding-bottom: 0px;

    padding-left: 20px;

    padding-right: 0px;

    padding-top: 14px;

    width: 154px;

}











#candidatures{
    width:970px;
    display:block;
    margin:0;
    margin:0 auto;
    padding:0;
    font-family: 'latolight';
}


#candidatures input.text,#candidatures input.form-text{
    /*outline: none;background:url(/sites/all/themes/refonte/images/bg_input.png) 0 0 no-repeat;*/
    padding:0 10px 0 16px;
    height:42px;
    width:170px;
    float:left;
    border:#ccc;
    margin:0 32px 0 0;
    line-height:39px;
    /*background:#fbffee;*/
    color:#232223;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ccc;
    box-sizing: border-box;
}


#candidatures .uploader span.filename{
    border:0 none;
    /*background:url(/sites/all/themes/refonte/images/bg_input-file.png) 0 0 no-repeat;*/
    background:none !important;
    width:154px;
    height:42px;
    float:left;
    padding:14px 0 14px 20px;
    margin:0;

        background:#fbffee;
    color:#232223;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ccc;
    box-sizing: border-box;
}

#candidatures .option{
    display:inline-block;
    padding-top:2px;
}


#candidatures .option a{
    text-decoration:none !important;
}

#candidatures .selector{
    /*background:url(/sites/all/themes/refonte/images/bg_select.png) 0 0 no-repeat;*/
    margin:0 31px 0 0;
    overflow: visible;
    position:relative;
    color:#232223;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ccc;
    box-sizing: border-box;
}



#btn_sub_can{
    padding:0;
    margin:0;
    width:100%;
    vertical-align: top;
    display:block;
    margin:15px auto 15px auto;
    float:none !important;
    text-align: center;
}

#btn_sub_can a{
    padding:0;
    margin:0;
    display:inline-block;
    margin:0 auto;
    padding:6px 10px;
    text-decoration:none;
    background:#c4161c;
    text-align:center;
    font-size:14px;
    padding:5px 10px;
    color:#fff;
    float:none;
    clear:both;
    width:auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
}




.clear{
    clear:both;
}


#candidatures .uploader span.action{
    color:#000 !important;
    text-shadow:none !important;
}

#ui-datepicker-div{
    font-family: 'latolight' !important;
    font-size:12px !important;
    border:1px solid #ccc !important;
}

.ui-datepicker-header{
    background:#fff;
}

.ui-state-active, .ui-state-highlight{
    background:#f02229 !important;
    color:#fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    font-family: 'latolight' !important;
}

.ui-datepicker-month{
    background:#f02229 !important;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'latolight' !important;
}






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

}




@media screen and (max-width:900px){
   #candidatures{
    /*background:red !important;*/
    box-sizing: border-box;
    width:100%;
    padding:0 7px ;
   } 
   #candidatures .page{
    box-sizing: border-box;
    width:100% !important;
   }    

   #candidatures .parent{
    box-sizing: border-box;
    width:100% !important;
   }  
   #candidatures article{
    box-sizing: border-box;
    width:100% !important;
   }
   #accordion{
    box-sizing: border-box;
    width:100% !important;
   }


   #candidatures input.text,#candidatures input.form-text{
    width:95% !important;
    margin:5px 0 ;
   }

   #candidatures #accordion header h3{
    width:100%;
   }

   #candidatures .selector{
    width:95% !important;
    margin:5px 0 
   }

   #condidatures .form-select{
    width:95% !important;
   }

    .reglementBox .checker{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        margin:0 auto !important;
    /*    float:none !important;
        clear:both;*/
        float:left;
        width:10%;
        margin-top:5px !important;
    }


    .reglementBox .option{
        float:left !important;
        width:90% !important;
        display:block;
        line-height:19px;
    }
}