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 {
margin:0;
padding:0;
border:0;
/*outline:0;*/
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
font-smoothing:antialiased
}
header{ height:100px; overflow:hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block
}
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
strong{ font-weight:bold !important}
.clr{ clear:both;height:0; font-size:0; line-height: 0; overflow:hidden}
ol,ul{list-style:none}/*:focus{outline:0}*/del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
input, textarea {border:0;}
.margin_bottom10{margin-bottom:10px;}
.margin_bottom20{margin-bottom:20px;}
.margin_bottom30{margin-bottom:30px;}


body{ font-size:1em; background-color:#000000 ; color:white;  }
section{/* height:1100px;*/ position:relative; overflow:hidden}
.nav_top{ background:url(../image/gif/bg_nav_top.gif) left top repeat-x; height:100px; width:100%; position:fixed; top:0; left:0; z-index:5  }
.content_nav_top{ width:930px; margin:auto; padding-top:30px }
.logo{ float:left; display:inline; margin-top:5px}

.main{ position:relative; overflow:hidden;  }
.main_content { width:100%; height:auto}
/*#wait{ position:absolute; height:100%; width:100%; background-color:#000; z-index:999}
#wait img{ position:absolute; height:128px; width:128px; left:50%; top:50%; margin:-64px 0 0 -64px}*/
.link_blanc{color:#B9CED5;
font-family: Arial, Helvetica, sans-serif;text-decoration:none;}
.link_blanc:hover{text-decoration:underline;}
/************MAIN MENU ******************/
.navigation_main{ margin-top:12px;float:right; text-align:right; clear:right/* width:710px*/}
.navigation_main li{ vertical-align:top;display:inline}
.navigation_main li a{ vertical-align:top;   display:inline-block; padding:0 0 5px;  border-top:1px #004960 solid;  margin-left:15px; color:#fff; font-size:1em;   font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;   text-decoration:none; text-transform:uppercase;outline-radius:10px;}

.ie6 .navigation_main, .ie7 .navigation_main {zoom:1; position:relative; margin-top:-10px}
.ie6 .navigation_main li a, .ie7 .navigation_main li a{ display:inline; }


.navigation_main li a:hover{ display:inline-block; padding:5px 0 0; border-top:1px #1197c5 solid; margin-left:15px; color:#fff;    font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;   text-decoration:none; text-transform:uppercase}
.navigation_main:after {
clear:both;
}

/************SCD MENU ******************/
.navigation_scd{ float:right; text-align:right;/* width:710px*/}
.navigation_scd li{ display:inline}
.navigation_scd li a{  display:inline-block; padding-left:8px; padding-right:9px; color:#fff; font-size:0.750em; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;  text-decoration:none; text-transform:uppercase; background:url(../image/gif/dotted_menu.gif) right center no-repeat}
.navigation_scd li a:hover, .navigation_scd li a.scd_current{  display:inline-block; padding-left:8px; padding-right:9px; color:#0d80ac; font-size:0.750em; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;  text-decoration:none; text-transform:uppercase; background:url(../image/gif/dotted_menu.gif) right center no-repeat}
.navigation_scd li:last-child a{ padding-left:8px; padding-right:0; background:none}
.navigation_scd:after {
clear:both;
}



#banniere{ height:600px; position:relative; z-index:4}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; display:block }
.facebook_twitter{ position:fixed; top:250px; right:20px; z-index:2}
.facebook_twitter li{ margin-bottom:5px}

.fixed_facebook{ display:inline-block; background:url(../image/png/fb_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
.fixed_facebook:hover{ display:inline-block; background:url(../image/png/fb_off.png) left -72px no-repeat; width:71px; height:71px}

.fixed_twitter{ display:inline-block; background:url(../image/png/twitter_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
.fixed_twitter:hover{ display:inline-block; background:url(../image/png/twitter_off.png) left -71px no-repeat; width:71px; height:71px}

.fixed_blog{ display:inline-block; background:url(../image/png/blog_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
.fixed_blog:hover{ display:inline-block; background:url(../image/png/blog_off.png) left -71px no-repeat; width:71px; height:71px}

.fixed_google{ display:inline-block; background:url(../image/png/google_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
.fixed_google:hover{ display:inline-block; background:url(../image/png/google_off.png) left -71px no-repeat; width:71px; height:71px}

.fixed_linkedin{ display:inline-block; background:url(../image/png/linkedin_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
.fixed_linkedin:hover{ display:inline-block; background:url(../image/png/linkedin_off.png) left -71px no-repeat; width:71px; height:71px}

#topcontrol{z-index:11; background:url(../image/png/home_off.png) left top no-repeat; width:71px; height:71px; text-indent:-99999em}
#topcontrol:hover{z-index:11; background:url(../image/png/home_off.png) left -71px no-repeat; width:71px; height:71px;  }

/************SECTION 1 ******************/
#section_index{background:url(../image/gif/section_index.gif) center top no-repeat;width:100%; height:1100px; }
.section_index_content{ margin:auto; padding-top:60px; width:960px; position:relative;/*position:absolute; left:50%; margin-left:-480px; top:60px*/}

.wrapper_service{-webkit-border-radius: 20px;-webkit-border-bottom-right-radius: 0;-moz-border-radius: 20px;-moz-border-radius-bottomright: 0;border-radius: 20px;
border-bottom-right-radius: 0;width:400px; height:340px; /*margin-left:30px;padding:10px; */ position:absolute; left:30px; top:60px;background-color:#372a2e}
.titre_wrapper_service{/*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; border:white 2px dashed;  background:url(../image/gif/dashed_tservice.gif) left top no-repeat; height:50px; line-height:50px; padding:0 20px; text-transform:uppercase; color:white; font-size:24px; margin-right:30px; font-family: 'Asap', sans-serif;*/ margin-bottom:10px }

.wrapper_service p{ font-family: arial, sans-serif; font-size:1.125em; color:white; padding:8px 0 10px; line-height:1.2}

.liste_service{ margin-left:27px}
.liste_service li{ background:url(../image/gif/square_list.gif) left 6px no-repeat; color:#ffae00; font-size:0.875em; font-family: arial, sans-serif; padding:2px 0 2px 15px}


.wrapper_service_padd { padding:30px}
.wrapper_service_padd2 { padding-right:30px; background:url(../image/gif/flech_service.gif) right top no-repeat; zoom:1}
.wrapper_etude_cas_padd, .wrapper_act_padd { padding:30px 30px 0}


.wrapper_etude_cas{-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px; width:400px;   position:absolute; left:30px; top:400px;/* background-color:#004053; position:relative; margin-left:30px*/}
/*.bottom_ecas{background:url(../image/gif/b_etudecas.gif) left bottom no-repeat; position:absolute; left:0;  width:399px; height:189px; top: 382px; display:none}*/

.div_confiance{ position:relative; margin-top:40px}

.titre_wrapper_etude_cas{padding:0 10px 5px 0; text-transform:uppercase; color:white; font-size:1.875em; font-family: 'Asap', sans-serif; margin-bottom:10px   }
.titre_wrapper_etude_cas span{ font-weight:normal}
.wrapper_etude_cas p{ color:#fff; font-size:1.125em; line-height:1.3;font-family:Arial, Helvetica, sans-serif; padding:8px 0 15px}

.en_savoir_plus{ -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; background-color:#f3f6f8; padding:0 18px; text-decoration:none; cursor:pointer;  color:#00232e; font-size:12px;font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; text-transform:uppercase; height:27px; line-height:27px; display:inline-block;   }
.en_savoir_plus:hover{   background-color:#00232e;  color:#fff;   }

.wrapper_act{ width:280px; height:440px; position:absolute; top:60px; left:430px; background:none}
.titre_wrapper_act{ color:#f1efef; font-size:30px; text-transform:uppercase; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; margin-bottom:8px}
.elem_act{padding:10px 0; color:#fff; font-size:14px ; line-height:1.2; font-family:Arial, Helvetica, sans-serif}
.elem_act a{ display:inline-block; margin-bottom:5px; color:#fff; font-size:14px ; text-decoration:none }
.sep_act{border-bottom:#80adbb 1px dotted; height:0px}

.txt_confiance{position:absolute; top:0; left:0}
.client{padding-top:70px; text-align:center; height:200px; overflow:hidden}


.wrapper_pdt{ width:251px;  position:absolute; top:60px; height:700px; left:710px; background:url(../image/gif/txt_bg_pdt.gif) 4px 224px no-repeat }
.titre_wrapper_pdt{/* -moz-box-shadow:0 0 10px #b3bec7;-webkit-box-shadow:0 0 10px #b3bec7;box-shadow:0 0 10px #b3bec7*//*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; border:white 2px dashed; padding:20px; */ text-transform:uppercase; color:white; font-size:24px; font-family: 'Asap', sans-serif; background:url(../image/gif/dashed_tproduit.gif) left top no-repeat; padding:0 20px; height:81px; line-height:81px}
.wrapper_pdt_padd{ padding:30px 20px 0}
.wrapper_pdt p{ color:#fff;line-height:1.3; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:8px 0 15px;}


.section_services_content:after{ clear:both}



/************SECTION 2 MEDIANET ******************/
#section_2{ height:1103px}
#section_medianet{background:url(../image/gif/section_medianet.gif) center top no-repeat;width:100%; height:1103px; }
.section_medianet_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_medianet .submenu{ float:left; width:220px; height:330px; margin-top:40px;/*  background-color:#015b76;background:url(../image/gif/bottom_submenu.gif) left bottom no-repeat;*/ position:relative }


#section_medianet .ul_submenu{ margin-left:40px}
#section_medianet .submenu li a{ display:block; padding:7px 0; border-bottom:#80ADBB 1px solid; color:white; font-size:16px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
#section_medianet .submenu li a:hover{ display:block; padding:7px 0; border-bottom:#80ADBB 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
#section_medianet  .submenu li a.current-m{ display:block; padding:7px 0 7px 20px; border-bottom:#80ADBB 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
#section_medianet .submenu li:last-child a{ border-bottom:none}
#section_medianet .titre_submenu{font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(40px) rotate(90deg); -webkit-transform-origin: left top; -moz-transform: translateX(40px)  rotate(90deg); -moz-transform-origin: left top; -o-transform: translateX(40px) rotate(90deg); -o-transform-origin: left top; -ms-transform: translateX(40px) rotate(90deg); -ms-transform-origin: left top; transform: translateX(40px) rotate(90deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;width:185px; line-height:1; }
.ie7 #section_medianet .titre_submenu, .ie8 #section_medianet .titre_submenu{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.ie8 #section_medianet .titre_submenu{left: -5px; }
#section_medianet .contenu_medianet{ float:right; width:650px; position:relative; display:inline; margin-right:30px;}
#section_medianet .contenu_medianet h1{ font-family: 'Asap', sans-serif; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:25px; font-weight:normal}
.liste_medianet{ margin-top:8px}
.liste_medianet li{ background:url(../image/gif/arrow_liste.gif) left 7px no-repeat; color:#fff; font-size:12px;font-family:Arial, Helvetica, sans-serif; padding:3px 0 3px 12px}
.liste_medianet2{ margin-top:10px}
.liste_medianet2 li{ background:url(../image/gif/square_list2.gif) left 8px no-repeat; color:#7b98a2; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:4px 0 4px 12px}
.voir_video{ background:url(../image/png/voir_video.png) left top no-repeat; width:267px; height:122px; position:absolute; right:-16px; top:410px}
.dashed_video{ background:url(../image/png/dashed_video.png) left top no-repeat; width:48px; height:432px; position:absolute; right:239px; top:-20px; z-index:2}
.right_equipe{float:right; width:232px; }
.left_equipe{float:left; width:370px; }
.left_equipe p{ color:#b9ced5;  font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:1.3; margin-bottom:15px}
.left_equipe p+p{ color:#b9ced5;  font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:1.3; margin-bottom:15px}
.parag_{ color:#fff; font-size:22px}

.right_presentation{float:right; width:232px; }
.left_presentation{float:left; width:370px; }
.left_presentation p:first-child{ color:#b9ced5;  font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.3; margin-bottom:15px}
.left_presentation p {color:#b9ced5;  font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:1.3; margin-bottom:15px}

.left_presentation figure{ text-align:center;  }
.padd_presentation{ padding-right:20px}


.aside_pres p {font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.3 ;  color:#b9ced5;  }
.aside_pres p:first-child{margin-bottom:16px  }
.aside_txt_tt{ font-size:20px; line-height:1.2; font-weight:400}
/**********SECTION SERVICES********************/

#section_services{background:url(../image/gif/section_services.gif) center top no-repeat;width:100%; height:1103px; }
#section_services .section_services_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_services .submenu{ float:right; width:220px; height:330px; margin-top:40px; position:relative  }
#section_services .titre_submenu{font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 260px; right: -4px; -webkit-transform:rotate(90deg); -webkit-transform-origin: right top; -moz-transform:rotate(90deg); -moz-transform-origin: right top; -o-transform:rotate(90deg); -o-transform-origin: right top; -ms-transform:rotate(90deg); -ms-transform-origin: right top; transform:rotate(90deg); transform-origin: right top;  font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; line-height:1; white-space:nowrap /*background:#4b3b39;*/}

.ie8 #section_services .titre_submenu{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);right: -125px;  top:0}
.ie7 #section_services .titre_submenu{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);right: 0;  top:0}

#section_services .ul_submenu{ margin-right:40px ; text-align:right}
#section_services .submenu li a{ display:block; padding:7px 0; border-bottom:#a59d9c 1px solid; color:white; font-size:16px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none}
#section_services .submenu li a:hover{ display:block; padding:7px 0; border-bottom:#a59d9c 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
 #section_services .submenu li a.current-m{ display:block; padding:7px 0 7px 0; border-bottom:#a59d9c 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }

#section_services .submenu li:last-child a{ border-bottom:none}
#section_services .contenu_services{ float:left; width:650px; position:relative; display:inline; margin-left:30px;}
#section_services .contenu_services h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:30px; text-transform:uppercase; margin-bottom:20px;  font-weight:normal}
.ul_tablecell { display: table; width:100%; padding-bottom:25px}
.ie8 .ul_tablecell li, .ie7 .ul_tablecell li { display:inline-block; /*background:url(../image/gif/border_wm.gif) right top no-repeat;*/  border-right:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1; float:left; }
.ie6 .ul_tablecell li { display:inline; /*background:url(../image/gif/border_wm.gif) right top no-repeat;*/  border-right:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1 }
.ul_tablecell li { display:table-cell; /*background:url(../image/gif/border_wm.gif) right top no-repeat;*/  border-right:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1 }
.ul_tablecell li a { color:#fff;  font-size:16px; font-family: 'Asap', sans-serif; text-decoration:none }
.ul_tablecell li:hover { /* background:url(../image/gif/arrow_marketing.gif) center bottom no-repeat; */}
.ul_tablecell li:hover a {  color:#ffae00}
.ul_tablecell li:last-child, .ul_tablecell li.current-wm:last-child{ border-right:none /*background:none;*/; width:110px}

.ul_tablecell li.current-wm { display:table-cell; border-right:#a59d9c 1px solid;padding:10px 12px 15px;color:#fff;  font-size:16px; font-family: 'Asap', sans-serif; cursor:pointer; background:url(../image/gif/arrow_marketing.gif) center bottom no-repeat; }
.ul_tablecell li.current-wm a{  color:#ffae00;  font-size:16px; font-family: 'Asap', sans-serif; text-decoration:none }

.titre_bloc{ border-bottom:#ffae00 1px solid; position:relative;  margin-bottom:20px ; height:24px}
.titre_bloc span{ display:inline-block; padding:6px 10px 0; color:#ffae00; position:relative;  margin-bottom:-6px; background-color:#372a29; font-style:italic;   font-size:20px; font-family: 'Asap', sans-serif;}

/*#webmarketing{ color:#f1efef; line-height:1.4}*/
#services-content{ color:#f1efef; line-height:1.4}
.txt_biggest{font-size:24px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; color:#f1efef; line-height:1.1}
.txt_big{font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; color:#f1efef}
.txt_normal{font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; color:#f1efef}

.txt_biggest_sm{font-size:24px; font-family:Arial, Helvetica, sans-serif;  color:#f1efef; line-height:1.1}
.txt_big_sm{font-size:18px; font-family:Arial, Helvetica, sans-serif;  color:#f1efef}
.txt_normal_sm{font-size:14px; font-family:Arial, Helvetica, sans-serif;  color:#f1efef}

.figure_services{ text-align:center; padding-top:35px}
.figure_services2{ text-align:center; padding-top:25px}
.figure_services_float{ float:left; margin-right:20px}
.figure_services_float2{ float:left; margin:0 40px 10px}
.span_important{ color:#ffae00; font-size:14px}
.liste_sans_puce{ color:#f1efef; font-size:14px}
.tabcell{ overflow:hidden; height:100%}
.float_image{ float:left; margin:0 20px 15px 0}
/**********SECTION PRODUIT********************/

#section_produit{background:url(../image/gif/section_produit.gif) center top no-repeat;width:100%; height:1103px; }
.section_produit_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_produit .submenu{ float:left; width:220px; height:330px; margin-top:40px; position:relative }


#section_produit .ul_submenu{ margin-left:40px}
#section_produit .submenu li a{ display:block; padding:7px 0; border-bottom:#bf8081 1px solid; color:white; font-size:16px; font-family: 'Asap', sans-serif;text-transform:uppercase; text-decoration:none }
#section_produit .submenu li a:hover { display:block; padding:7px 0 7px 0; border-bottom:#bf8081 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif; text-transform:uppercase; text-decoration:none }
#section_produit  .submenu li a.current-m{ display:block; padding:7px 0 7px 20px; border-bottom:#bf8081 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif; text-transform:uppercase; text-decoration:none }
#section_produit .submenu li:last-child a{ border-bottom:none}


#section_produit .contenu_produit{ float:right; width:650px; position:relative; display:inline; margin-right:30px;}

#section_produit .contenu_produit h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:25px;  font-weight:normal}

#section_produit .titre_submenu{
font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(40px) rotate(90deg); -webkit-transform-origin: left top; -moz-transform: translateX(40px) rotate(90deg); -moz-transform-origin: left top;
-o-transform: translateX(40px) rotate(90deg); -o-transform-origin: left top; -ms-transform: translateX(40px) rotate(90deg); -ms-transform-origin: left top; transform: translateX(40px) rotate(90deg); transform-origin: left top;   font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; width:185px; line-height:1; white-space:nowrap
}
.ie7 #section_produit .titre_submenu,.ie8 #section_produit .titre_submenu{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);left: -5px;}


.arrow_produit  { margin-left:20px}
.arrow_produit li{ background:url(../image/gif/arrow_produit.gif) left 7px no-repeat; color:#fff; font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:4px 0 4px 20px; line-height:1.2}


.img_produit{ float:left; display:inline; margin-right:5px}
.libelle_img_produit{ height:100%; overflow:hidden; font-size:24px;  font-family: 'Asap', sans-serif; font-weight:normal; line-height:1.3}
.libelle_img_produit span{ display:inline-block; padding-top:15px;}
.desc_img_produit:after{ clear:both}
.space_pro{ height:1px; clear:both}

/**********SECTION CLIENT********************/

#section_client{background:url(../image/gif/section_client.gif) center top no-repeat;width:100%; height:1102px; }
#section_client .section_client_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_client .contenu_client{ float:left; width:650px;  position:relative; display:inline; margin-left:30px; }
#section_client .contenu_client h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:50px; text-transform:uppercase; margin-bottom:40px; font-weight:normal }
#section_client .contenu_client h1 .accroche{ display:block; font-size:24px; text-transform:uppercase; margin-bottom:25px; font-weight:normal}

/*
.cercle{-webkit-border-radius:50px;-moz-border-radius: 50px;border-radius: 50px; display:block; width:100px; height:100px; background-color:white; overflow:hidden}
.cercle_padding{ width:100px; height:100px; background:url(../image/gif/txt_bg_pdt.gif) center center no-repeat; }
.cercle_padding_{ width:100px; height:100px; margin:0px; color:white }
*/

.elem_client{float:left; width:101px; margin:0 8px 0 0}
.elem_client_ma{ margin-bottom:5px; position:relative; vertical-align:top ; height:101px; width:101px;/* background-color:white; -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; */}
.elem_client_ma a{position:relative; z-index:2; display:inline-block ; line-height:1}
.elem_client_ma a img{ vertical-align:top}
.infobulle{ position:absolute; left:90px; top:18px; width:479px; height:246px; background:url(../image/png/infobulle.png) left top no-repeat; z-index:3; display:none }
.infobulle_padd{ padding:30px 30px 40px 40px}

.img_infobulle{float:left; margin-right:20px}
.tabcell_infobulle{height:100%; overflow:hidden;}
.titre_infobulle{color:#fff; font-size:20px;  font-family: 'Asap', sans-serif; padding:4px 0 6px; border-bottom:#b0adad 1px solid; margin-bottom:8px}
.desc_infobulle{color:#f1efef; font-size:14px;  font-family: 'Asap', sans-serif; line-height:1.3 }

.relative_infobulle{ position:relative; z-index:11}
.close_infobulle{position:absolute; right:25px; top:8px; width:18px; height:18px; background-color:white; background:url(../image/gif/close.gif) left top no-repeat; cursor:pointer; overflow:hidden}
/**********SECTION PROJET********************/
#section_projet{background:url(../image/gif/section_projet.gif) center top no-repeat;width:100%; height:1103px; }

.section_projets_content{margin:0 auto 0; padding-top:20px; width:960px; position:relative;}

#section_projet .contenu_projets{ float:right; width:675px; position:relative; display:inline; margin-right:5px;}
#section_projet .contenu_projets:after{ clear:both}
#section_projet .contenu_projets h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:50px; text-transform:uppercase; margin-bottom:25px;  font-weight:normal}
#section_projet .contenu_projets h1 .accroche{ display:block; font-size:24px; text-transform:uppercase; margin-bottom:25px; font-weight:normal}

.libelle_projets{ font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:white; font-size:24px; margin-bottom:20px;  text-transform:uppercase; /*font-variant:small-caps*/ }
.libelle_projets  img {  vertical-align:middle ; margin-right:20px}


#elemslide_projets {	width:370px;	height:250px;	position:relative; margin-bottom:45px; float:left}
#slides_projts {	position:absolute;	top:0;	left:0;	z-index:1}
#slides_projts .slides_container {	width:370px;	overflow:hidden;	position:relative;	display:none}
#slides_projts .slides_container div.slide {	width:370px;	height:250px;	display:block;}
#slides_projts .next,#slides_projts .prev {	position:absolute;	top:133px;	/*left:20px;*/	width:25px;	height:34px;	display:block;	z-index:101;}
#slides_projts .prev {	left:20px;}
#slides_projts .next {	right:20px;}
#slides_projts .pagination { text-align:right; padding:10px 0 0}
#slides_projts .pagination li{  display:inline; padding-left:5px }
#slides_projts .pagination li a{ width:22px; height:22px; text-align:center; line-height:24px; color:#5b5b58; font-size:14px; display:inline-block; vertical-align:bottom; text-decoration:none;background:url(../image/gif/pagination2.gif) left top no-repeat;}
#slides_projts .pagination li.current a,#slides_projts  .pagination li a:hover{ width:22px; height:22px; text-align:center; line-height:24px; color:#fff; font-size:14px; display:inline-block; vertical-align:bottom; text-decoration:none; background:url(../image/gif/pagination2.gif) left bottom no-repeat;}

.txt_pr{ font-size:18px; margin-bottom:10px}
.txt_secteur{ color:#ffae00; font-size:14px}
.desc_projet{color:#fff; font-size:14px;  font-family: 'Asap', sans-serif; line-height:1.4}
.div_desc_pdt{float:right; width:250px}
.btn_pdt{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background-color:#eff2f5;  padding:0 18px; text-decoration:none; cursor:pointer;  color:#2e2e2a; font-size:14px;font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; height:27px; line-height:27px; display:inline-block;  }
.btn_pdt:hover{ -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; background-color:#3f3f3d; padding:0 18px; text-decoration:none; cursor:pointer;  color:#fff; font-size:14px;font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; text-transform:uppercase; height:27px; line-height:27px; display:inline-block;   }
.marge_btn_pdt{ margin-right:10px}
.marge_cont_pdt{ padding-top:17px}
.padding_projet{ padding-right:30px}

#fig{ position:relative; /*height:620px*/}
#fig .next{ position:absolute; right:-45px; top:306px; margin-top:-51px; background:url(../image/png/slide_arrow.png) right top no-repeat ; height:102px; width:35px}
#fig .prev{ position:absolute; left:-75px; top:306px; margin-top:-51px; background:url(../image/png/slide_arrow.png) left top no-repeat ; height:102px; width:35px}
#fig .next:hover{  background:url(../image/png/slide_arrow.png) right -101px no-repeat ; }
#fig .prev:hover{ background:url(../image/png/slide_arrow.png) left -101px no-repeat ;  }

.filter{ position:relative; z-index:3}
.span_filter{ width:102px; height:60px; display:inline-block; cursor:pointer; text-indent:-99999em}
.span_filter-o{ background:url(../image/png/filter.png) left bottom no-repeat;  }
.span_filter-c{ background:url(../image/png/filter.png) left top no-repeat;  }

.subfilter{ position:absolute; top:60px; left:0; height:357px; width:322px; background:url(../image/png/sub_filter.png) left bottom no-repeat; display:none}
.subfilter_padd { padding:20px 47px 40px 20px; }
.liste_filter li{ border-bottom:#777574 2px dashed}
.liste_filter li:last-child { border-bottom:none}
.liste_filter li a{ display:block; height:100%; padding:6px 5px 6px 8px;  color:#fff; font-size:16px;  font-family: 'Asap', sans-serif; text-decoration:none}
.liste_filter li a:hover, .liste_filter li a.actif{ display:block; height:100%; padding:6px 5px 6px 18px;  color:#ffae00; font-size:16px;  font-family: 'Asap', sans-serif; text-decoration:none}

.filter_input{	height:23px; padding:2px 20px 5px; background:#2e2e2a; margin-top:7px;
-moz-box-shadow: inset 0px -1px #4f4f4d;-webkit-box-shadow: inset 0px -1px #4f4f4d;box-shadow: inset 0px -1px #4f4f4d;
-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px; display:block
}

.filter_input input { background:url(../image/gif/icone_filter.gif) right bottom no-repeat transparent;  width:185px; padding-right:35px;font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#7b7b7b; font-size:16px; height:20px; display:inline-block; vertical-align:top  }



#section_projet figure{ position:relative; float:left; display:inline; margin:0 23px 12px 0   }
#section_projet figure a{ text-decoration:none; display:inline-block   }
#section_projet figure img{ vertical-align:top   }
#section_projet figure figcaption{color:#fff; font-size:16px;  font-family:Arial, Helvetica, sans-serif; padding-top:10px ; display:block   }
#section_projet figure  span{ display:none; position:absolute; top:55px; left:0; width:100%; height:30px; line-height:30px; color:#808080; font-size:16px;  font-family:Arial, Helvetica, sans-serif;  content:"en savoir plus"; background-color:black ; text-align:center; }

#section_projet figure:hover a{ background-color:black; display:inline-block}
#section_projet figure:hover img{ opacity: 0.2;  }
#section_projet figure:hover  span{ display:block; position:absolute; top:55px; left:0; width:100%; height:30px; line-height:30px; color:#808080; font-size:16px;  font-family: 'Asap', sans-serif; background-color:black}

/**********SECTION INTERNATIONAL********************/
#section_international{background:url(../image/gif/section_medianet_international.gif) center top no-repeat;width:100%; height:1103px; }
.section_international_content{margin:0 auto 0; padding-top:330px; width:940px; position:relative;}
#section_international .contenu_international h1{ text-align:center; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:15px}
.accroche_international{ color:#fff; font-size:24px; margin-bottom:10px;  font-family: 'Asap', sans-serif; font-weight:bold; text-transform:uppercase; text-align:center}

.parag_inter{ color:#fff; font-size:16px;  font-family:Arial, Helvetica, sans-serif; padding:8px 0; text-align:center; line-height:1.3 ; width:900px; margin:auto }

.choix_medianet{ color:#fff; font-size:40px;  font-family:Arial, Helvetica, sans-serif; margin-top:15px}

.liste_inter { float:right; width:350px; margin-top:40px }
.liste_inter li{ background:url(../image/png/icone_liste_inter.png) left 5px no-repeat; padding:5px 0 5px 20px ; color:#fff; font-size:18px;  font-family:Arial, Helvetica, sans-serif;}
.tooltip{ position:relative}

#easyTooltip{padding:5px 10px;  background-color: rgba(1, 1, 1, 0.5);color:#fff;}
.tooltip #canada{ position:absolute; top:410px; left:185px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #amrica{ position:absolute; top:450px; left:185px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #ksa{ position:absolute; top:510px; left:558px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #jordan{ position:absolute; top:485px; left:550px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #congo{ position:absolute; top:535px; left:480px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #libya{ position:absolute; top:480px; left:492px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #tunisie{ position:absolute; top:470px; left:462px; width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #france{ position:absolute;top:425px; left:444px;  width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #germany{ position:absolute; top:435px; left:458px;  width:18px; height:32px;   color:red; text-indent:-99999em}
.tooltip #italie{ position:absolute; top:445px; left:474px; width:18px; height:32px;   color:red; text-indent:-99999em}


/**********SECTION MEDIA NEWS********************/
#section_medianews{background:url(../image/gif/section_medianews.gif) center top no-repeat;width:100%; height:1103px; }
.section_medianews_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_medianews .rss{ float:left; width:220px; height:330px; margin-top:40px; position:relative }

#section_medianews .contenu_medianews{ float:right; width:650px; position:relative; display:inline; margin-right:30px;}

#section_medianews .contenu_medianews h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:25px;  font-weight:normal}
#section_medianews .contenu_medianews h1 .accroche{ display:block; font-size:24px; text-transform:uppercase; margin-bottom:25px}



/**********SECTION POLITIQUE QUALITE********************/
#section_qualite{background:url(../image/gif/section_qualite.gif) center top no-repeat;width:100%; height:1103px; }
#section_qualite{background:url(../image/gif/section_qualite.gif) center top no-repeat;width:100%; height:1100px; }
#section_qualite .section_qualite_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_qualite .submenu{ float:right; width:220px; height:330px; margin-top:40px; position:relative  }
#section_qualite .titre_submenu{font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 150px; right: -7px; -webkit-transform:rotate(90deg); -webkit-transform-origin: right top; -moz-transform:rotate(90deg); -moz-transform-origin: right top; -o-transform:rotate(90deg); -o-transform-origin: right top; -ms-transform:rotate(90deg); -ms-transform-origin: right top; transform:rotate(90deg); transform-origin: right top; font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; line-height:1;}
.ie8 #section_qualite .titre_submenu{right: -117px; top:0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.ie7 #section_qualite .titre_submenu{right:0; top:0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}

#section_qualite .ul_submenu{ margin-right:40px ; margin-top:10px; text-align:right}
#section_qualite .submenu li a{ display:block; padding:7px 0; border-bottom:#a59d9c 1px solid; color:white; font-size:16px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none}
#section_qualite .submenu li a:hover, #section_qualite .submenu li a.current-m{ display:block; padding:7px 20px 7px 0; border-bottom:#a59d9c 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
#section_qualite .submenu li:last-child a{ border-bottom:none}
#section_qualite .contenu_qualite{ float:left; width:650px; position:relative; display:inline; margin-left:30px;}
#section_qualite .contenu_qualite h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:30px; text-transform:uppercase; margin-bottom:25px; font-weight:normal}

#qualite-content p.first{ font-size:1.250em; color:#f1efef;  font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; line-height:1.2}
#qualite-content p.second{ font-size:14px; color:#f1efef;  font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; line-height:1.3}
#qualite-content ol {counter-reset: qualite; margin:20px 30px 0 30px} /* on initialise et nomme un compteur */
#qualite-content ol li {list-style-type: none;counter-increment: qualite; /* on incrémente le compteur à chaque nouveau li */margin-bottom: 10px;padding:3px 0 17px 42px;display:block ;border-bottom:#b0adad 1px dashed;font-size:16px; color:#f1efef;  font-family:Arial, Helvetica, sans-serif; position:relative; line-height:1.2}
#qualite-content ol li:last-child{ border:none}
#qualite-content ol li:before {content: counter(qualite);height:32px;width:32px;line-height:24px;text-align:center;margin-right: 8px; background: #f3f3f3;-moz-border-radius: 16px;border-radius: 16px;font-weight: bold;font-size: 22px;color: #ffae00;	position:absolute;left:0px;font-family: 'Asap', sans-serif;-webkit-font-smoothing:always;-moz-font-smoothing:always;top:0}
#qualite-content ol li:after { clear:both}
.signature{ text-align:right; font-style:italic; color:#feb821; font-size:14px; padding-top:8px; line-height:1.3; padding-right:30px }

/**********SECTION CONTACT********************/
#section_contact{background:url(../image/gif/section_contact.gif) center top no-repeat;width:100%; height:1100px; }
.section_contact_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_contact .info{ float:left; width:220px; height:330px; margin-top:80px; position:relative; text-align:right; font-family:Arial, Helvetica, sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:white; font-size:14px; line-height:20px; text-transform:uppercase;  }

#section_contact .contenu_contatc{ float:right; width:650px; position:relative; display:inline; margin-right:30px;}
#section_contact .contenu_contatc .txt_contact{ font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#a1b9c1; font-size:1.333em;  margin-bottom:25px}
#section_contact .contenu_contatc h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:25px; font-weight:normal}
#section_contact .contenu_contatc h1 .accroche{ display:block; font-size:24px; text-transform:uppercase; margin-bottom:25px;}
.label{font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#adc3cb; font-size:18px; display:block; width:20%; margin:4px 10px 0 10px; float:left;}
.contact_input{	font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#adc3cb; font-size:18px;  height:20px; padding:5px 20px; background:#00232e;-moz-box-shadow: inset 0px -1px #003b4d;-webkit-box-shadow: inset 0px -1px #003b4d;box-shadow: inset 0px -1px #003b4d;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px; width:70%}
.contact_textarea{	font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#adc3cb; font-size:18px;  height:120px;   overflow:auto; padding:5px 20px; background:#00232e;-moz-box-shadow: inset 0px -1px #003b4d;-webkit-box-shadow: inset 0px -1px #003b4d;box-shadow: inset 0px -1px #003b4d;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px; width:70% }

input.error_input{  color:#000;  background-color:#F3A8A8 }

textarea.error_textarea{ color:#000;  background-color:#F3A8A8 }


.bt_envoyer{display:block; float:left; margin-left:150px; background:url(../image/gif/bt_envoyer_contact.gif) left top no-repeat; width:130px; height:31px; cursor:pointer; line-height:9999px; text-indent:101%; overflow:hidden}
.bt_envoyer:hover{background:url(../image/gif/bt_envoyer_contact.gif) left bottom no-repeat; }
.bt_effacer{display:block; float:left; margin-left:10px; background:url(../image/gif/bt_effacer_contact.gif) left top no-repeat; width:130px; height:31px; cursor:pointer;  line-height:9999px; text-indent:101%; overflow:hidden}
.bt_effacer:hover{background:url(../image/gif/bt_effacer_contact.gif) left bottom no-repeat;}
.spacer_contact{clear:both; line-height:0; margin-bottom:7px;}
.rmq_obligatoir{ width:200px; border-top:1px solid #40626c; font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#adc3cb; font-size:14px;  padding-top:15px; margin-top:50px; }
.msg_contact{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#a1b9c1; font-size:16px;  margin-bottom:25px}
.bt_contact{ display:inline-block; -moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#002d3b; font-size:16px;  background:#fff url(../image/gif/bg_bt_contat.gif) left center repeat-x; padding:6px 21px 7px 17px; text-decoration:none;}
.bt_contact:hover{ background:#016a8a url(../image/gif/bg_bt_hover.gif) left center repeat-x; color:#fff;}
.etre_parmi{ position:absolute; left:30px; top:850px}.plus_info{ position:absolute; right:0;top:880px}

/**********SECTION Carrières********************/
#section_11{ height:832px; position:relative; overflow:hidden}
#section_carriere{background:url(../image/gif/section_carriere.gif) center top no-repeat;width:100%; height:832px; }
#section_carriere .section_carriere_content{margin:0 auto 0; padding-top:30px; width:960px; position:relative;}
#section_carriere .submenu{ float:right; width:220px; height:330px; margin-top:40px; position:relative  }
#section_carriere .titre_submenu{
font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 170px; right: -7px; -webkit-transform:rotate(90deg); -webkit-transform-origin: right top; -moz-transform:rotate(90deg); -moz-transform-origin: right top;
-o-transform:rotate(90deg); -o-transform-origin: right top; -ms-transform:rotate(90deg); -ms-transform-origin: right top; transform:rotate(90deg); transform-origin: right top; font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; line-height:1;
}
.ie8 #section_carriere .titre_submenu{
right: -135px; top:0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


.ie7 #section_carriere .titre_submenu{
right: 0; top:0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#section_carriere .ul_submenu{ margin-right:40px ; text-align:right}
#section_carriere .submenu li a{ display:block; padding:7px 0; border-bottom:#a59d9c 1px solid; color:white; font-size:16px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none}
#section_carriere .submenu li a:hover{ display:block; padding:7px 0 7px 0; border-bottom:#a59d9c 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }
#section_carriere .submenu li a.current-m{ display:block; padding:7px 20px 7px 0; border-bottom:#a59d9c 1px solid; color:#FFAE00; font-size:16px; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; text-transform:uppercase; text-decoration:none }

#section_carriere .submenu li:last-child a{ border-bottom:none}
#section_carriere .contenu_carrier{ float:left; width:650px; position:relative; display:inline; margin-left:30px;}
#section_carriere .contenu_carrier h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:32px; text-transform:uppercase; margin-bottom:25px;  font-weight:normal}
#section_carriere .contenu_carrier h1 .accroche{ display:block; font-size:22px; text-transform:uppercase; margin-bottom:25px;}
.carriere_label{font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#715c59; font-size:18px; display:block;  width:170px; margin:4px 10px 0 10px; float:left;   }
.carriere_label_radio{font-family: 'Asap', sans-serif; color:#715c59; font-size:14px; display:block; padding:7px 0 0 0; float:left;   }
.carriere_label2{font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#715c59; font-size:18px; display:block; margin:4px 10px 0 10px; float:left;   }
.carriere_input{font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#715c59; font-size:18px;  height:20px; padding:5px 20px; background:#211a19;-moz-box-shadow: inset 0px -1px #412e24;-webkit-box-shadow: inset 0px -1px #412e24;box-shadow: inset 0px -1px #412e24;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px;}
.sep_etape{float:left; background:url(../image/gif/sep_etap_carriere.gif) center bottom no-repeat; height:57px; width:40px;  }
.etape{float:left; text-align:right;  }
.etape .num_etape{display:inline-block; text-align:left; background:url(../image/gif/bg_num_etap.gif) left bottom no-repeat; height:22px; line-height:22px; text-align:center; width:22px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#78625f; font-size:16px; font-weight:bold; margin-bottom:5px; margin-right:5px;   }
.etape .txt_etape{display:block; white-space:nowrap; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#78625f; font-size:16px;  }

.etape_active{float:left; text-align:right;  }
.etape_active .num_etape{display:inline-block; text-align:left; background:url(../image/gif/bg_num_etap.gif) left top no-repeat; height:22px; line-height:22px; width:22px; text-align:center; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#211a19; font-size:16px; font-weight:bold; margin-bottom:5px; margin-right:5px;   }
.etape_active .txt_etape{display:block; white-space:nowrap; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#fff; font-size:16px;  }
.rmq_obligatoir_carrier{ width:200px; border-top:1px solid #655a55; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#715c59; font-size:14px;  padding-top:15px; margin-top:50px; }
.bt_carrier{ display:inline-block; -moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#32231c; font-size:18px;  background:#fff url(../image/gif/bg_bt_carriere.gif) left center repeat-x; padding:2px 21px 3px 19px; text-transform:uppercase; font-weight:bold; text-decoration:none; cursor:pointer;}
.bt_carrier:hover{ background:#604c43 url(../image/gif/bg_bt_carriere_hover.gif) left center repeat-x; color:#fff;}
.bt_carrier2{ display:inline-block; -moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:#32231c; font-size:14px;  background:#fff url(../image/gif/bg_bt_carriere.gif) left center repeat-x; padding:4px 13px 5px 13px; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.bt_carrier2:hover{ background:#604c43 url(../image/gif/bg_bt_carriere_hover.gif) left center repeat-x; color:#fff;}
.margin_label{margin-right:10px;}
.inputfile {position:relative;width:610px;height:31px;overflow:hidden;background:url(../image/gif/bg_input_file.gif) no-repeat right top;}
.inputfile input.file {position:absolute;left:0;	top:0;font-size:12px;color:#03C;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);cursor:pointer;text-align:right;z-index:110;width:610px;height:31px;}
.inputfile input.txt {width:400px;height:31px;position:absolute;background:url(../image/gif/px.gif);left:15px;top:0px;font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; color:#715c59; font-size:18px;  border:0;	/*cursor:pointer;*/	text-align:left;z-index:22;}
.txt_carriere30{font-family: 'Asap', sans-serif; color:#fff; font-size:30px; }
.txt_carriere24{font-family: 'Asap', sans-serif; color:#fff; font-size:24px; margin-bottom:5px }
.txt_carriere16{font-family: 'Asap', sans-serif; color:#fff; font-size:16px; margin-bottom:5px }
.txt_carriere14{font-family: 'Asap', sans-serif; color:#fff; font-size:14px; margin-bottom:5px }

.bloc_offer{border-bottom:1px dashed #b0adad; padding-bottom:15px; margin-top:20px;}
.bloc_offer:last-child{border-bottom:none}
.offert_date{font-family:Arial, Helvetica, sans-serif; color:#f1efef; font-size:14px; margin-bottom:10px; }
.offert_titre{font-family:Arial, Helvetica, sans-serif; color:#ffae00; font-size:18px;  line-height:22px; }
.offert_desc{font-family:Arial, Helvetica, sans-serif; color:#f1efef; font-size:14px;  line-height:1.3; margin-bottom:8px; }

.liste_offre  { margin:0 0 15px 20px}
.liste_offre li{ background:url(../image/gif/arrow_produit.gif) left 7px no-repeat; color:#fff; font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:4px 0 4px 20px; line-height:1.2}
.offert_desc2{font-family:Arial, Helvetica, sans-serif; color:#f1efef; font-size:14px;  line-height:1.3; margin-bottom:8px; }
.offert_titre2{font-family:Arial, Helvetica, sans-serif; color:#ffae00; font-size:16px;  line-height:22px; margin-bottom:5px}

.totop { width:50px; height:30px ; background-color:#eaeaea; color:#000; text-align:center; position:fixed; bottom:40px; right:40px; z-index:11; opacity:0.2;  -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; cursor:pointer; line-height:40px; font-size:30px; font-family:'CandaraRegular', "Times New Roman", Times, serif; text-decoration:none}
/**************MENU FLOTTANT*****************************/
#menu_flottant{ position:fixed; top:250px; left:0;/* width:324px; height:370px;*/  z-index:3 ;  }
#menu_flottant .titre_menu{ background:url(../image/png/menu_ouvert.png) left top no-repeat; display:inline-block; cursor:pointer}
#menu_flottant .menu-o{ background:url(../image/png/menu_ouvert.png) left top no-repeat; height:59px; width:324px }
#menu_flottant .menu-c{ background:url(../image/png/menu_fermee.png) left top no-repeat; height:78px; width:204px }
.submenu_flottant{ background:url(../image/png/submenu.png) left bottom no-repeat; width:324px; height:349px; position:absolute; left:0; top:59px; display:none}
.submenu_flottant ul{ width:270px; margin-left:30px; position:relative}
.submenu_flottant ul li{ padding:0 18px 0 40px; height:31px; z-index:2}
.submenu_flottant ul li.current_sm{ padding:0 18px 0 42px; background:url(../image/png/hover_menu.png) left top no-repeat}
.submenu_flottant ul li.current_sm a{ padding-left:15px ; border:none }
.submenu_flottant ul li.current_sm a:hover{ color:white }
.submenu_flottant ul li a{ display:block; border-bottom:#39657a 1px solid; padding:0 2px 0 10px; height:31px; line-height:31px;  color:#fff; font-size:15px; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;  text-decoration:none; text-transform:uppercase;}
.submenu_flottant ul li a:hover{ color:#ff8000}
.submenu_flottant ul li:last-child a { border:none}
.submenu_flottant ul li.abs{ background:url(../image/png/hover_menu_g.png) left top no-repeat; height:40px; width:24px; left:0; padding:0; margin:0; position:absolute; z-index:1}
#menu_flottant .m-c { position:absolute; width:43px; height:60px; background:url(../image/png/fermer_menu.png) left top no-repeat; right:145px; top:-20px}
#menu_flottant .m-o { position:absolute; width:45px; height:63px; background:url(../image/png/ouvrir_menu.png) left top no-repeat; right:30px; top:-20px; cursor:pointer}

/**********SECTION NEWS********************/

.news_item {margin-bottom:30px;}
.news_img{float:left; margin-right:20px;}
.news_desc {text-decoration:none;}.news_desc a{ color:#fff; text-decoration:none;}.news_desc a:hover{ text-decoration:underline;}
.news_desc:after { clear:both;}
.news_desc span.titre{ color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; }
.news_desc span.desc{ color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.news_desc:hover span.titre{ text-decoration:none;}
.news_desc:hover span.desc{ text-decoration:none;}
.pagination_news{display:inline-block; background:url(../image/gif/pagination_news.gif) left top no-repeat; height:21px; width:30px; color:#4e0102; font-size:14px; font-family: 'Asap', sans-serif; font-weight:bold;  text-align:center; padding-top:9px; margin-bottom:10px; margin-right:2px;text-decoration:none;}
.pagination_news:hover,.pagination_news.active{background:url(../image/gif/pagination_news.gif) left bottom no-repeat; color:#FFF;text-decoration:none;}

.date_news{ float:left; color:#fff; font-size:14px; font-family: 'Asap', sans-serif; font-weight:bold; }
.bloc_partage{ float:right; margin-left:10px;}
.clear_0{clear:0; line-height:0;}
.titre_news{ color:#fff; font-size:24px; font-family: 'Asap', sans-serif; font-weight:bold; margin-top:30px; margin-bottom:10px;}
.news_deatils_img{float:left; margin-right:20px; margin-bottom:20px;}
.news_deatils_desc{ color:#fff; font-size:14px; font-family: 'Asap', sans-serif; margin-bottom:10px; line-height:17px;}
.bt_retour{ margin-top:20px;display:inline-block; background:url(../image/gif/bt_news.gif) left top no-repeat; height:27px; padding-left:14px; text-decoration:none;}
.bt_retour span{display:block; background:url(../image/gif/bt_news_right.gif) right top no-repeat; height:19px; padding:8px 20px 0 6px ; color:#4e0102; font-size:14px; font-family: 'Asap', sans-serif;  }
.bt_retour:hover span{text-decoration:underline;  }







/**********FOOTER*******************/
footer{ background:url(../image/gif/footer.gif) center top no-repeat ; height:160px}
#footer{ width:960px; margin:auto}
#footer .coordonnes{ float:left ; width:650px; display:inline; margin:0 0 0 30px;font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1.4; color:white}
.social{ float:right; width:220px; background:url(../image/gif/medianet_rs.gif) 99% bottom no-repeat; padding:0 0 52px 0; text-align:right}
.social:after{  clear:both}
.social a+a{ margin-left:9px}
.mailto{ color:white; text-decoration:none}
.mailto:hover{  text-decoration:underline}



/*******SLIDES**************/
#container {width:370px;margin:0 auto;	position:relative;	z-index:0}
#elemslide {	width:370px;	height:250px;	position:relative}
#slides {	position:absolute;	top:0;	left:0;	z-index:1}
#slides .slides_container {	width:370px;	overflow:hidden;	position:relative;	display:none}
#slides .slides_container div.slide {	width:370px;	height:250px;	display:block;}
#slides .next,#slides .prev {	position:absolute;	top:133px;	/*left:20px;*/	width:25px;	height:34px;	display:block;	z-index:101;}
#slides .prev {	left:20px;}
#slides .next {	right:20px;}
#slides .pagination { text-align:right; padding:10px 0 0}
#slides .pagination li{  display:inline; padding-left:5px }
#slides .pagination li a{ width:22px; height:22px; text-align:center; line-height:24px; color:#0695c8; font-size:14px; display:inline-block; vertical-align:bottom; text-decoration:none;background:url(../image/gif/pagination.gif) left top no-repeat;}
#slides .pagination li.current a,#slides  .pagination li a:hover{ width:22px; height:22px; text-align:center; line-height:24px; color:#fff; font-size:14px; display:inline-block; vertical-align:bottom; text-decoration:none; background:url(../image/gif/pagination.gif) left bottom no-repeat;}



#slides2 {	position:absolute;	top:70px;	left:0;	z-index:1; height:545px}
#slides2 .slides_container {	width:675px; overflow:hidden; position:relative;display:none}
#slides2 .slides_container div.slide {	width:675px;	height:545px;	display:block;}
#slides2 .next{ position:absolute; right:-45px; top:236px; margin-top:-51px; background:url(../image/png/slide_arrow.png) right top no-repeat ; height:102px; width:35px; text-indent:-99999em}
#slides2 .prev{ position:absolute; left:-75px; top:236px; margin-top:-51px; background:url(../image/png/slide_arrow.png) left top no-repeat ; height:102px; width:35px; text-indent:-99999em}
#slides2 .next:hover{  background:url(../image/png/slide_arrow.png) right -101px no-repeat ; }
#slides2 .prev:hover{ background:url(../image/png/slide_arrow.png) left -101px no-repeat ;  }




#slides_bann {	position:absolute;	top:0;	left:0;	z-index:1; height:600px; overflow:hidden}
#slides_bann .slides_container {	width:100%; overflow:hidden; position:relative;display:none; text-align:center}
#slides_bann .slides_container div.slide {	width:100%px;	height:600px;	display:block;}
.lien_hyp{ color:white; font-size:16px; text-decoration:underline}
.lien_hyp:hover{text-decoration:none}

/************ HISORIQUE **********************/
.div_hist{ margin-bottom:5px; margin-left:16px; position:relative; height:80px}
.elem_slide_hist{background:url(../image/gif/sep_hist.gif) center bottom no-repeat #002d3b;   display:inline-block;  width:32px; position:absolute; bottom:0; height:60px; left:0 }
.experience{font-size:30px; text-transform:uppercase; color:#a1b9c1; font-family: 'Asap', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased; margin-bottom:30px}
.date_histt{font-weight: normal;margin: 0;z-index: 2;writing-mode: tb-rl;-webkit-transform:  rotate(45deg);-webkit-transform-origin: left top;-moz-transform:  rotate(45deg);-moz-transform-origin: left top; -o-transform:  rotate(45deg);-o-transform-origin: left top;-ms-transform:  rotate(-45deg);-ms-transform-origin: left top;transform:  rotate(45deg);transform-origin: left top;transform: rotate(45deg);	font-size:16px; text-transform:uppercase;color:#adc3cb;font-family: Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;line-height:1; display:inline-block;background-color:#002d3b; zoom:1;z-index:2;position:absolute;zoom:1;
/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)";*/}

.ie8  .date_histt{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)";}

/*:root .date_histt { top: 0;\0/IE9; }  /* back to right value in IE9 */

.cur_h{  height:70px}
.cur_h span{ color:#ffae00; font-size:22px; }
#con{ margin:30px 20px 0; position:relative}
#bg_h{ background:url(../image/png/back_slide.png) left top no-repeat; padding:0 58px 0 24px}
.date_his{font-weight: normal;  -webkit-transform:  rotate(90deg); -webkit-transform-origin: left top; -moz-transform:rotate(90deg); -moz-transform-origin: left top; -o-transform:  rotate(90deg); -o-transform-origin: left top; -ms-transform:rotate(90deg); -ms-transform-origin: left top; transform:rotate(90deg); transform-origin: left top;  font-size:30px; text-transform:uppercase; color:white;font-family: Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; display:inline-block; line-height:1; background:#002d3b; text-align:center; position:absolute; left:20px; top:0}
.ie7 .date_his , .ie8 .date_his {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.ie8 .date_his,.ie7 .date_his,.ie6 .date_his{ left:-10px; top:0}

#hist{ width:568px}
#h1998{ left:3px}
#h1999{ left:42px}
#h2000{ left:83px}
#h2001{ left:123px}
#h2002{ left:164px}
#h2003{ left:204px}
#h2004{ left:243px}
#h2005{ left:285px}
#h2006{ left:326px}
#h2007{ left:366px}
#h2008{ left:407px}
#h2009{ left:447px}
#h2010{ left:487px}
#h2011{ left:530px}
#h2012{ left:571px}

.liste_step_hist{ margin:0 0 0 50px}
.liste_step_hist li{ background:url(../image/gif/arrow_liste.gif) left 8px no-repeat; color:#b9ced5; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:4px 0 4px 12px}

/***********************/
.nav_bann{ position:absolute; left:0; bottom:0; width:100%; height:100px;  background-color: rgba(0, 0, 0, 0.8); text-align:center; zoom: 1}
.nav_bann img{/* margin-top:12px; */display:inline-block; vertical-align:top}
.scroll{ position:absolute; left:15%; top:210px}
.div_emarketing{ width:930px; margin:auto; position:relative }
.e_marketing{   position:absolute; right:5px; top:235px }
.ul_nav_bann{ display:table; margin:auto}
.ul_nav_bann li{ display:table-cell; background:url(../image/png/separateur_nav_bann.png) right center no-repeat; padding-right:1px}
.ul_nav_bann li:last-child{ display:table-cell; background:none; padding-right:0}
.ul_nav_bann li a { text-indent:-999em}

.ul_nav_bann li a.eshop { display:inline-block; width:97px; height:100px; overflow:hidden; background:url(../image/png/e_shop.png) left top no-repeat}
.ul_nav_bann li a.eshop:hover {background:url(../image/png/e_shop.png) left bottom no-repeat}

.ul_nav_bann li a.e_learning { display:inline-block; width:97px; height:100px; overflow:hidden; background:url(../image/png/e_learning.png) left top no-repeat}
.ul_nav_bann li a.e_learning:hover {background:url(../image/png/e_learning.png) left bottom no-repeat}

.ul_nav_bann li a.e_media_tv_radio { display:inline-block; width:125px; height:100px; overflow:hidden; background:url(../image/png/e_media.png) left top no-repeat}
.ul_nav_bann li a.e_media_tv_radio:hover {background:url(../image/png/e_media.png) left bottom no-repeat}

.ul_nav_bann li a.e_presse { display:inline-block; width:108px; height:100px; overflow:hidden; background:url(../image/png/e_press.png) left top no-repeat}
.ul_nav_bann li a.e_presse:hover {background:url(../image/png/e_press.png) left bottom no-repeat}

.ul_nav_bann li a.e_gouvernement { display:inline-block; width:119px; height:100px; overflow:hidden; background:url(../image/png/e_goverment.png) left top no-repeat}
.ul_nav_bann li a.e_gouvernement:hover {background:url(../image/png/e_goverment.png) left bottom no-repeat}

.ul_nav_bann li a.cms { display:inline-block; width:99px; height:100px; overflow:hidden; background:url(../image/png/cms.png) left top no-repeat}
.ul_nav_bann li a.cms:hover {background:url(../image/png/cms.png) left bottom no-repeat}

.ul_nav_bann li a.e_assurance { display:inline-block; width:119px; height:100px; overflow:hidden; background:url(../image/png/e_assurance.png) left top no-repeat}
.ul_nav_bann li a.e_assurance:hover {background:url(../image/png/e_assurance.png) left bottom no-repeat}

.ul_nav_bann li a.e_bourse { display:inline-block; width:115px; height:100px; overflow:hidden; background:url(../image/png/e_bourse.png) left top no-repeat}
.ul_nav_bann li a.e_bourse:hover {background:url(../image/png/e_bourse.png) left bottom no-repeat}

.ie7 .nav_bann, .ie8 .nav_bann{ position:absolute; left:0; bottom:0; width:100%; height:100px;  background-color: black; text-align:center; zoom:1}
.ie7 .ul_nav_bann li{ display:inline; background:url(../image/png/separateur_nav_bann.png) right center no-repeat; padding-right:1px}

.ie7 .ul_nav_bann{ display:block; margin:auto}
/***********************/

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); }

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .title-bar {  height:20px; position: relative; background:black }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: black; position: absolute; width:18px; height:18px; top: 13px; right: 20px; font-size: 90%; line-height: 1; background:url(../image/gif/close.gif) left top no-repeat; outline:none}
.boxy-inner { background-color: black; padding: 0 }
.boxy-content {  padding: 20px;  }
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }

/**********************/

.jspContainer{overflow: hidden;position: relative;height:400px; padding-bottom:0}
.jspPane{position: absolute;}

.jspVerticalBar{position: absolute;top: 0;right: 0;width: 10px;	height: 100%;background: #4b3b39;}
.jspHorizontalBar{position: absolute;bottom: -10px;left: 0;width: 100%;height: 35px; }


.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}


.jspTrack{background: #4b3b39;position: relative;}
.jspDrag{position: relative;top: 0;left: 0;	cursor: pointer;background:url(../image/gif/jspdrag.gif) left top no-repeat;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;	height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;	cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 10px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{	background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}
.scroll-pane{width: 100%;height: 520px;overflow: auto;}

.horizontal-only{height: auto;max-height: 650px;}
.horizontal-only .jspTrack{background:url(../image/gif/jspTrackH.gif) left top no-repeat;position: relative;}
.horizontal-only .jspDrag{position: relative;top: 4px;left: 0;cursor: pointer;background: url(../image/gif/jspDragH.gif) center top no-repeat ; width:108px; height:16px; margin:0}
.horizontal-only  .jspTrack .jspActive{background:url(../image/gif/jspDragHA.gif)  center top no-repeat; position: relative;top: 4px;left: 0;cursor: pointer; width:108px; height:16px; margin:0}
.horizontal-only .jspContainer{overflow: hidden;position: relative;height:650px;}
.horizontal-only  .jspVerticalBar{ display:none}
#contentSlide{ height:570px;}


/*flexslide*/
.flexslider {margin: 0; padding: 0}
.flexslider .slides{zoom:1; height:600px}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;   }
.flexslider .slides img {width:100%; max-width: 100%; display: block}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {position: relative; zoom: 1; width:100% }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;zoom: 1;   }
.flexslider .slides > li img {/*width:100% */ }
.flex-container {zoom: 1; position: relative;}


.flex-direction-nav { height: 0; }
.flex-direction-nav li{/* border:#000 1px solid */}
.flex-direction-nav li a {width: 50px; height: 51px; margin: -25px 0 0; display: block; background: url(../image/png/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em; text-decoration:none }
.flex-direction-nav li .next {background-position: -50px 0; right:0;}
.flex-direction-nav li .prev {left: 0;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 108px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 17px; height: 17px; display: block; background: url(../image/png/bg_control_nav.png) left top no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: left -17px;}
.flex-control-nav li a.active {background-position: left -17px; cursor: default;}
/** Added **/
.lang{ color:#fff; float:right; background: url(../image/gif/dotted_lang.gif) 0 6px no-repeat; margin-left:8px;}.lang a{ display:inline-block; margin-left:8px; text-transform:uppercase; text-decoration:none; color:#FFAE00;font-size:0.750em; font-family: 'Asap', sans-serif;}.lang a:hover{ color:#0d80ac; text-decoration:underline;}


.bloc_last_project { height:230px; overflow:hidden;}
.bloc_last_project .flex-control-nav{ bottom:65px;}
.wrapper_etude_cas p { padding:30px 0 15px;}

/*****************MEDIA QUERY****************/

@media screen and (max-width: 960px){
body  {width: auto;margin: auto;padding: auto;font-size:1em; background-color:#015b76;  font-family: Arial, Helvetica, sans-serif; color:white;}

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, h1, h2, h3, p {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}

.fixed_facebook, .fixed_twitter, .fixed_blog{ display:none !important}
#banniere{ display:none}
section, #section_1, #section_2, #section_3, #section_4, #section_5, #section_6, #section_7, #section_8, #section_9, #section_10, #section_11{ height:auto}
header{ height:auto}
.nav_top{ position:static; left:auto; top:auto; width:auto; text-align:center; height:auto; padding: 1em 0; background-color:#00536c}
.content_nav_top{ height:auto; width:auto; padding:0}
.logo{ float:none; margin:0 0 .5em; display:block}
.nav_bann{ height:auto}
.navigation_scd,.navigation_main { float:none; width:auto; height:auto; text-align:center}
#menu_flottant{  position:fixed; top:30px; display:block}
#section_index, #section_medianet, #section_services, #section_produit, #section_client, #section_projet, #section_international, #section_medianews, #section_qualite, #section_contact, #section_carriere{ background:none; background-color:#015b76; height:auto}

.section_index_content{ width:auto}
.wrapper_service, .wrapper_etude_cas, .wrapper_act, .wrapper_pdt{ width:auto; height:auto; float:none; position:static; left:auto; top:auto}

.wrapper_service{ margin-bottom:1em; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_etude_cas{background:#004053; margin-bottom:1em;padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_pdt{ background:#004053; margin-bottom:1em; padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_act{background:#004053; margin-bottom:1em; padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}

/*.bottom_ecas{ background:none}*/
.main_content{ padding:0 20px; width:auto}


#section_medianet .submenu{ float:none; height:auto; width:auto; margin:0; background:none; top:0; }
#medianet-content{ width:auto; height:auto; margin:0}
#section_medianet .contenu_medianet{ width:auto; margin:0; float:none; padding:0}
.section_medianet_content{ width:auto; margin:auto; background-color:#002D3B; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; padding:1.5em}
#section_medianet .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg);-webkit-transform-origin: left top; -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;width:auto; line-height:1; position:static;}

#section_medianet .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#015b76; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }

#section_medianet .submenu li a:hover, #section_medianet .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none; font-size:16px; font-family: 'Asap', sans-serif;background-color:#015b76; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.voir_video{ position:static; top:auto; right:auto; display:none}
.dashed_video{ display:none}

.txt_confiance{position:absolute; top:0; left:50%; margin-left:-104px}
 .splus{ text-align:center}


#section_medianet .ul_submenu{ margin:0 }

.left_presentation{float:none; width:auto}
.right_presentation{ float:none; width:auto}
.right_equipe{ float:none; width:auto}
.left_equipe{float:none; width:auto; display:block}


#section_services .ul_submenu{ margin:0; text-align:left}
#section_services .section_services_content{ float:none; width:auto; height:auto; margin:0.5em 0; padding:0; display:block; background-color:#372a29; padding:1em;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_services .contenu_services{ float:none; width:auto; height:auto; margin:0; padding:0; display:block; }
.figure_services_float2{ float:none; margin:0}
#section_services .submenu{ float:none; width:auto; height:auto; padding:0; margin:0  }
#section_services .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform:rotate(0deg);-webkit-transform-origin: left top;-moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;width:auto; line-height:1; position:static;}

#section_services .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#4b3b39; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }

#section_services .submenu li a:hover, #section_services .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none; font-size:16px; font-family: 'Asap', sans-serif;background-color:#4b3b39; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.section_produit_content{ float:none; width:auto; height:auto; margin:.5em 0; padding:1em; display:block; background-color:#4e0102; padding:1em;  -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
#section_produit .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg); -webkit-transform-origin: left top;  -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;}
#section_produit .contenu_produit{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_produit .submenu{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_produit .ul_submenu{ float:none; width:auto; height:auto; margin:0; padding:0; display:block }
#section_produit .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#7e0003; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }
#section_produit .submenu li a:hover, #section_produit .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none;  font-size:16px; font-family: 'Asap', sans-serif;background-color:#7e0003; margin:.5em 0; padding:1em!important;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.img_produit{ float:none; margin:0}

#section_client .section_client_content{ float:none; width:auto; height:auto; margin:.5em 0; padding:0; display:block; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; background-color:#393433; padding:1em}
#section_client .contenu_client{ margin:0; position:relative; float:none; width:auto; display:block}

.section_projet{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_projet .contenu_projets{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.filter{ display:none}
.section_projets_content{float:none; width:auto; height:auto; margin:.5em 0; padding:0; display:block; background-color:#2e2e2a; padding:1em;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }

#section_international{ float:none; width:auto; height:auto; margin:1em; padding:1em ; display:block; }
.section_international_content{ padding:10px 0 0 0; }

.tooltip{ display:none}


.liste_inter{ float:none; width:auto; height:auto; display:block}
.tooltip #canada,.tooltip #amrica,.tooltip #ksa,.tooltip #congo,.tooltip #jordan,.tooltip #libya,.tooltip #tunisie,.tooltip #france,.tooltip #germany,.tooltip #italie{ position:static; top:auto; left:auto; width:18px; height:32px;   color:red; }
.section_international_content{ width:auto}
.parag_inter{ width:auto; }

#section_medianews{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.section_medianews{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.section_medianews_content{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_medianews .contenu_medianews{float:none; width:auto; height:auto; margin:0; padding:1em; background-color:#4e0102;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; display:block; position:static;  }
#section_medianews .rss{float:none; width:auto; height:auto; margin:0; padding:0 }
#section_medianews .rss { display:none   }

.news_item{ -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; background-color:#7e0003; padding:1em; overflow:hidden}
.news_img{ float:left; width:auto; height:auto; margin:0 10px 0 0}


#section_qualite .section_qualite_content{float:none; width:auto; height:auto; margin:0.5em 0; padding:0; display:block;padding:1em; background-color:#393433;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_qualite .contenu_qualite{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_qualite .submenu{float:none; width:auto; height:auto; margin:0; padding:0}
#section_qualite .ul_submenu{ margin:0; text-align:left}
.etre_parmi{ display:none}
#section_qualite .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg); -webkit-transform-origin: left top;  -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;}
#section_qualite .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#605b5a; margin:.5em 0; padding:1em; text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }
#section_qualite .submenu li a:hover, #section_qualite .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none;  font-size:16px; font-family: 'Asap', sans-serif;background-color:#605b5a; margin:.5em 0; padding:1em !important; text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

#section_contact{ float:none; width:auto; height:auto; margin:0; padding:0; display:block;}
#section_contact .contenu_contatc{float:none; width:auto; height:auto; margin:0; padding:0;  display:block; }
.section_contact_content{float:none; width:auto; height:auto; margin:0;  padding:1em;  display:block;  background-color:#002d3b;   -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
#section_contact .info{float:none; width:auto; height:auto; margin:0; padding:0; display:block; position:static; text-align:left}
.label{ float:none; margin:.2em 0 .5em}
.contact_input, .contact_textarea{ width:90%;  }
.info p{ text-align:center; padding:.5em; margin-bottom:1em}

.plus_info{ display:none}

.bt_envoyer{display:block; float:left; margin-left:120px; background:url(../image/gif/bt_envoyer_contact.gif) left top no-repeat; width:130px; height:31px; cursor:pointer;}
.bt_envoyer:hover{background:url(../image/gif/bt_envoyer_contact.gif) left bottom no-repeat; }

#section_carriere .section_carriere_content{float:none; width:auto; height:auto; margin:0.5em 0; padding:0; display:block;padding:1em; background-color:#32231c;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_carriere .contenu_carrier{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_carriere .submenu{float:none; width:auto; height:auto; margin:0; padding:0}
#section_carriere .ul_submenu{ margin:0; text-align:left}
#section_carriere .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg); -webkit-transform-origin: left top;  -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:40px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;}
#section_carriere .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#524139; margin:.5em 0; padding:1em; text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }
#section_carriere .submenu li a:hover, #section_carriere .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none;  font-size:16px; font-family: 'Asap', sans-serif;background-color:#524139; margin:.5em 0; padding:1em !important; text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}





footer{ background:none; height:auto; padding:0 0 1em }
#footer{ width:auto; margin:0; text-align:center}
.social{float:none; width:auto; height:auto; margin:0; padding:0 0 52px;  display:inline-block; text-align:center; display:none}
#footer .coordonnes{ text-align:left; width:auto ; float:none; display:block; margin:0; padding:1em}



/*img.as-text { content: attr(alt);}*/
#section_6, #section_5,#section_11, #menu_flottant{ display:none !important}
#contentSlide{ height:auto;}
.menuClient, .menuProjet{ display:none !important}
}

@media (max-width: 640px) {


body  {width: auto;margin: auto;padding: auto;font-size:1em; background-color:#015b76; font-family: Arial, Helvetica, sans-serif; color:white;}
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
}
.modalDialog > div, .modalDialog.modal_form > div {
    width: 96% !important;
}
.modalDialog.modal_form  .modal-body{
padding:10px;
}
.modalDialog.modal_form  .modal-body  label{
    float: left !important;
    width: 26% !important;
}
#banniere{ display:none}
section{ height:auto}
header{ height:auto}
.nav_top{ position:static; left:auto; top:auto; width:auto; text-align:center; height:auto; padding: 1em 0; background-color:#00536c}
.content_nav_top{ height:auto; width:auto; padding:0}
.logo{ float:none; margin:0 0 .5em; display:block}
.nav_bann{ height:auto}
.navigation_scd,.navigation_main { float:none; width:auto; height:auto; text-align:center}
#menu_flottant{  position:fixed; top:30px; display:block}
#section_index, #section_medianet, #section_services, #section_produit, #section_client, #section_projet, #section_international, #section_medianews, #section_qualite, #section_contact, #section_carriere{ background:none; background-color:#015b76; height:auto}

.section_index_content{ width:auto}
.wrapper_service, .wrapper_etude_cas, .wrapper_act, .wrapper_pdt{ width:auto; height:auto; float:none; position:static; left:auto; top:auto}

.wrapper_service{ margin-bottom:1em; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_etude_cas{background:#004053; margin-bottom:1em;padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_pdt{ background:#004053; margin-bottom:1em; padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}
.wrapper_act{background:#004053; margin-bottom:1em; padding:0 0 1em 0;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;}

.bottom_ecas{ background:none}
.main_content{ padding:0 20px; width:auto}


#section_medianet .submenu{ float:none; height:auto; width:auto; margin:0; background:none; top:0; }
#medianet-content{ width:auto; height:auto; margin:0}
#section_medianet .contenu_medianet{ width:auto; margin:0; float:none; padding:0}
.section_medianet_content{ width:auto; margin:auto; background-color:#002D3B; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; padding:1.5em}
#section_medianet .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:30px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;width:auto; line-height:1; position:static;}
#section_medianet .contenu_medianet h1{ font-size:22px}

#section_medianet .submenu li{ display:none}
#section_medianet .submenu li:first-child{ display:block}
#section_medianet .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#015b76; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }

#section_medianet .submenu li a:hover, #section_medianet .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none; font-size:16px; font-family: 'Asap', sans-serif;background-color:#015b76; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.voir_video{ position:static; top:auto; right:auto; display:none}


#section_medianet .ul_submenu{ margin:0 }

.left_presentation{float:none; width:auto}
.right_presentation{ float:none; width:auto}
.right_equipe{ float:none; width:auto}
.left_equipe{float:none; width:auto; display:block}


#section_services .ul_submenu{ margin:0; text-align:left}
#section_services .section_services_content{ float:none; width:auto; height:auto; margin:0.5em 0; padding:0; display:block; background-color:#372a29; padding:1em;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_services .contenu_services{ float:none; width:auto; height:auto; margin:0; padding:0; display:block; }
.figure_services_float2{ float:none; margin:0}
#section_services .submenu{ float:none; width:auto; height:auto;  }
#section_services .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:30px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;width:auto; line-height:1; position:static;}
#section_services .contenu_services h1{ font-size:22px}
#section_services .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#4b3b39; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }

#section_services .submenu li a:hover, #section_services .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none; font-size:16px; font-family: 'Asap', sans-serif;background-color:#4b3b39; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.section_produit_content{ float:none; width:auto; height:auto; margin:.5em 0; padding:1em; display:block; background-color:#4e0102; padding:1em;  -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
#section_produit .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:30px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;	}

.ul_tablecell { display: block; width:100%; padding-bottom:25px}
.ie8 .ul_tablecell li, .ie7 .ul_tablecell li { display:list-item; background:none;  border-bottom:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1; float:none; }
.ie6 .ul_tablecell li { display:list-item; background:none;    border-bottom:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1 }
.ul_tablecell li { display:list-item;  background:none;  border-right:none;  border-bottom:#a59d9c 1px solid;padding:10px 12px 15px; cursor:pointer; line-height:1 }
.ul_tablecell li a { color:#fff;  font-size:16px; font-family: Arial, Helvetica, sans-serif; text-decoration:none }
.ul_tablecell li:hover { /* background:url(../image/gif/arrow_marketing.gif) center bottom no-repeat; */}
.ul_tablecell li:hover a {  color:#ffae00}
.ul_tablecell li:last-child, .ul_tablecell li.current-wm:last-child{ border-right:none ; width:auto}
.ul_tablecell li.current-wm { display:list-item; border-right:none;padding:10px 12px 15px;color:#fff;  font-size:16px; font-family: 'Asap', sans-serif; cursor:pointer; background:url(../image/gif/arrow_marketing.gif) right  center no-repeat; }
.ul_tablecell li.current-wm a{  color:#ffae00;  font-size:16px; font-family: 'Asap', sans-serif; text-decoration:none }



#section_produit .contenu_produit h1{ font-size:22px}
#section_produit .contenu_produit{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_produit .submenu{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_produit .ul_submenu{ float:none; width:auto; height:auto; margin:0; padding:0; display:block }
#section_produit .submenu li a{ display:block; border-bottom:none; color:white; font-size:16px; font-family: 'Asap', sans-serif;background-color:#7e0003; margin:.5em 0; padding:1em;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; }
#section_produit .submenu li a:hover, #section_produit .submenu li a.current-m{   color:#FFAE00; display:block; border-bottom:none;  font-size:16px; font-family: 'Asap', sans-serif;background-color:#7e0003; margin:.5em 0; padding:1em!important;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.img_produit{ float:none; margin:0}

#section_client .section_client_content{ float:none; width:auto; height:auto; margin:.5em 0; padding:0; display:block; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; background-color:#393433; padding:1em}
#section_client .contenu_client{ margin:0; position:relative; float:none; width:auto; display:block}

.section_projet{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_projet .contenu_projets{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.filter{ display:none}
.section_projets_content{float:none; width:auto; height:auto; margin:.5em 0; padding:0; display:block; background-color:#2e2e2a; padding:1em;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }

.section_international{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.liste_inter{ float:none; width:auto; height:auto; display:block}
.tooltip #canada,.tooltip #amrica,.tooltip #ksa,.tooltip #congo,.tooltip #jordan,.tooltip #libya,.tooltip #tunisie,.tooltip #france,.tooltip #germany,.tooltip #italie{ position:static; top:auto; left:auto; width:18px; height:32px;   color:red; }
.section_international_content{ width:auto}
.parag_inter{ width:auto; }
.choix_medianet{ font-size:30px}


#section_medianews .contenu_medianews h1{ font-size:22px}
#section_medianews{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.section_medianews{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
.section_medianews_content{ float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_medianews .contenu_medianews{float:none; width:auto; height:auto; margin:0; padding:1em; background-color:#4e0102;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; display:block; position:static;  }
#section_medianews .rss{float:none; width:auto; height:auto; margin:0; padding:0 }
#section_medianews .rss { display:none   }

.news_item{ -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; background-color:#7e0003; padding:1em}
.news_img{ float:none; width:auto; height:auto; margin:0 0 .5em; text-align:center}


#section_qualite .section_qualite_content{float:none; width:auto; height:auto; margin:0.5em 0; padding:0; display:block;padding:1em; background-color:#393433;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_qualite .contenu_qualite{float:none; width:auto; height:auto; margin:0; padding:0; display:block}
#section_qualite .submenu{float:none; width:auto; height:auto; margin:0; padding:0}
#section_qualite .ul_submenu{ margin:0; text-align:left}
.etre_parmi{ display:none}
#section_qualite .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg); -webkit-transform-origin: left top;  -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:30px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;}
#section_qualite .contenu_qualite h1{ font-size:1.375em}
#qualite-content p.first{ font-size:1em}


#section_contact .contenu_contatc{float:none; width:auto; height:auto; margin:0; padding:0;  display:block}
.section_contact_content{float:none; width:auto; height:auto; margin:0;  padding:1em;  display:block;  background-color:#002d3b;  -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; }
#section_contact .info{float:none; width:auto; height:auto; margin:0; padding:0; display:block; position:static; text-align:left}
.label{ float:none; width:90%}
#section_contact .contenu_contatc h1{ font-size:22px}
#section_contact .contenu_contatc .txt_contact{ font-size:1.333em}
#section_contact .contenu_contatc h1 .accroche{ font-size:16px}
.contact_input, .contact_textarea{ width:90%;}
.bt_envoyer{display:block; float:none; margin:auto; background:url(../image/gif/bt_envoyer_contact.gif) left top no-repeat; width:130px; height:31px; cursor:pointer;}
.bt_envoyer:hover{background:url(../image/gif/bt_envoyer_contact.gif) left bottom no-repeat; }

.bt_effacer{display:block; float:none; margin:5px auto 0; background:url(../image/gif/bt_effacer_contact.gif) left top no-repeat; width:130px; height:31px; cursor:pointer;}
.bt_effacer:hover{background:url(../image/gif/bt_effacer_contact.gif) left bottom no-repeat;}

.plus_info{ display:none}
#section_carriere .submenu{float:none; width:auto; height:auto; margin:0; padding:0;  display:block}
#section_carriere .contenu_carrier{float:none; width:auto; height:auto; margin:0; padding:0;  display:block}
#section_carriere .titre_submenu{font-weight: normal; margin: 0; z-index: 2; -webkit-transform: translateX(0px) rotate(0deg); -webkit-transform-origin: left top;  -moz-transform-origin: left top; -moz-transform: translateX(0) rotate(0deg);-o-transform: translateX(0px) rotate(0deg); -o-transform-origin: left top; -ms-transform: translateX(0px) rotate(0deg); -ms-transform-origin: left top; transform: translateX(0px) rotate(0deg); transform-origin: left top;font-size:30px; text-transform:uppercase; color:white; font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; width:auto; line-height:1; position:static;}
#section_carriere .contenu_carrier h1{ font-family: 'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; color:white; font-size:22px; text-transform:uppercase; margin-bottom:25px;  font-weight:normal}

#section_carriere .contenu_carrier h1 .accroche{ display:block; font-size:18px; text-transform:uppercase; margin-bottom:25px;}

footer{ background:none; height:auto; padding:0 0 1em }
#footer{ width:auto; margin:0; text-align:center}
.social{float:none; width:auto; height:auto; margin:0; padding:0 0 52px;  display:inline-block; text-align:center; display:none}
#footer .coordonnes{ text-align:left; width:auto ; float:none; display:block; margin:0; padding:1em}



img.as-text { content: attr(alt); }

#section_6, #section_5, #section_11,#menu_flottant{ display:none !important}
.menuClient, .menuProjet{ display:none !important}
#contentSlide{ height:auto;}
}
/** modal**/

.modalDialog {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.5);
 z-index: 9;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;


}

.modalDialog:target {
 display: block;
 pointer-events: auto;
}

.modalDialog > div {
 width: 400px;
 height: auto;
 position: relative;
 margin: 10% auto;
 border-radius: 5px;
 background: #ffffff;


}
.modalDialog.modal_form > div { width: 500px}
.modal-body{ padding: 30px; color: #012538}
.img_mwc{margin: 15px 0 0 ; text-align: center;}
.img_mwc img{ display: inline-block}

#openModal2{top: -100px}
#openModal2 .contact_textarea{height: 70px}
#openModal2 .modal-body{padding: 20px}
#openModal2 .txt_contact{margin-bottom: 15px; font-size: 1.15em}
.modalDialog .toggleModal {

 display: inline-block;
 padding: 6px 12px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: 400;
 text-align: center;
 vertical-align: middle;
 border: 1px solid transparent;
 border-radius: 4px;
 letter-spacing: 1px;


}

.toggleModal.default_bt {
 color: #333;
 background-color: #fff;
 border-color: #ccc;
}

.toggleModal.default_bt:hover {
 background-color: #e6e6e6;
 border-color: #adadad;
}

.toggleModal.valide_bt {
 color: #0FAED6;
 border: #0FAED6 solid 2px;
 font-weight: 700;
 text-align: center;
 font-size: 15px;
 padding: 10px;
 text-transform: uppercase;
 display: inline-block;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 text-decoration: none;

}

.toggleModal.valide_bt:hover {
 background-color: #0FAED6;
 border-color: #FFFFFF;
color: #FFFFFF;
}


.modalDialog .content {
 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-footer {
 padding: 15px;
 text-align: center;
 border-top: 1px solid #e5e5e5;
 background: #FFFFFF;

}

.modalDialog h2 {
 font-size: 18px;
 font-weight: bold;
 color: #e54563;
 text-align: center;
 line-height: 1.3;
 margin-bottom: 15px;

}
.modalDialog p .word_st1 { color: #e34661; font-weight: 600}
.modalDialog p .word_st2 { color: #0FAED6;font-weight: 600}
.modalDialog p {
 font-size: 14px;
 color: #012538;
 margin-top: 10px;
 line-height: 1.2;

}
.modalDialog .txt_contact {
 font-family: Arial, Helvetica, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 color: #43b4db;
 font-size: 1.333em;
 margin-bottom: 25px;
}
.modalDialog .close {
 position: absolute;
 width: 20px;
 height: 20px;
 top: 3px;
 right: 0px;
 opacity: 0.8;
 transition: all 200ms;
 font-size: 24px;
 font-weight: bold;
 text-decoration: none;
 color: #666;  }
.modalDialog .close:hover{ opacity: 1;}


/** contact modal **/

.modal_form .contact_input{ width: 60%; background: #ebebeb; box-shadow: none; border-radius: none; float: right}
.modal_form .label{ font-size: 16px; color: #000000}
.modal_form .contact_textarea{ width: 60%;background: #ebebeb;box-shadow: none; margin-top: 15px;float: right}
.modal_form .btn_event{
 color: #0FAED6;
 border: #0FAED6 solid 2px;
 background: none;
 font-weight: 700;
 height:auto;
 text-indent: 0;
 line-height: 1;
 font-size: 15px;
 padding: 10px 20px;
 text-transform: uppercase;
 display: inline-block;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 text-decoration: none; margin-left: 15px; float: right; cursor: pointer }
.modalDialog.modal_form{display: none}
.modal_form .btn_event:hover{ background-color: #0FAED6;
 border-color: #FFFFFF;
 color: #FFFFFF;}
/** fin modal **/

@media (max-width:640px) and (orientation: landscape) {
body {
-webkit-text-size-adjust: 70%;
}
#contentSlide{ height:auto;}
}
.civilite{float:left; padding-top:3px;}.etat_civile{ float:left; margin-left:4px;}

.error_msg {
 margin-bottom: 15px;
 color: #dd0000;
 border: 1px solid #ffe3e3;
 padding: 5px;
 border-radius: 5px;
}
.error_msg > p{
 color: rgb(195, 54, 54);
}


.loading_form {
 margin-bottom: 10px;
}