@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {margin: 0; padding: 0; border: 0;outline: 0;font-size: 100%;background: transparent;resize:none;}
ul, li {list-style: none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
table, table td {border-collapse:collapse;border-spacing:0}
a {text-decoration: none}
img {vertical-align:top}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
.clear:before, .clear:after {content: "";display: table;line-height: 0;}
.clear:after {clear: both;}
.clear {zoom: 1;}
.clr {clear: both;height: 0;line-height: 0;font-size: 0px;overflow: hidden;visibility: hidden}
body { border-top:#1365aa solid 10px; font-size:0.75em; line-height:1; letter-spacing:-0.3px; font-family:roboto, arial;  background:url(../image/jpg/bg.jpg) center top no-repeat; padding-top:20px;}
.box_width1 { width:220px;} .box_width2 { width:460px;} .box_width3 { width:700px;}  .box_width4 { width:580px;} .box_width5 { width:340px;} .marge_box { margin-right:20px;} 
.marge_box_r { margin-bottom:20px;}  .marge_box_r2 { margin-bottom:10px;} 
.wrapper { width:940px; margin:auto;}
.margin_bottom20 { margin-bottom:20px;}
/***************header*************/
.lang { color:#1365aa; text-align:right; } .lang a { color:#1365aa; font-weight:300;} .lang span { margin:0 5px;}
.rside_h { float:right; display:inline; padding:15px 0 0 0;}
.logo { float:left; position:relative; top:2px;}
.encour { text-align:right; font-size:14px; font-weight:300; margin-bottom:15px; color:#5e5e5e;} .encour a { color:#1365aa; font-size:14px; font-weight:700; border-bottom:#bebf1b solid 1px; padding-bottom:5px;}
.slogan { color:#0c63ac; font-size:26px; font-weight:400;}
.sec_header1 { margin-bottom:32px;}


.box_pres { float:left; width:620px; padding-top:21px;}
.banner_pres { float:right; width:300px;}
.titr_pres { margin-bottom:18px; border-bottom:#e5e5e5 solid 1px; font-weight:400; font-size:30px; padding-bottom:8px;}
.l1_pres { color:#0c63ac;} .l2_pres { color:#bebf1b;}
.p1_pres { font-size:18px; margin-bottom:15px;} .p_pres { font-size:14px; margin-bottom:14px;}
.banner { height:400px;}
.box_metier { margin-top:30px; background:#f8f7f7; padding:40px;} .titr_metier { margin-bottom:7px; background:url(../image/gif/trait_meier.gif) center center repeat-x; text-align:center;}
.titr_metier span { color:#1365aa; font-size:36px; background:#f8f7f7; padding: 0 30px;	}
.p1_metier { font-size:20px; text-align:center; margin-bottom:10px;} .p2_metier { margin-bottom:25px; font-size:26px; color:#525252; text-align:center;}
.elem_metier { width:240px; text-align:center; border-right:#e1e0e0 solid 1px; padding:10px 20px 0; min-height:260px; float:left;}
.elem_metier_last { border-right:none;}
.img_metier { margin-bottom:14px;} .disc_metier { font-size:14px; line-height:18px;}
/***************footer*************/
footer { background:#497eb5; text-align:center; color:#fff; padding:24px 0 23px; line-height:18px;}
.copy { font-size:14px;}
/***************Validation engine*************/ 
.inputContainer{position:relative;float:left}
.formError{position:absolute;top:300px;left:300px;display:block;z-index:5000;cursor:pointer}
.ajaxSubmit{background:#55ea55;border:1px solid #999;display:none;padding:20px}
.formError .formErrorContent{background:#dc0000;position:relative;z-index:5001;color:#fff;width:150px;font-family:tahoma;font-size:11px; padding:10px}
.formError .formErrorArrow{width:15px;position:relative;z-index:5006;margin:-2px 0 0 13px}
/*body[dir=rtl] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}*/
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;top:2px;margin:0 0 0 12px}
.formError .formErrorArrow div{border-left:2px solid #dc0000;border-right:2px solid #dc0000; height:1px;background:#dc0000;line-height:0;font-size:0;display:block;margin:0 auto}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.formError .formErrorArrow .line10{width:15px;border:none}
.formError .formErrorArrow .line9{width:13px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #dc0000;border-right:2px solid #dc0000;border-bottom:0 solid #dc0000}
.formError .formErrorArrow .line2{width:3px;border:none;background:#dc0000}
.formError .formErrorArrow .line1{width:1px;border:none;background:#dc0000}
.greenPopup .formErrorContent,.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorContent,.blackPopup .formErrorArrow div{background:#393939;color:#FFF}
.nomarge_box { margin-right:0;}
/* responsiveness
--------------------------------------------- */
@media screen and (max-width: 1023px) { body  {width: auto;margin: auto;padding: auto;}
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100%;}
img {height: auto; width: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
textarea, table, td, th, code, pre, samp {word-wrap: break-word; /* passage à la ligne forcé */-webkit-hyphens: auto; /* césure propre */-moz-hyphens: auto;hyphens: auto;}code, pre, samp {word-wrap:break-word!important; white-space:pre-wrap!important;}}
@media (max-width: 769px) {}
@media (max-width: 640px) {} 
@media (max-width: 385px) {}
@media (max-width: 360px) {}
@media (max-width: 320px) {}