@charset "UTF-8";
/* *** RESET ********************************************************************************************************************* */
*{ margin: 0; outline: none; padding: 0; }
abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
fieldset,img { border: 0; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
ol,ul { list-style:none; }
q:before,q:after { content:''; }
table { border-collapse: collapse; border-spacing: 0; }
/* ******************************************************************************************************************************** */
/* *** GENERAL ******************************************************************************************************************** */
body{ background: #ffffff; }
#page{ background: url('../images/design/bg-page.jpg') repeat; }
#container{ margin: 0 auto; padding: 0 10px; width: 980px; }
#container-postuler{ margin: 0 auto; padding: 0 10px; width: 760px; }

#content{  }
#loading{  text-align: center;  visibility: hidden; }
.clear{ clear: both; }
.line{ background: url('../images/line.jpg') no-repeat; height: 4px; width: 960px; }
#container-postuler .line{  background: url('../images/line.jpg') no-repeat; height: 4px; width: 760px; }
/* ******************************************************************************************************************************** */
/* *** TOP-NAV ******************************************************************************************************************** */
#container #top-nav{ clear: both; display: block; padding: 25px 17px 25px 0; }
#container-postuler #top-nav{ clear: both; display: block; padding: 25px 0 25px 0; }
#top-nav #mantra{ float: left; }
#top-nav #mantra h1{ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; }

#top-nav #socialmedia{ float: right; padding-top: 5px; }
#top-nav #socialmedia p{ color: #7f7f7f; font-size: 10px; text-transform: uppercase; text-align: right;}

#top-nav #socialmedia a span{ display: none;}
#top-nav #socialmedia a{ border: 0; display: inline-block; float: right; height: 16px; padding: 0 0 0 3px; width: 16px;}

#top-nav #socialmedia a.btn-twitter:link, #top-nav #socialmedia a.btn-twitter:visited{ background: url('../images/social-media/twitter.png') no-repeat;  }
#top-nav #socialmedia a.btn-twitter:hover{ background: url('../images/social-media/twitter-hover.png') no-repeat;  }

#top-nav #socialmedia a.btn-blogger:link, #top-nav #socialmedia a.btn-blogger:visited{ background: url('../images/social-media/blogger.png') no-repeat;  }
#top-nav #socialmedia a.btn-blogger:hover{ background: url('../images/social-media/blogger-hover.png') no-repeat;  }

#top-nav #socialmedia a.btn-facebook:link, #top-nav #socialmedia a.btn-facebook:visited{ background: url('../images/social-media/facebook.png') no-repeat;  }
#top-nav #socialmedia a.btn-facebook:hover{ background: url('../images/social-media/facebook-hover.png') no-repeat;  }

#top-nav #socialmedia a.btn-youtube:link, #top-nav #socialmedia a.btn-youtube:visited{ background: url('../images/social-media/youtube.png') no-repeat;  }
#top-nav #socialmedia a.btn-youtube:hover{ background: url('../images/social-media/youtube-hover.png') no-repeat;  }
/* ******************************************************************************************************************************** */
/* *** CONTENT *******************************************************************************************************************  */
.content{ clear: both; display: block; }
/* ******************************************************************************************************************************** */
/* *** VIDEO ********************************************************************************************************************** */

#videos{ overflow:hidden;  width: 960px; }
#videos #allvideo{ width: 960px; }
#videos div.video{ float: left; width: 960px; }

#video-footer{ clear: both; display: block; padding: 5px 20px 10px 0; }

#video-footer #myController ul.tabs li{ float: left; padding-top: 10px; }
#video-footer #myController ul.tabs li { color: #acabab; cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; line-height: 13px; margin-right: 20px; }
#video-footer #myController ul.tabs li.active { color: #f46421; font-weight: bold; }

#video-footer #btn-postuler{ float: left; text-align: center; margin: 0 0 0 50px; width: 137px; }
#video-footer #btn-postuler{ color: #f46421; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; height: 42px; padding: 5px 0 0 0; width: 137px; }
#video-footer #btn-postuler a{ color: #f46421; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; }
#video-footer #btn-postuler a:link,#video-footer #btn-postuler a:visited{ color: #f46421; text-decoration: none; }
#video-footer #btn-postuler a:hover{ color: #ffffff; text-decoration: none; }
#video-footer #voyage{ float: right; }

/* ******************************************************************************************************************************** */
/* *** LEFT *********************************************************************************************************************** */
.left{ float: left; width: 385px; }

.left #avantages{ padding: 50px 0 0 0; }
.left #avantages h2{ color: #f46421; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; padding-bottom: 40px; line-height: 21px; text-transform: uppercase; }
.left #avantages ul{ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding-top: 15px; padding-bottom: 30px;  }

.left p.revisionner{ font-size: 14px; line-height: 14px; text-transform: uppercase; }
.left p.revisionner{ margin-bottom: 30px; }
.left p.revisionner a{ clear: both; display: block; text-decoration: none; height: 22px; width: 211px;}
.left p.revisionner span{ display: none; }
.left p.revisionner a:link, .left p.revisionner a:visited{ background: url('../images/revisionner.jpg') no-repeat; }
.left p.revisionner a:hover{ background: url('../images/revisionner-hover.jpg') no-repeat; }
/* ******************************************************************************************************************************** */
/* *** RIGHT ********************************************************************************************************************** */
.right{ float: right; width: 375px; }
.right #form-postuler p#obligatoire{ color: #f46421; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 29px; }
.right #form-postuler p#obligatoire img{ position: relative; top: 5px; }

.right #form-postuler p#chargement{ display: block; margin: 10px 0; text-align: center;  }


.right #form-postuler{ padding: 25px 0 50px 0; }

.message{ padding: 10px 15px; width: 335px;}
.message.error{ background: #ffcccc; border: 1px solid #cc0000; color: #cc0000; }
.message.valid{ background: #ddffdd; border: 1px solid #060; color: #060; }
.message.valid ul{ list-style: none; }
.message ul{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style: disc; padding: 0 10px; }
.message p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px; }

.right #form-postuler form{ width: 374px; }

.right #form-postuler div.input-text span, .right #form-postuler div.dropdown-poste span, .right #form-postuler div.dropdown-reference span, 
.right #form-postuler div.input-file span, .right #form-postuler div.textarea span{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 28px; _position: relative; _top: 3px; }
.right #form-postuler div.input-text span img{ position: relative; top: 3px; }
.right #form-postuler div.textarea span{ display: block; }
.right #form-postuler div.textarea{ background: url('../images/design/textarea.jpg') no-repeat; height: 106px; _height: 106px; margin: 3px 0; width: 374px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 28px; }
.right #form-postuler div.textarea span{ padding-left: 10px; }
.right #form-postuler div.textarea span em{ color: #f46421; }
.right #form-postuler div.textarea textarea{ border: 0; height: 70px; margin-left: 8px; width: 365px; }
.right #form-postuler div.notice{ color: #f46421; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 8px 0 3px 0; padding-left: 10px; }
.right #form-postuler input.btnPostuler{ float: right; }

.right #form-postuler div.reference-1 span, .right #form-postuler div.reference-2 span, .right #form-postuler div.reference-3 span, .right #form-postuler div.reference-4 span, .right #form-postuler div.reference-5 span
{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 28px; }

.right #form-postuler div.input-text, .right #form-postuler div.input-file{ background: url('../images/design/input-text.jpg') no-repeat; height: 26px; margin: 0 0 3px 0; width: 374px; }
.right #form-postuler div.input-text span, .right #form-postuler div.input-file span{ padding-left: 10px; }
.right #form-postuler div.input-text em, .right #form-postuler div.input-file em{ color: #f46421; }
.right #form-postuler div.input-text input{ border: 0; color: #f46421; font-family: Arial, Helvetica, sans-serif; width: 250px; }
.right #form-postuler div.input-file input{ border: 1px solid #fff; color: #f46421; font-family: Arial, Helvetica, sans-serif; width: 250px; }

.right #form-postuler .dropdown-profil, .right #form-postuler .dropdown-reference{ background: url('../images/design/input-text.jpg') no-repeat; height: 26px; margin: 0 0 3px 0; width: 374px; }
.right #form-postuler .dropdown-profil select, .right #form-postuler .dropdown-reference select
{ border: 0; color: #f46421; font-family: Arial, Helvetica, sans-serif; margin: 5px 5px; *+margin: 2px 0 0 5px; _margin: 2px 0 0 8px; width: 368px; +*width: 368px; _width: 365px; }

.right #form-postuler div.reference-1,.right #form-postuler div.reference-2,.right #form-postuler div.reference-3,
.right #form-postuler div.reference-4,.right #form-postuler div.reference-5{ background: url('../images/design/input-text.jpg') no-repeat; height: 26px; margin: 0 0 3px 0; width: 374px; }

.right #form-postuler div.reference-1 span,.right #form-postuler div.reference-2 span,.right #form-postuler div.reference-3 span,
.right #form-postuler div.reference-4 span,.right #form-postuler div.reference-5 span{ color: #a1a1a1; padding-left: 10px; }

.right #form-postuler div.reference-1 input,.right #form-postuler div.reference-2 input,.right #form-postuler div.reference-3 input,
.right #form-postuler div.reference-4 input,.right #form-postuler div.reference-5 input{ border: 0; color: #f46421; font-family: Arial, Helvetica, sans-serif; padding-left: 5px; }

.right #form-postuler input.btnPostuler{ background: none; border: 0; color: #f46421; cursor: pointer; font-weight: bold; font-size: 17px; padding: 10px 0;}

/* ******************************************************************************************************************************** */
/* *** FOOTER ********************************************************************************************************************* */
#footer{ clear: both; display: block; }
#footer-content{ padding: 18px 0 200px 0; }

#footer-content #credit{ float: right; padding: 12px 32px 0 0; }
#container-postuler #footer-content #credit{ float: right; padding: 12px 8px 0 0; }

#footer-content #logo{ float: left; position: relative; left: -7px; margin: 0 15px 0 0; }
#footer-content .vcard{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
#footer-content .vcard span.fn{ display: none; }
#footer-content .vcard .org{ color: #f46421; float: left; margin-right: 2px; }
#footer-content .vcard .adr, #footer-content .vcard .tel { color: #ffffff; }
#footer-content .vcard .adr .street-address{ float: left; margin-right: 2px; }
/* ******************************************************************************************************************************** */
/* *** BIG FOOTER ***************************************************************************************************************** */
#big-footer{ background: #ffffff; height: 800px; }
/* ******************************************************************************************************************************** */