@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{color:#625c5c;}
img{vertical-align:middle; border:0; }
.clear{clear:both;}
html{overflow-x:hidden; }

a{ color:#625C5C; }
a:hover{ text-decoration:none; }

.legende{ font-family: 'bariol_regularitalic'; font-size:16px; line-height:20px; }
.legende strong{ font-family: 'bariol_regularitalic'; }

#blog{position:fixed; width:959px; top:0; left:50%; margin-left:-479px; text-align:right; z-index:9991;}
#blog a{display: inline-block; width:46px; height:28px; background:transparent url(img/blog.png) 0 0 no-repeat;}
#blog a:hover{background:transparent url(img/blog.png) 0 bottom no-repeat;}
#nav, #nav.on, nav, nav.on{height:134px; width:100%; position:fixed; background:#FFF; z-index:9990;}
.nav_content{width: 880px; height:134px; margin:0 auto; font-family: bariol_regularregular; font-size:20px; line-height:24px; line-height:134px;}
.nav_content a{margin:0 4%; text-decoration:none; color:#625c5c;}
.nav_content a:hover, .nav_content a.on{color:#cb1a48;}
#nav.off, nav.off{height:78px; overflow:hidden;}
#nav.off img, nav.off img{height:auto; width:auto; margin-left:80px; margin-right:80px; margin-top:6px;}
nav.off .nav_content a{font-size:18px;}
#nav img.bis, nav img.bis{margin-top:-7px;}

.direction{display:none; position:absolute; bottom:15px; right:15px; width:100px; font-size:14px; text-align:left; color:#ffffff; z-index:30; height:50px; font-family:'PT Sans', sans-serif; font-style:italic;}
#one_direction{background:url(img/pa-la.png) right bottom no-repeat;}
#other_direction{color:#625c5c; background:url(img/pa-lahaut.png) right bottom no-repeat; padding-top:32px; height:18px; bottom:65px;}

.view, section{position:relative; width:100%; font-family:'bariol_regularregular'; font-size:18px; line-height:21px; padding-top:1px; height:699px; text-align:center;}
.view em, section em {font-family: 'bariol_regularitalic'; font-style:normal; } 

/*
#view_1{padding-top:134px; overflow:hidden; background:#030004;}
*/
#view_1{ padding-top:134px; overflow:hidden; /* background:#c7e2dd;*/ background:#000000; height:500px; }

#view_1 .flexslider{ /*position:absolute;*/ width:100%; height:500px;   overflow:hidden; background:none; }
#view_1 .flexslider li{/* height:500px; width:100%;*/ } 
#view_1 .flexslider li div.slide_c{ width:960px; margin:0 auto; text-align:left; }
#view_1 .flexslider li div.slide_c h2{ color:#cb1a3b; width:auto; background:none; margin:0px; text-align:left; padding-top:125px; padding-bottom:40px; font-weight:700; }
#view_1 .flexslider li div.slide_c img{ float:left;    left: 0;
    margin-left: 0px;
    position: relative; width:auto; height:auto;} 
#view_1 .flexslider li div.slide_c p{ color:#cb1a3b; font-size:18px; line-height:22px; padding-bottom:36px; }
.ma_btn, #submit_btn{ cursor:pointer; font-family: 'bariol_regularitalic'; background:#cb1a3b; color:#fff; padding:8px 26px; padding-bottom:10px; font-size:18px; line-height:18px; display:inline-block; font-weight:bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  }
a.ma_btn{ color:#fff; text-decoration:none; }
.ma_btn:hover, #submit_btn:hover{ background:#625c5c; }
a.ma_btn:hover{ text-decoration:none;  }
#view_1 .flexslider li #e_m_slide p{padding-left:148px; padding-top:16px; color:#555758; font-size:14px; line-height:18px}

#view_1 img{left:50%; margin-left:-950px; position:absolute; z-index:0;}
#view_1_layer{height:234px; background:#000; position:absolute; margin-top:466px; width:100%; z-index:10;
-khtml-opacity:0.54;
-moz-opacity : 0.54;
-ms-filter: "alpha(opacity=54)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=54);
filter : alpha(opacity=54);
opacity : 0.54;
}
.view_content{width:960px; margin:0 auto; text-align:center; color:#fff;}
/*

#view_1 .view_content{height:234px; position:absolute; margin-top:126px; width:100%; text-align:center; color:#423c3c; z-index:20;}
*/
#view_1 .view_content{height:500px; position:absolute; margin-top:126px; width:100%; text-align:center; color:#cb1a3b; z-index:20;}
#view_4 .view_content{color:#625c5c;}
#view_7 .view_content{position:absolute; left:50%; margin-left:-480px;}
#view_2 img{left:50%; margin-left:-480px; position: absolute; z-index:0;}
#view_3{background:url(img/bg_view3.jpg) center top repeat-x;}
#view_5{background:#302c2b url(img/bg_view5.jpg) center top repeat-x;}
.view_7_bg{ position:absolute; left:50%; margin-left:-950px; }
#view_8{ height:365px; padding-bottom:75px; }

#view_9{ background:#1b1b1b; color:#fff; }
#view_9 h2 span{  background:#1b1b1b; padding:0px 20px; }
#view_9 a{ color:#fff; text-decoration:none; opacity:0.5; }
#view_9 a:hover{ opacity:1; }
#view_9 a img{ opacity:0.6;  padding-bottom: 2px; }
#view_9 a:hover img{ opacity:1; }

.video_display{ background:#fff; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 1px 2px 0px #000000;
-webkit-box-shadow: 1px 1px 2px 0px #000000;
-o-box-shadow: 1px 1px 2px 0px #000000;
box-shadow: 1px 1px 2px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
padding:10px;
display:inline-block;
text-align:left;
cursor:pointer;
margin-top:20px;
}
.video_display:nth-child(2n+1){ margin-right:54px }
.video_display_play{ width:81px; height:84px; background:url(img/ply_btn_arrow.png) center top no-repeat; margin-top:-36px; margin-left:330px; position:absolute; }
.video_display:hover .video_display_play{ background:url(img/ply_btn_arrow.png) center -84px no-repeat; }
.video_display img{ margin-bottom:8px; }
.video_display p{ font-size:18px; line-height:20px; color:#3a3a3a;  font-family:'PT Sans', sans-serif; font-weight:700; font-style:italic; } 
.video_overlay{ width:419px; height:163px; position:absolute; display:none; }
.video_display:hover .video_overlay{ display:block; }

.pastille.video_display{ background:#fff; 
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow:none;
filter:none;
padding:0px;
display:block;
text-align:center;
cursor:pointer;
margin-top:0px;
}

#bottom, footer{min-height:75px; position:absolute; bottom:0px; width:100%;}
#follow{ position:absolute; margin-top:-25px; text-align:center; line-height:0px;}
#follow img{margin-left:7px; margin-right:7px; }
#follow img#follow_title{display:block; margin:0; margin-bottom:10px; margin-left:22px;}
#bottom_line{min-height:50px; background:#f5f5f5; margin-top:25px;}
#bottom_line .view_content{text-align:left; color:#625c5c; line-height:50px; font-size:13px;}
#bottom_line .view_content span{ float:right; font-family: 'bariol_regularitalic'; }
#bottom_line .view_content span span{ font-family: 'bariol_regularregular'; float:none; margin-left:4px; margin-right:4px;}
#bottom_line .view_content span a{ color:#625c5c; text-decoration:none;}
#bottom_line .view_content span a:hover{ text-decoration:underline;}

#iMalabar{background:url(img/iMalabar.png) left bottom no-repeat; width:440px; height:631px; position:absolute; left:-440px; top:-1px; cursor:pointer;}

#computer{background:url(img/computer.png) right top no-repeat; width:418px; height:641px; position:absolute; right:-418px; top:-1px;}

#superboy{background:url(img/superboy.gif) 0px 0px no-repeat; width:1184px; height:678px; position:absolute; right:0px; right:-990px; top:-450px; z-index:9970;}

#nuages{background:url(img/nuage_transparent.png) left top no-repeat; width:1899px; height:182px; position:absolute; left:50%; margin-left:-950px; z-index: 9975;}

#frame{width:1900px; position:absolute; left:50%; margin-left:-950px; overflow:hidden;}

#frame.references{padding-bottom:70px;}

h1{text-align:center; color:#fff; font-family:'PT Sans Narrow', sans-serif; font-size:40px; line-height:44px; text-transform:uppercase; margin-top:46px; margin-bottom:38px; }
#view_1 h1{color:#423c3c; margin-bottom:25px;}
#view_3 h2{margin-top:70px;}
h2{text-align:center; color:#fff; font-family:'PT Sans Narrow', sans-serif; font-size:40px; line-height:44px; text-transform:uppercase; background:url(img/bg_h2.png) 0px 22px no-repeat; width:959px; margin:0 auto; margin-top:46px; margin-bottom:38px;}

.view_bgb h2{color:#625c5c;  background-image:url(img/bg_h2.gif);}
h3{text-align:center; color:#625c5c; font-family: 'PT Sans Narrow', sans-serif; font-size:26px; line-height:29px; text-transform:uppercase; margin-top:36px; margin-bottom:28px;}


.view_bgb{ color: #625c5c;
    font-family: "bariol_regularregular";
}

#exp_area{height:285px;}
#exp_area div{ width:153px; padding-top:160px; cursor:pointer; background:url(img/expertise/exp_1.png) left top no-repeat; float:left; margin-left:3px; margin-right:3px; font-size:18px; line-height:21px; font-family: 'PT Sans', sans-serif;}
#exp_area div.on{font-weight:700; cursor:default;}
#exp_area div#exp_1{ background-image:url(img/expertise/exp_1.png);}
#exp_area div#exp_2{ background-image:url(img/expertise/exp_2.png);}
#exp_area div#exp_3{ background-image:url(img/expertise/exp_3.png);}
#exp_area div#exp_4{ background-image:url(img/expertise/exp_4.png);}
#exp_area div#exp_5{ background-image:url(img/expertise/exp_5.png);}
#exp_area div#exp_6{ background-image:url(img/expertise/exp_6.png);}
#exp_area div#exp_1.on{ background-image:url(img/expertise/exp_1_on.png);}
#exp_area div#exp_2.on{ background-image:url(img/expertise/exp_2_on.png);}
#exp_area div#exp_3.on{ background-image:url(img/expertise/exp_3_on.png);}
#exp_area div#exp_4.on{ background-image:url(img/expertise/exp_4_on.png);}
#exp_area div#exp_5.on{ background-image:url(img/expertise/exp_5_on.png);}
#exp_area div#exp_6.on{ background-image:url(img/expertise/exp_6_on.png);}
.exp_txt_area{display:none;}
#exp_2_txt{background:transparent url(img/arw_rd.png) 81% 94% no-repeat;}
#exp_2_txt strong{display:inline-block; margin:10px 0;}
#languette{position:absolute; width:124px; height:90px; bottom:0; left:50%; margin-left:330px; background:transparent url(img/languetteRD.png) 0 0 no-repeat; cursor:pointer;}

.value{width:231px; float:left; margin-left:9px; padding-top:10px; text-align:left; color:#fff; font-size:16px; line-height:19px;}
.value div{padding-left:28px;}
.value div strong{font-family: 'bariol_regularitalic';}
.value img{display:block; margin-bottom:30px;}
.value img.animated{display:none;}

.flag{width:127px; float:left; padding:0px 5px; color:#fff; font-size:16px; line-height:19px; text-align:center;}
.flag img{display:block; margin-left:62px; margin-bottom:4px;}
.flag div.pied{background:url(img/flags/line.png) 62px top repeat-y; height:100px; margin-top:4px;}

#flag_1.flag div.pied{height:235px;}
#flag_2.flag div.pied{height:197px;}
#flag_3.flag div.pied{height:210px;}
#flag_4.flag div.pied{height:105px;}
#flag_5.flag div.pied{height:91px;}
#flag_6.flag div.pied{height:66px;}
#flag_7.flag div.pied{height:95px;}

#pave_contact, #pave_contact_alt{width:960px; height:160px; background:url(img/bg_contact.jpg) 0px 0px no-repeat; margin-top:100px; text-align:center; font-size:16px; line-height:19px; padding-top:65px; height:95px; cursor:pointer; }
#pave_contact_alt{margin-top:-160px; opacity:0;}
#pave_contact_alt, #pave_contact.hover{background-image:url(img/bg_contact_alt.jpg);}
#pave_contact h3, #pave_contact_alt h3{position:absolute; margin-top:0px; margin-left:65px;}
#pave_contact_1{position:absolute; margin-left:600px; color:#625c5c; text-align:left; margin-top:-15px;}
#pave_contact_0{position:absolute; margin-left:109px; color:#625c5c; text-align:right; margin-top:-15px;}


.chiffre{width:220px; text-align:center; text-transform:uppercase; color:#444444; float:left; margin-right:20px; font-family:'PT Sans Narrow', sans-serif; margin-bottom:70px; margin-top:20px;}
.chiffre img{display:block;}

.bulle{position:absolute; width:50px; height:50px; border:solid 3px #625c5c; border-radius:50%; background:#625c5c; font-size:16px; line-height:50px; color:#ffffff; cursor:pointer; z-index:2; padding:15px; text-align:center;}
.bulle p{display:none; position:absolute; top:50%; left:50%;}
#bulle1{margin-left:193px; margin-top:-15px;} 
#bulle2{margin-left:446px; margin-top:25px;} 
#bulle3{margin-left:645px; margin-top:-14px;} 
#bulle4{margin-left:237px; margin-top:340px;} 
#bulle5{margin-left:464px; margin-top:320px;} 
#bulle6{margin-left:651px; margin-top:405px;}
#view_2 #bulle3 img {margin-left:-55px; position:relative;}
.bulle.hover{ cursor:default; }

.methodo{position:absolute; width:330px; height:330px; border-radius:50%; z-index:2; border:solid 8px #ffffff; text-align:center; margin-top:20px; }
#methodo1{margin-left:125px; background-color: rgba(253, 248, 206, 0.75); box-shadow:-2px -2px rgba(253, 248, 206, 0.75), 2px 2px rgba(253, 248, 206, 0.75), 2px -2px rgba(253, 248, 206, 0.75), -2px 2px rgba(253, 248, 206, 0.75);}
#methodo2{margin-left:425px; background-color: rgba(199, 226, 221, 0.75); box-shadow:-2px -2px rgba(199, 226, 221, 0.75), 2px 2px rgba(199, 226, 221, 0.75), 2px -2px rgba(199, 226, 221, 0.75), -2px 2px rgba(199, 226, 221, 0.75);}
#methodo3{margin-left:725px; background-color: rgba(245, 221, 211, 0.75); box-shadow:-2px -2px rgba(245, 221, 211, 0.75), 2px 2px rgba(245, 221, 211, 0.75), 2px -2px rgba(245, 221, 211, 0.75), -2px 2px rgba(245, 221, 211, 0.75);}
#methodo1{margin-left:305px; background-color: rgba(253, 248, 206, 0.75); box-shadow:-2px -2px rgba(253, 248, 206, 0.75), 2px 2px rgba(253, 248, 206, 0.75), 2px -2px rgba(253, 248, 206, 0.75), -2px 2px rgba(253, 248, 206, 0.75); z-index:4;}
#methodo2{margin-left:305px; background-color: rgba(199, 226, 221, 0.75); box-shadow:-2px -2px rgba(199, 226, 221, 0.75), 2px 2px rgba(199, 226, 221, 0.75), 2px -2px rgba(199, 226, 221, 0.75), -2px 2px rgba(199, 226, 221, 0.75); z-index:3;}
#methodo3{margin-left:305px; background-color: rgba(245, 221, 211, 0.75); box-shadow:-2px -2px rgba(245, 221, 211, 0.75), 2px 2px rgba(245, 221, 211, 0.75), 2px -2px rgba(245, 221, 211, 0.75), -2px 2px rgba(245, 221, 211, 0.75);}

.methodo span{font-family: 'Rochester'; font-size:56px; line-height:normal; display:block; margin-top:60px; margin-bottom:20px;}
.methodo p{font-family:'bariol_regularregular'; font-size:16px; line-height:16px; margin-bottom:20px;}
.methodo strong{font-family:'PT Sans Narrow', sans-serif; font-size:16px; line-height:16px;}
.methodo ul{font-family:'bariol_regularregular'; font-size:16px; line-height:16px; text-align:left; margin-left:55px; display:none; }
.methodo li{list-style:none; margin-bottom:5px; padding-left:14px; background:transparent url("img/puce.gif") left 6px no-repeat;}

.solutions h2{background:transparent url("img/bg_title_madgames.gif") center 48px no-repeat; color:#ffffff; font-size:36px; line-height:36px; margin:0; padding-top:28px; width:auto;}
.solutions h2.bis{background:transparent url("img/bg_title_madmin.gif") center 48px no-repeat;}
.solutions h3{text-align:center; font-size:24px; line-height:24px; text-transform:none; margin-top:45px; margin-bottom:25px; font-style:italic; font-weight:bold; color:#ffffff;}
.solutions h4{font-family:'bariol_regularregular'; text-align:center; font-size:18px; line-height:21px; text-transform:none; margin-bottom:45px; font-weight:normal; color:#ffffff;}
.solutions p{font-size:16px; line-height:19px; margin-bottom:25px; font-family:'bariol_regularitalic'; color:#625c5c; margin-bottom:25px; width:440px;}

.solutions .part3 h2{ background:transparent url("img/bg_title_responsive.png") center 48px no-repeat; }

#MADGAMES h2{background:0; position:relative; padding-top:43px;}
#MADGAMES h2 span{background:#93d7d8; display:inline-block; padding:0 20px; position:relative; font-family:'PT Sans Narrow', sans-serif; z-index:1}
#MADGAMES h2:after{content:""; display:block; position:absolute; bottom:15px; width:100%; height:1px; background:#d4efef; z-index:0}
#MADGAMES h3{text-align:left; font-size:36px; line-height:36px; margin-top:31px; margin-bottom:17px; font-style:normal; font-weight:normal; font-family: 'Damion', cursive;}
#MADGAMES h4{font-family:'PT Sans Narrow', sans-serif; text-align:left; margin-bottom:5px; font-weight:bold; color:#369c9d;}
#MADGAMES h4:before{content:""; display:inline-block; width:9px; height:9px; margin-right:6px; background:#369c9d; border-radius:100%;}
#MADGAMES p{font-size:18px; line-height:21px; color:#ffffff; margin-bottom:35px; width:440px; font-family:'bariol_regularregular'; width:auto}
#MADGAMES p.likeli{font-size:16px; line-height:19px; width:440px; font-family:'bariol_regularregular'; width:480px; margin-bottom:20px;}
#MADGAMES p.likeli:last-of-type{margin-bottom:27px}
#MADGAMES span{font-family:'bariol_regularitalic'}
.btnoptin{width:260px; height:45px; font-size:22px; line-height:45px; display:block; font-weight:bold; border-radius:3px; background:#ea6d50; color:#ffffff; border-bottom:solid 2px #c95a40; margin:auto; margin-bottom:30px; text-align:center; text-decoration:none; font-family:'bariol_regularregular'}
.btnoptin:hover{background:#fa7b5e;}
.btnoptin:active{background:#ea6d50; border-bottom:solid 2px #ea6d50; margin-top:1px}

#ref_slide{ width:100%; margin-top:134px; position:relative;  text-align:center; color:#ffffff; }

.slide_1{background:url(../_img/references/slide/BG_journee_folle.jpg) 0px 0px repeat-x;}
.slide_2{background:url(../_img/references/slide/BG_auchan.jpg) 0px -1px repeat-x;}
.ref_banner.slide_2{background:url(../_img/references/slide/BG_auchan.jpg) 0px 0px repeat-x;}
.slide_5{background:url(../_img/references/slide/BG_canalplay.jpg) 0px 0px repeat-x;}
.slide_3{background:url(../_img/references/slide/BG_srp.jpg) 0px 0px repeat-x;}
.slide_4{background:url(../_img/references/slide/BG_cookmaster.jpg) 0px 0px repeat-x;}
.slide_6{background:url(../_img/references/slide/BG_kaliti.jpg) 0px 0px repeat-x;}
.slide_7{background:url(../_img/references/slide/BG_iselection.jpg) 0px 0px repeat-x;}
.slide_8{background:url(../_img/references/slide/BG_abbvie.gif) 0px 0px repeat-x;}
.slide_10{background:url(../_img/references/slide/BG_agatha.jpg) 0px 0px repeat-x;}
.slide_11{background:url(../_img/references/slide/BG_afer.jpg) 0px 0px repeat-x;}

#red_title.view, section#red_title{width:100%; height:auto; padding:65px 0; margin-top:134px; position:relative; background:#cb1349; text-align:center; color:#ffffff; font-family:'bariol_regularregular'; /*position: absolute; z-index:9980;*/}
#red_title h1{margin-top:0; margin-bottom:20px;}
#red_title h4{margin:0;}
#red_title p{font-family:'bariol_regularitalic'; font-size:18px; line-height:21px; color:#ffffff; width:auto; margin:0;}
#content{width:100%; position:relative; padding-bottom:30px;}
/*.solutions #content{background:transparent url("img/bg_solutions.jpg") center top repeat-x; margin-top:479px;}*/
#cont{width:980px; margin:auto; position:relative; padding-top:70px;}

.projet,#showreel,#reveals{width:310px; height:318px; margin:4px; float:left; border:solid 1px #ffffff; color:#625c5c; font-size:14px; line-height:18px; text-align:center; font-family:'bariol_regularregular'; cursor:pointer;}
.projet.on{background:#f2f2f2; border:solid 1px #d9d6d6;}
.projet img{display:block; margin:auto;}
.projet h3, .pastille h3{display:block; margin-top:6px; margin-bottom:2px; font-size:16px; line-height:19px; text-transform:none; font-style:italic;}
.projet a{text-decoration:none; color:#625c5c;}
.projet .ref_cont a{text-decoration:underline; }
.projet .ref_cont a:hover{text-decoration:none; }

.pastille h3{ margin-top:269px; }

#showreel{background:url(../_img/projets/showreel_off.jpg) center 15px no-repeat;}
#showreel.on{background:url(../_img/projets/showreel_on.jpg) center 15px no-repeat; border:none; margin:5px; /*margin-left:171px !important;*/}

#reveals{background:url(../_img/projets/logo_off.jpg) center 15px no-repeat;}
#reveals:hover{background:url(../_img/projets/logo_on.jpg) center 15px no-repeat; border:none; margin:5px;}

#showreel.showItBis{position:absolute; left:0; border:5px solid #8d8b8c; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; float:none; width:100px; height:224px; background: #eeeeee url("img/showreel.png") no-repeat 31px 21px; margin:0; margin-left:-10px; margin-top:106px;}

#clients{font-size:0px; line-height:0px; padding-bottom:20px;}

#prebottom{width:100%; height:233px; position:relative; background-color:#ffffff; text-align:center;}
#prebottom p{font-family:'PT Sans Narrow', sans-serif; color:#cb1642; font-size:24px; margin-bottom:15px; width:auto;}
#prebottom p.remi{margin-top:55px; margin-bottom:20px; color:#625c5c; font-style:italic;}
#prebottom p a{color:#cb1642; text-decoration:none;}
#prebottom p a:hover{text-decoration:underline;}

.icone{margin-bottom:25px; font-family:'PT Sans Narrow', sans-serif; font-size:16px; line-height:19px; color:#625c5c;}
.icone.last{margin-bottom:70px;}
.icone p{font-family:'PT Sans Narrow', sans-serif; margin-bottom:0;}
.icone strong{font-style:italic;}
.icone img{display:block; width:35px; margin-right:12px; float:left;}

p.red{color:#cb1a3b;}

.left li{list-style:none; text-indent:22px; background:transparent url("img/tick_red.png") left center no-repeat; font-family:'PT Sans Narrow', sans-serif; font-size:16px; line-height:19px; color:#625c5c; font-style:italic; font-weight:bold; margin-bottom:13px; width:440px;}
ul.green{margin-bottom:30px;}
ul.green li{background:transparent url("img/tick_green.png") left center no-repeat; font-weight:normal;}
#opensource{display:block; position:absolute; margin-left:280px;}
.solutions .left{width:440px; float:left;}
.solutions .right{width:480px; float:left; margin-top:45px; margin-left:50px;}
.solutions .right.flexslider{margin-top:0; z-index:9981;}
.solutions .right.madmin{margin-top:45px;}
.solutions .right.madmin img{display:block; float:left; margin-bottom:20px; }
.solutions .right.madmin .last{margin-left:19px;}
.solutions #red_title p {font-family:'bariol_regularregular';}
.solutions #red_title p a {color:#ffffff; text-decoration:underline;}
.solutions .part1{width:auto; height:860px; background:#93d7d8; margin-top:134px}
.solutions .part2{width:auto; height:1096px; background:transparent url("img/bg_solutions_p2.jpg") center -20px no-repeat;}
.solutions .part3{width:auto; height:940px; background:transparent url(img/bg_resp.jpg) center top repeat-x; margin-top:-20px; padding-top:20px;}
.solutions .part4{width:auto; height:613px; background:#252329 url(img/bg_mavatar.jpg) 0 0 repeat-x; margin-top:-20px;}
.solutions .part4 h2{background:transparent url("img/bg_title_mavatar.gif") center 48px no-repeat;}
.madgames .solutions .part1{height:795px; background:transparent url("img/bg_solutions_p1_alone.jpg") center top no-repeat; padding-top:70px;}
.madmin .solutions .part2{height:830px; background:transparent url("img/bg_solutions_p2_alone.jpg") center -20px no-repeat; padding-top:45px;}
.madmin #red_title h4{width:770px; margin:auto;}
.madgames .solutions .part1 .part_c {background: url("img/ubermensch.png") no-repeat scroll right top transparent;}

.solutions .part3 h4{ width:725px; text-align:center; margin:0 auto; margin-bottom:45px; }

.solutions .part1 .part_c{background:transparent url('img/optin_manager_bg.png') right 123px no-repeat;}
.solutions .part_c{width:960px; margin:auto;}
.solutions .part_bot{position:absolute; width:960px; margin-top:9px; padding-top:0px; border-top:solid 1px #717275; text-align:center;}
.solutions .part4 .part_bot{height:352px; border-top:0; margin-top:0; background:transparent url("img/mavatars.png") 0 0 no-repeat;}
.solutions .part3 .part_bot {border:0; margin-top:30px;}
.solutions .part1 .part_bot{margin-top:0; border-top:0;}
.solutions .part_bot a.ma_btn{margin-top:12px;}
.solutions .part4 .part_bot a.ma_btn{margin-top:240px;}
.solutions .part_bot p{width:auto; margin:0; font-family:'bariol_regularregular'; color:#a4a2a2; line-height:23px;}
.solutions .part1 .part_bot p, .solutions .part1 .part_bot a:not(.ma_btn){color:#625c5c;}
.solutions .part_bot p.remi{font-family:'bariol_regularitalic'; padding-top:10px; }
.solutions .part_bot p a{color:#a4a2a2; font-weight:bold; text-decoration:none;}
.solutions .part_bot a:hover:not(.ma_btn){text-decoration:underline;}
.solutions .part_bot a.btn_demo{display:block; position:absolute; right:0; text-indent:-8px; width:144px; height:36px; background:transparent url("img/btn_demo.png") left top no-repeat; line-height:36px; font-family:'bariol_regularregular'; font-size:16px; text-align:center; color:#ffffff; font-weight:normal; text-decoration:none;}
.solutions .part1 .col {width:200px; float:left; margin-right:45px; text-align:left;}
.solutions .part1 .col.first {width:auto; float:none; margin-bottom:25px;}
.solutions .part1 .col p {font-size:18px; font-weight:bold; font-style:italic; color:#ffffff; font-family:'PT Sans Narrow', sans-serif; text-align:left; margin-bottom:13px;}
.solutions .part1 .col p.title{color:#cb1349; font-style:normal; text-align:left;}
.solutions .part1 .col li {list-style:none; list-style-position:outside; font-size:16px; color:#ffffff; font-family:'bariol_regularregular'; padding-left:22px; padding-bottom:7px; background:transparent url("img/etoile.png") 0 3px no-repeat;}
.solutions .part3 .col{width:225px; padding:0 46px; float:left; margin-right:0; text-align:center;}
.solutions .part3 .col p{font-size:16px; line-height:20px; color:#ffffff; font-family:'bariol_regularregular'; text-align:center; margin-bottom:13px;}

#mg_ico{width:auto; height:178px; margin-top:30px; border:solid 1px #83baba; border-right:0; border-left:0;}
#mg_ico .col{width:180px; float:left; text-align:center; margin-right:60px;}
#mg_ico .col.first{ margin-left:30px;}
#mg_ico .col.last{margin-right:0;}
#mg_ico .col img{margin-top:16px; margin-bottom:12px;}
#mg_ico .col p{color:#39373a; text-align:center; font-family:'bariol_regularregular'; margin-bottom:0; font-size:14px; line-height:17px; font-style:normal; font-weight:normal}
#mg_ico .col p.title{font-family:'PT Sans Narrow', sans-serif; font-weight:normal; font-size:18px; line-height:21px; text-transform:none;}
.solutions .part2 .part_bot a.btn_demo{background:transparent url('img/btn_demo_bis.png') left top no-repeat;}
.solutions .part_bot a.btn_demo:hover{text-decoration:underline;}
.solutions .part2 .col {width:208px; height:322px; float:left; margin:0 16px; text-align:left;}
.solutions .part2 .col div {height:86px; text-align:center;}
.solutions .col p {color: #ffffff; font-family: 'bariol_regularregular'; margin-bottom:0; width:auto;}
.solutions .col p.title {font-family:'PT Sans Narrow', sans-serif; font-size:18px; font-weight:bold; margin-bottom:20px; text-transform:uppercase; text-align:center;}
.solutions .part3 .col p.title {font-family:'PT Sans Narrow', sans-serif; font-size:18px; font-weight:bold; margin-top:15px; margin-bottom:20px; text-transform:uppercase; text-align:center;}
.solutions .col p.cl1 {color:#029494;}
.solutions .col p.cl2 {color:#a83a8c;}
.solutions .col p.cl3 {color:#ea703e;}
.solutions .col p.cl4 {color:#fbd348;}
.solutions .col p.cl5 {color:#008e57;}
.solutions .col p.cl6 {color:#cb164e;}

#video_kaliti{ margin-left:40px; margin-top:20px; cursor:pointer; width:554px; height:409px; background:url(../_img/references/kaliti/kaliti_m_v1.jpg) 0px 0px no-repeat; }
#video_kaliti:hover{ background-position: -554px 0px;}

#video_afer{ margin-left:40px; margin-top:20px; cursor:pointer; width:554px; height:409px; background:url(../_img/references/afer/afer_m_v1.jpg) 0px 0px no-repeat; }
#video_afer:hover{ background-position: -554px 0px;}

.contact #content{width:100%; height:1026px; margin-top:134px; padding-top:45px; background:transparent url("img/bg_page_contact.jpg") left top no-repeat; position:relative;}
.contact #cont{width:960px; padding-top:50px; color:#d0d0d0; font-family:'PT Sans Narrow', sans-serif;}
.contact #cont a{color:#d0d0d0;}
.contact .col{width:200px; float:left; font-size:18px; margin-right:0px;}
.contact .col p{margin-bottom:10px;}
.contact #col2{width:275px; margin-right:10px; text-align:right; font-family:'bariol_regularregular'; font-size:16px; line-height:24px; }
.contact .col a{color:#ffffff; text-decoration:none;}
.contact .col a:hover{text-decoration:underline;}
.contact #col3 {width:474px; background: transparent url(img/bg_under_input.png) left 23px no-repeat; margin:0;}
.contact #col3.retour{ text-align:center; background:none; }
.contact #col3.retour a{ text-decoration:underline; }
.contact #col3.retour a:hover{ text-decoration:none; } 
.contact #col3 input{width:231px; margin-right:12px; background:0; border:0; background-color:transparent; font-family: 'bariol_regularitalic'; color:#ffffff; font-size:16px; line-height:19px; outline:none; color:#d0d0d0;}
.contact #col3 #email{margin-right:0;}

#ma_p{width:1760px; height:660px; margin:auto; border:20px solid #fff; box-shadow:1px 1px #d3dbdf, -1px -1px #d3dbdf, -1px 1px #d3dbdf, 1px -1px #d3dbdf; -webkit-box-shadow:1px 1px #d3dbdf, -1px -1px #d3dbdf, -1px 1px #d3dbdf, 1px -1px #d3dbdf; -moz-box-shadow:1px 1px #d3dbdf, -1px -1px #d3dbdf, -1px 1px #d3dbdf, 1px -1px #d3dbdf; -o-box-shadow:1px 1px #d3dbdf, -1px -1px #d3dbdf, -1px 1px #d3dbdf, 1px -1px #d3dbdf;}
#map_effect{position:absolute; z-index:9989; width:100%; text-align:center;}
#map_effect img{margin-left:19px; margin-top:5px; width:100%;}
#map_zone{padding:5px; margin:auto;}

#ma_ta {width:100%; height:110px; margin:0; padding:0; border:0; font-family:'bariol_regularitalic'; color:#d0d0d0; font-size:16px; line-height:26px; resize:none; outline:none; background:transparent url(img/bg_ta.png) left top repeat-y; margin-top:22px;}
input#adresse{display:none;}
.error{color:#faf2b1; font-family:'bariol_regularitalic'; font-size:14px; line-height:17px; background:url(img/error_fl.png) left 4px no-repeat; padding-left:26px; padding-bottom:4px; margin-left:50px;}
#submit_btn{ position:absolute; right:0px; top:222px;} 

.share{float:left; margin-left:7px; margin-right: 7px; height:22px; cursor:pointer;}
#a_fb{background:url(img/share.gif) left top no-repeat; width:15px; margin-left:-15px;}
#a_tw{background:url(img/share.gif) -16px top no-repeat; width:23px; }
#a_insta{background:url(img/share.gif) -39px top no-repeat; width:24px;}
#a_pin{background:url(img/share.gif) -63px top no-repeat; width:19px;}
#a_vimeo{background:url(img/share.gif) -81px top no-repeat; width:23px;}
#a_linked{background:url(img/share.gif) -104px top no-repeat; width:19px;}
#a_google{background:url(img/share.gif) -125px top no-repeat; width:21px;}
#a_youtube{background:url(img/share.gif) -148px top no-repeat; width:14px;}
#a_blog{background:url(img/share.gif) -165px top no-repeat; width:33px;}
#a_fb:hover{background:url(img/share.gif) left bottom no-repeat;}
#a_tw:hover{background:url(img/share.gif) -16px bottom no-repeat;}
#a_insta:hover{background:url(img/share.gif) -39px bottom no-repeat;}
#a_pin:hover{background:url(img/share.gif) -63px bottom no-repeat;}
#a_vimeo:hover{background:url(img/share.gif) -81px bottom no-repeat;}
#a_linked:hover{background:url(img/share.gif) -104px bottom no-repeat;}
#a_google:hover{background:url(img/share.gif) -125px bottom no-repeat;}
#a_youtube:hover{background:url(img/share.gif) -148px bottom no-repeat;}
#a_blog:hover{background:url(img/share.gif) -165px bottom no-repeat;}

.ref_banner{margin:auto; margin-top:134px; height:590px; text-align:center;}
.ref_banner img{left:50%; margin-left:-771px; position:absolute; z-index:0;}

#view_1.ref_banner{padding-top:0px;}
.ref_banner.banner1{background:transparent url("img/bg_ref_slide_black.gif") left top repeat-x;}
.ref_banner.banner2{background:transparent url("img/bg_ref_slide_bluedeg.gif") left top repeat-x;}
.ref_banner.banner3{background:transparent url("img/bg_ref_slide_blue.gif") left top repeat-x;}
.ref_cont{width:960px; margin:auto; margin-bottom:30px;}
.col{width:555px; float:left; margin-right:95px;}
.col.col2{width:310px; margin-right:0;}
.col img.spe{position:absolute; margin-left:-49px;}
.ma_ill{display:block; margin:45px 0; border-radius:2px; border:solid 5px #ffffff; box-shadow:-1px -1px #dee0e2, 1px 1px #dee0e2, 1px -1px #dee0e2, -1px 1px #dee0e2;}
.ma_ill.bis{margin-top:550px;}
.ref_cont h1 {color: #625c5c; font-family: 'PT Sans Narrow',sans-serif; font-style: italic; font-weight: bold; font-size:24px; line-height:24px; margin-bottom:25px; margin-top:0; text-align:left; text-transform:none; background-color:#ffffff; padding-right:16px; position: absolute; z-index:1;}
.forh1{position:absolute; width:310px; height:1px; background:#d0d0d0; margin-top:13px; margin-top:13px; z-index:0;}
.ref_cont p {color: #625c5c; font-family: 'PT Sans Narrow',sans-serif; font-size:16px; line-height:19px; margin-bottom:25px;}
.ref_cont p.first {margin-top:45px;}
.ref_cont ul {color:#625c5c; font-family: 'bariol_regularitalic'; font-size:16px; line-height:19px; /*margin-bottom:25px;*/ margin-top:50px;}
.ref_cont li {list-style:none; text-indent:25px; margin-bottom:18px; background:transparent url("img/projets/puce_v1.gif") left 5px no-repeat;}
.ref_cont ul.v2 {margin-top:70px;}
.ref_cont ul.v2 li {background:transparent url("img/projets/puce_v2.gif") left 5px no-repeat;}
.ref_cont ul.v3 {margin-top:70px;}
.ref_cont ul.v3 li {background:transparent url("img/projets/puce_v3.gif") left 5px no-repeat;}
.ref_cont ul.v4 {margin-top:70px;}
.ref_cont ul.v4 li {background:transparent url("img/projets/puce_v4.gif") left 5px no-repeat;}
.ref_cont ul.v5 {margin-top:70px;}
.ref_cont ul.v5 li {background:transparent url("img/projets/puce_v5.gif") left 5px no-repeat;}
.ref_cont ul.v6 {margin-top:70px;}
.ref_cont ul.v6 li {background:transparent url("img/projets/puce_v6.gif") left 5px no-repeat;}
.ref_cont ul.v7 {margin-top:70px;}
.ref_cont ul.v7 li {background:transparent url("img/projets/puce_v7.gif") left 5px no-repeat;}
.ref_cont ul.v8 {margin-top:0px;}
.ref_cont ul.v8 li {background:transparent url("img/projets/puce_v8.gif") left 5px no-repeat; text-indent:0; padding-left:25px;}
.cles{margin-top:60px;}
.cles .col{width:83px; float:left; margin-right:0;}
.cles .col img{display:block; margin-bottom:18px; float:right; margin-right:10px;}
.cles .col2{width:225px;}
.ref_cont .cles .col2 p{text-transform:uppercase; margin-bottom: 16px;
    padding: 20px 10px 0;}
.ref_cont .cles .col2.bis p{padding-top:23px;}
.mgb30 {margin-bottom:30px;}
.projet img.mgb30 {padding-bottom:30px;}

#overlay{ position:absolute; width:100%; height:100%; background:#000;
-khtml-opacity:0.80;
-moz-opacity : 0.80;
-ms-filter: "alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter : alpha(opacity=80);
opacity : 0.8; z-index:9998; display:none;}

.popup{position:fixed; top:200px; width:960px; margin:auto; z-index:99999; display:none;}
.popup .close{background:url(img/close.gif) right top no-repeat; width:22px; height:22px; float:right; cursor:pointer;}
#mentions_content, #mentions .content{background:#ffffff; margin-top:22px; font-size:16px; line-height:19px; font-family:'bariol_regularitalic'; color:#444444;}
#mentions{display:none; width:100%;}
#mentions .content{width:100%; margin-top:0; padding-top:80px; padding-bottom:30px; background:#F5F5F5;}
#mentions_content a, #mentions .content a{color:#cb1a48;}
#mentions_content h2, #mentions .content h2{text-align:center; font-size:20px; line-height:24px; color:#444444; background:none; margin:0px; width:auto; font-weight:normal; margin-bottom:20px; margin-top:40px;}
#mentions .content {font-size:12px; line-height: 15px;}
#mentions .content h2{font-size:16px; margin: 20px 0 10px;}
#mentions_content, #mentions.popup{ background:#f5f5f5; position:absolute; }
#mentions.popup .content{ background:none; padding:30px; width:900px; height:auto; padding-top:15px;}
#mentions.popup .close{ background:url(http://clients_old.malabardesign.fr/_css/img/close2.gif) right top no-repeat; margin-top:18px; margin-right:23px;}
#popupPlayer.popup .content{width:960px; height:540px; overflow:hidden; background:url(img/malabar_vimeo.gif) center top no-repeat;}
#popupPlayer.popup .content.blackbg{background:#000000}

#pave_contact, #pave_contact_alt{width:960px; height:160px; background:url(img/bg_contact.png) 0px 0px no-repeat; margin-top:100px; text-align:center; font-size:16px; line-height:19px; padding-top:65px; height:95px; cursor:pointer;}
#pave_contact_alt, #pave_contact.hover{ background-image:url(img/bg_contact_alt.png); }
#contact {position:absolute; width:158px; height:158px; left:50%; margin-left:-79px; margin-top:-62px; background:transparent url(img/contact_circle.png) left top no-repeat; line-height:158px; }
#eip{display:block; margin:auto; margin-bottom:12px;}
.value strong{display:block; margin-bottom:20px;}

#bottom_line .view_content #mentions span{float:none; display:inline;}

.govid{width:312px; float:left; margin-right:12px; margin-bottom:35px;}
.vidill{width:312px; height:247px; overflow:hidden; cursor:pointer;}
.govid1 .vidill{background:transparent url(img/cook_m_v1.jpg) 0 0 no-repeat;}
.govid1 .vidill:hover{background:transparent url(img/cook_m_v1.jpg) right 0 no-repeat;}
.govid2 .vidill{background:transparent url(img/cook_m_v2.jpg) 0 0 no-repeat;}
.govid2 .vidill:hover{background:transparent url(img/cook_m_v2.jpg) right 0 no-repeat;}
.govid3 .vidill{background:transparent url(img/cook_m_v3.jpg) 0 0 no-repeat;}
.govid3 .vidill:hover{background:transparent url(img/cook_m_v3.jpg) right 0 no-repeat;}
.govid p{margin:0; font-family: 'bariol_regularitalic'; padding-left:10px; width:275px;}
.govid p strong{font-family:'bariol_regularregular';}
.govids .govid:last-child{margin-right:0;}

.govid10 .vidill{background:transparent url(img/abbvie_m_v1.jpg) 0 0 no-repeat; height: 409px; width: 554px; }
.govid10 p{ width: auto; }
.govid10 .vidill:hover{background:transparent url(img/abbvie_m_v1.jpg) right 0 no-repeat; height: 409px; width: 554px; }

.govids_srp .govid4 .vidill{background:transparent url(img/srp_m_v1.jpg) 0 0 no-repeat;}
.govids_srp .govid4 .vidill:hover{background:transparent url(img/srp_m_v1.jpg) right 0 no-repeat;}
.govids_srp .govid5 .vidill{background:transparent url(img/srp_m_v2.jpg) 0 0 no-repeat;}
.govids_srp .govid5 .vidill:hover{background:transparent url(img/srp_m_v2.jpg) right 0 no-repeat;}
.govids_srp .govid6 .vidill{background:transparent url(img/srp_m_v3.jpg) 0 0 no-repeat;}
.govids_srp .govid6 .vidill:hover{background:transparent url(img/srp_m_v3.jpg) right 0 no-repeat;}

#flashBorder{background:#000000; border-radius:10px; margin-top:25px; margin-bottom:15px; padding:10px 90px;}
#flashlegend{margin-bottom:60px; font-family:'bariol_regularitalic';}
#reflet{position:absolute; width:410px; height:126px; margin-left:-90px; margin-top:-10px; background:transparent url("img/reflet.png") left top no-repeat;}

.ref_cont p.p_f_afer{margin-top:70px;}
.img_afer{margin-left:38px; margin-top:40px;}

@media screen and (min-width: 0px) and (max-width: 500px) {
	
.mobile_p10{ padding-left:10px; padding-right:10px; }
	
.ref_cont .govids{ display:none; }
	
.cssdesign{display:none;}

#blog{position:absolute; width:100%; left:0; margin-left:0;}
#blog a{margin-right:6px;}

#view_1 .flexslider{ position:absolute; width:100%; height:auto;   overflow:hidden; background:#c7e2dd; }
#view_1 .flexslider li div.slide_c{ width:100%; margin:0 auto; text-align:center; padding-top:150px; }

#view_1 .flexslider li div#slide_c_0.slide_c{ background:url(img/hp/bg_mob_0.jpg) center top no-repeat; }
#view_1 .flexslider li div#slide_c_1.slide_c{ background:url(img/hp/bg_mob_1.jpg) center top no-repeat; }
#view_1 .flexslider li div#slide_c_2.slide_c{ background:url(img/hp/bg_mob_2.jpg) center top no-repeat; }
#view_1 .flexslider li div#slide_c_3.slide_c{ background:url(img/hp/bg_mob_3.jpg) center top no-repeat; }

#view_1 .flexslider li div.slide_c h2{ z-index:1010; font-size:24px; line-height:28px;  color:#cb1a3b;  background:none;  text-align:center; padding-top:0px; padding-bottom:10px!important; font-weight:700; }
#view_1 .flexslider li div.slide_c img{ display:none; } 
#view_1 .flexslider li div.slide_c p{ color:#cb1a3b; font-size:14px; line-height:17px; padding-bottom:16px; }
.ma_btn{ font-size:18px; line-height:21px; margin-bottom:20px; }

.flex-direction-nav .flex-next{ right:2% !important; }
.flex-direction-nav .flex-prev{ left:2% !important; }

a.logo_nav {position:relative;}
a.logo_nav img {display:block; margin:auto;}

#nav, #nav.on, nav, nav.on{position:relative;}
.nav_content {display:none; position:absolute; width:100%; height:auto; font-size:18px; background:#ffffff; border-bottom:solid 1px #c9c9c9; box-shadow:0 4px 2px -2px #cbcac7;}
footer .nav_content {display:block; box-shadow:none; position:relative;}
.nav_content a {display:block; width:100%; margin:auto; text-align:center; height:49px; line-height:49px; color:#625a5a; border-top:solid 1px #c9c9c9; background-color:#f5f5f5;}
#mobile_menu{width:50px; height:130px; position:absolute; right:0; top:0px;}
#mobile_menu_c{position:absolute; right:6px; top:55px; width:33px; height:33px; background:transparent url("img/mobile_menu.gif") left top no-repeat; cursor:pointer;}
#mobile_menu_c.on{background:transparent url("img/mobile_menu.gif") left bottom no-repeat; }

h1 {color:#625c5c; font-size:24px; line-height:27px; margin: 20px auto; width:100%; background:0;}
h2 {font-size:24px; line-height:27px; width:100%; margin: 30px auto; background:0;}
.view_bgb h2{background:0;}
#view_3 h2{margin-top:30px;}
h2:before, h2:after{position:absolute; width:71px; height:1px; content: " "; left:15px; margin-top: 12px;}
h2:after {right:15px; left:auto;}

#frame{width:100%; /*max-width:340px;*/ position:relative; margin:auto; left: 0;}
.view, section {width:100%; height:auto; font-size:14px; line-height:17px;}
.view_content {width:100%; max-width:340px; height:auto;}	
#view_1 {padding:0; /*background:#C7E2DD;*/ height:300px; }
#view_1 .view_content {position:relative; color:#625c5c; margin:auto; height:auto; margin-bottom:20px;}
#view_1 img{width:100%; height:auto; left:0; margin:auto; position:relative;}
#view_1 h1{color:#625c5c;}
/*
#view_1 h1:before, #view_1 h1:after{width:10px; border-top:1px solid #d0d0d0;}
#view_1 h1:after {right:15px; left:auto;}
*/
#view_2{display:none;}

#view_3{height:auto; border-bottom:solid 1px #a4958f; background: url("img/bg_view3_mobile.jpg") repeat left top transparent;}

#view_3 h2:before, #view_3 h2:after{width:75px;border-top:1px solid #93827b;}

#view_4{display:none;}
#view_9{display:none;}

#exp_area {height:auto; max-width:340px; margin:auto;}
#exp_area div {width:99px; height:58px; padding-top:90px; font-size:14px; line-height:17px;}
#exp_area div.on{font-weight:700; cursor:default;}
#exp_area div#exp_1{ background: transparent url(img/expertise/exp_1_mobile.png) center top no-repeat;}
#exp_area div#exp_2{ background: transparent url(img/expertise/exp_2_mobile.png) center top no-repeat;}
#exp_area div#exp_3{ background: transparent url(img/expertise/exp_3_mobile.png) center top no-repeat;}
#exp_area div#exp_4{ background: transparent url(img/expertise/exp_4_mobile.png) center top no-repeat;}
#exp_area div#exp_5{ background: transparent url(img/expertise/exp_5_mobile.png) center top no-repeat;}
#exp_area div#exp_6{ background: transparent url(img/expertise/exp_6_mobile.png) center top no-repeat;}
#exp_area div#exp_1.on{ background-image:url(img/expertise/exp_1_on.png); background:none;}
#exp_area div#exp_2.on{  background: transparent url(img/expertise/exp_2_mobile.png) center top no-repeat;}
#exp_area div#exp_3.on{ background-image:url(img/expertise/exp_3_on.png); background:none;}
#exp_area div#exp_4.on{ background-image:url(img/expertise/exp_4_on.png); background:none;}
#exp_area div#exp_5.on{ background-image:url(img/expertise/exp_5_on.png); background:none;}
#exp_area div#exp_6.on{ background-image:url(img/expertise/exp_6_on.png); background:none;}

#view_5 {height:645px; background: url("img/bg_view5_mobile.jpg") repeat left top #302C2B;}
#view_5 h2 {margin-bottom:20px;}
#view_5 h2:before, #view_5 h2:after{width:80px;border-top:1px solid #868a89;}

.value {float:none; margin-left:-20px; width:107%; clear:both;}
.value strong{margin-bottom:10px;}
.value img{display:block; float:left; width:140px; height:auto; margin:0;}
.value div {float:left; width:190px; margin-left:-10px; margin-bottom:13px; padding-left:0; font-size:14px; line-height:17px;}

#view_6 {height:492px; border-bottom:solid 1px #e7e7e7;}
#view_6 h2:before, #view_6 h2:after{width:60px; border-top:1px solid #e7e7e7;}

.chiffre {width:50%;margin:0; margin-bottom:25px;}
.chiffre img {margin: auto;}

#view_7{display:none;}

#view_8 {height:222px; padding-bottom:0;}

#bottom, footer{padding-bottom:10px; text-align:center; background:#F5F5F5; position:relative}
#bottom_line {height: 50px; height:auto; margin-top: 25px;}
#follow{position:relative;}
#follow img#follow_title{margin:auto;}
.share{margin:0 5px; margin-top:10px; margin-bottom:15px; float:none; display:inline-block;}
#a_fb {margin-left:0;}
#bottom_line .view_content span {float:none; display:block; clear:both; text-align:center; font-size:11px;}
#bottom_line .view_content {line-height:17px;}
.ml_300{display:block;}

.projet, #showreel {width:100%; width:99%; display:block; margin:0; margin-left:1px; border-top:solid 1px #d9d6d6; float:none; position:relative; height:auto; cursor:default; padding-bottom:20px;}
.projet.bis{background-color:#f2f2f2; border:solid 1px #d9d6d6; border-bottom:0;}
.projet.last{border-bottom:solid 1px #d9d6d6;}
.projet h3, .pastille h3 {margin-top:0;}
.projet_toggle{position:relative; width:100%; height:auto; display:none;}
.toggle_btn{width:23px; height:23px; margin: 20px auto; margin-bottom:0; background:transparent url("img/toggle_btn.png") left top no-repeat; cursor:pointer;}
.toggle_btn.on{background:transparent url("img/toggle_btn.png") left bottom no-repeat;}

.direction{display:none!important;}

#pave_contact h3{display:none;}
#pave_contact,#pave_contact_alt, #pave_contact.hover {background:0;}
#pave_contact_1, #pave_contact_0{display:none;}
#contact {margin-top:-131px;}

#frame.references {padding-bottom:0;}
.references .col2{float:none; width:94%; height:100%; padding:0 3%;}
#ref_slide{display:none;}

.ref_cont{width:100%; text-align:left;}
.ref_cont h1{font-size:20px; line-height:20px; width:auto;}
 .projet.bis .ref_cont h1{background:#F2F2F2;}
.ref_cont p{font-size:14px; line-height:17px; padding-bottom:23px; margin-bottom:0;}
.ref_cont p.first{padding-top:40px;}
.ref_cont ul{padding-bottom:30px;}
.cles .col2{width:100%;}
.ref_cont p.first{margin-top:35px;}
.ref_cont .cles .col2 p{padding:10px; margin-bottom: 23px; padding: 20px 10px 10px; margin-bottom:9px; }

#red_title.view, section#red_title {background:#CC1A3C; margin-top:0; padding:30px 0; position:relative; height:auto;}
#red_title.view h1, section#red_title h1{color:#ffffff;}
.madmin #red_title h4{width: 300px;}
/*.solutions #content {margin-top:0; background: url("img/bg_solutions_mobile.jpg") repeat-x scroll center top transparent;}*/
/*.solutions #cont {padding:0 3%; padding-top:30px; width:94%;}*/
.solutions h2 {font-size:24px; line-height:24px; background:0;}
.solutions .part3 h2 {font-size:24px; line-height:24px; background:none;}
.solutions h2.bis{background:0;}
.solutions .part3 h2:before, .solutions .part3 h2:after{width:40px; border-top:1px solid #a2b7b2;}
.solutions .part3 h4{width:90%; }
.solutions .part3 .part_bot img{ width:100%; height:auto; }

.solutions h3 {font-size:16px; line-height:19px; margin:20px 0;}
.solutions h4{font-size:14px; line-height:17px; margin-bottom:30px;}
.solutions p {font-size:14px; line-height:17px; margin-bottom:20px; width:100%;}
.solutions .icone p {margin-bottom:0;}
.solutions .left {float:none; width:100%;}

.solutions .part1{margin-top:0}
.solutions .part1, .solutions .part2{background: url("img/bg_solutions_p1_mobile.jpg") no-repeat scroll center top transparent; height:1293px; width:100%;}
.solutions .part2, .madmin .solutions .part2 {background: url("img/bg_solutions_p2_mobile.jpg") no-repeat center top transparent; height:1220px;}
.madmin .solutions .part2, .madgames .solutions .part1 {height:auto;}
.madgames .solutions .part1 .part_c, .solutions .part1 .part_c{background:none;}
.madgames .solutions .part1 {padding-top:30px;}
.solutions .part_c {width:100%;}
.solutions .col p {font-size:14px;}
.solutions .col p.title {font-size:16px; margin-bottom:15px;}
.solutions .part1 .col li {font-size:14px; padding-bottom:5px; background: url("img/etoile.png") no-repeat scroll left 0 transparent;}
.solutions .part1 .col{float:none; margin-right:0; margin-left:20px; margin-bottom:20px; width:100%;}
.solutions .part1 .col.first{margin-bottom:20px;}
.solutions .part_bot a.ma_btn{display:none;}
.solutions .part4 .part_bot a.ma_btn{display:block; margin:auto; width:100px;}
.solutions .part4 h2:before, .solutions .part4 h2:after{border-top:solid 1px #a4e2e7;}
.solutions .part4 h2{background:0;}
.solutions .part4 .part_bot a.ma_btn{margin-top:0;}

.solutions .part1, .madgames .solutions .part1{background:#93d7d8; height:1250px;}
#MADGAMES h2{padding-top:30px; width:92%; margin-right:auto; margin-left:auto;}
#MADGAMES h2:after{bottom:11px;width:100%; right:auto}
#MADGAMES h2:before{display:none}
#MADGAMES h3{text-align:center; font-size:20px; line-height:20px; margin-top:20px; margin-bottom:15px;}
#MADGAMES h4{width:92%; margin:auto; margin-bottom:5px; font-size:16px; line-height:19px}
#MADGAMES h4:before{width:6px; height:6px;}
#MADGAMES p{font-size:14px; line-height:17px; margin:auto; margin-bottom:25px; width:92%;}
#salon{width:300px; height:130px; background:#b2e4e5 url(img/e-marketing.png) center 21px no-repeat; margin:auto; margin-top:37px; text-align:center;}
#salon p{font-size:14px; line-height:17px; padding-left:0; padding-top:60px; width:265px; margin:auto;}
#MADGAMES p.likeli{font-size:14px; line-height:17px; width:92%; margin:auto; margin-bottom:20px;}
#MADGAMES p.likeli:last-of-type{margin-bottom:27px}
.btnoptin{font-size:20px}
#salon{margin-top:30px}
#mg_ico{width:94%; height:369px; margin:auto; margin-top:30px;}
#mg_ico .col{width:50%; height:160px; text-align:center; margin:0; float:left;}
#mg_ico .col.first{margin-left:0}
/*#mg_ico .col.second{width:135px;}*/
.solutions .part_bot {position:relative; width:100%; margin-top:0; padding-top:0; border-top:solid 1px #717275; text-align:center;}
.madmin .solutions .part_bot, .madgames .solutions .part_bot {padding-bottom:20px;}
.solutions .part2 .col {width:140px; height:290px; float:left; margin:0; margin-left:15px; text-align:left;}
.solutions .part2 .col.smaller {height:260px;}
.solutions .part3 .part_bot{border:none; margin-top:20px;}
.solutions .part3{padding-top:0; background:#147794; height:1050px;}

.left li {font-size:14px; line-height:17px; width:100%;}
#eip{width:100%;}
#prebottom {height:185px;}
#prebottom p {font-size:18px;}
#prebottom p.remi {margin-bottom:28px; margin-top:38px;}
#prebottom p.remi {margin-bottom:18px; margin-top:28px;}

.contact #content {background: url("img/bg_page_contact_mobile.jpg") no-repeat scroll left top transparent; margin-top:0; height:auto; padding-top:23px;}
#map_mobile{width:85%; margin:auto; cursor:pointer; border:solid 1px #d6dcdc; box-shadow:-10px -10px #ffffff, 10px 10px #ffffff, 10px -10px #ffffff, -10px 10px #ffffff;}
#map_mobile img{width:100%; height:auto;}
#map_mobile a{text-decoration:none; color:#ffffff;}
#map_mobile_cont{position:absolute; width:250px; left:50%; margin-left:-125px; text-align:center; color:#CB1A3B; font-family:'PT Sans Narrow', sans-serif; font-size:21px; line-height:24px;}
#map_mobile_cont strong{display:block; margin:15px 0;}
#map_mobile_cont div{width:130px; height:32px; font-size:18px; line-height:32px; text-align:center; font-style:italic; color:#ffffff; background:#CB1A3B; border-radius:3px; margin:auto; margin-top:20px}
.contact #content .lien{width:92%; height:50px; margin:auto; cursor:pointer; font-family:'PT Sans Narrow', sans-serif; font-size:20px; line-height:50px; color:#ffffff; background: url("img/lien_mobile.png") no-repeat right center transparent;}
.contact #content .lien.first{margin-top:25px; border-bottom:solid 1px #616161; }
.contact #content .lien a{ color:#ffffff; text-decoration:none; }

#mentions_content{position:relative; padding:30px 5%; width:90%; border-top:solid 1px #d9d6d6;}
#mentions_content hr{display:none;}
#mentions_content .not_a_link a{text-decoration:none; color:#444444;}

#mentions .content{padding-top:40px; width:92%; margin:0 4%;}

#showreel_300{margin-bottom:20px;}
.totop{background:#ffffff; padding-bottom:12px; height:35px; text-align:right; font-size:13px; font-family:'PT Sans', sans-serif; font-style:italic;}
.totop a{display:block; float:right; width:37px; height:35px; margin-right:26px; padding-right:18px; background:#ffffff url(img/pa-lahaut.png) right top no-repeat; text-decoration:none; color:#625c5c; line-height:37px;}

.ref_cont ul{margin-top:50px !important;}
}

.mobile #showreel.showItBis{width:35px; height:84px; padding-left:5px; border-width: 3px 3px 3px 0; background:#eeeeee; margin-top:10px; font-size:14px; font-family:'PT Sans Narrow', sans-serif; font-weight:bold;}
.mobile #showreel.showItBis a{display:block; color:#625c5c; text-indent:-84px; text-decoration:none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); z-index:999999;}
/* .ref_cont ul.v2, .ref_cont ul.v3, .ref_cont ul.v4, .ref_cont ul.v5{margin-top:50px;}*/
.ref_cont {margin: auto auto 0;}
#follow{margin-top:-20px;}

@media screen and (min-width: 0px) and (max-width: 500px) and (orientation:landscape){
#frame, .view_content {max-width:480px;}
#view_5 .view_content {max-width:320px; margin:auto;}
}

.baseline{color: #625C5C;
    font-size: 13px;
    left: 50%;
    line-height: 16px;
    margin-left: 344px;
    margin-top: 465px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;font-family:'PT Sans'; font-weight:700; z-index:9989; }
	
.cssdesign{ position:absolute; left:0px; top:165px; background:url(img/css-design-awards-nominee-white-left.png) left top no-repeat; width:68px; height:95px; z-index: 9989; display:inline-block; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#a_fb{margin-left:4px;}
}
.partenaire{color:#cb1a48}
.partenaire:hover{text-decoration:none}



h2 span{
	background:#fff; padding-left:50px; padding-right:50px;
}
h2{ clear:both; }
.press_item{ clear:both; text-align:left; padding-top:20px; }
.press_item img{ float:left; width:290px; height:213px; margin-right:50px; border:solid 1px #dee0e2; padding:4px; margin-bottom:20px; }
.view_bgb p{ color:#625c5c;  font-family: "bariol_regularregular"; font-size:16px; line-height:1.2; margin-bottom:28px; }
.press_item h3{ text-align:left; font-style: italic;   font-weight: 700; font-size:24px; line-height:1.2; text-transform:none; margin-top:0px; margin-bottom:28px; }
.content_presse .view_content{ margin-top:177px; margin-bottom:120px; min-height:250px; }

#bottom_line{ min-height:55px; }
#bottom_line .view_content{ font-size:12px; /*line-height:55px; */ }
#newsletter_area_frame{overflow:hidden; position:absolute; left:50%; width:214px; margin-left:-150px; height:50px; line-height:50px; vertical-align:top; border:0; font-family: "bariol_regularregular"; font-size:13px; color:#cacaca; }
#newsletter_area_frame a{ color:#625c5c; text-decoration:none; font-style:italic; margin-left:4px; margin-right:4px;  }
#newsletter_area_frame a:hover{ text-decoration:underline; }
#newsletter_area_frame strong{ text-transform:uppercase; color:#625c5c; }

#rs .share{ float:none; display:inline-block; }

#popupPlayer.popup.newsletter_popup{ width:520px;  background:#fff; }
#popupPlayer.popup.newsletter_popup .content{ background:#fff; height:118px; border:solid 1px #625c5c; margin:6px; width:auto; text-align:center; padding:50px; font-family:'bariol_regularregular'; font-size:18px; line-height:22px;  }
#popupPlayer.popup.newsletter_popup .close{ position:absolute; float:none; right:10px; top:10px; background: rgba(0, 0, 0, 0) url("img/close_2.gif") no-repeat scroll center center;  }
#popupPlayer.popup.newsletter_popup .content h2{ width:auto; color:#625c5c; font-size:22px; margin:0 auto; line-height:25px;  }
#popupPlayer.popup.newsletter_popup .content #newsletter_area_frame{ margin-top:50px; }

.newsletter_area{ color: #625c5c; font-family: "bariol_regularregular"; font-size:14px; vertical-align:top; /*height: 51px;*/ }
.newsletter_area input{ border:solid 1px #b2afaf; border-radius:3px; width:170px; padding:6px; vertical-align:middle; font-size:14px; font-family: "bariol_regularregular"; }
.newsletter_area label{ font-family: "PT Sans Narrow",sans-serif; font-weight:700; font-size:16px; line-height:1; text-transform:uppercase; margin-right:4px; vertical-align:middle; }
.newsletter_area button{ font-family: "PT Sans Narrow",sans-serif; font-weight:700;  line-height:1; margin-left:-29px; width:20px; height:20px; text-align:center; background:none; border:none; vertical-align:middle; cursor:pointer; font-style:normal; font-size:16px; color:#625c5c;  }
.newsletter_area button:hover{  color:#000000; }
.newsletter_area input.tip{  font-family: 'bariol_regularitalic'; color:#625c5c; }
.newsletter_area.invalid input{ background:#cb1a3b; color:#fff; }
.newsletter_area.invalid button{ color:#fff; }
.newsletter_area.valid{ font-weight:700; color:#093; }


@media screen and (min-width: 0px) and (max-width: 500px) {
	.content_presse .view_content{ margin-top:0px; margin-bottom:0px; }
	h2 span{
		padding-left:0px; padding-right:0px;
	}
	h2{ padding-left:10px; padding-right:10px;width:100%; box-sizing:border-box;  }
	.press_item{ text-align:center; padding:10px; padding-top:20px; box-sizing:border-box; border-bottom:solid 1px #dbd8d8; }
	.press_item img{ float:none; margin:0 auto; width:100%; height:auto; margin-bottom:25px; box-sizing:border-box; }
	.press_item h3{ font-size:20px; text-align:left; margin-bottom:20px; }
	.press_item p{ text-align:left; }
	
	#newsletter_area_frame{
		left: auto;
    margin: 0 auto 10px;
    position: relative;
    display:block;
    text-align: center;
	
	}
	
	
	
	.newsletter_area {
   	text-align: center;
	height:33px;
	line-height:100%;
	
	}
	.newsletter_area.valid{ line-height:100%; }
	
	#popupPlayer.popup.newsletter_popup .content h2{ font-size:20px; line-height:23px; }
	#popupPlayer.popup.newsletter_popup .content{ padding:15px; font-size:14px; }
	#popupPlayer.popup.newsletter_popup .content #newsletter_area_frame{ margin-top:10px;  }
	#newsletter_area_frame{ width:260px; }
}



.hide_label .newsletter_area label{ display:none; }
.hide_label .newsletter_area input{box-sizing: border-box; width:98%; }