html { overflow:auto; overflow-x:hidden; overflow-y: hidden; behavior: ('css/csshover3.htc'); }
body{font-family:Arial;overflow:auto; overflow-x:hidden; overflow-y: hidden; behavior: ('css/csshover3.htc');}
#general{position:absolute;top:0;left:0;width:100%;height:100%;margin: auto;color: #333;z-index:1;}
#general2{position:absolute;top:0;left:0;width:100%;height:100%;margin: auto;color: #333;z-index:10;display:block}

#container{width:824px;height:100%;float:left;margin-left:200px;}
#containeraaa{width:824px;height:100%;float:left;margin-left:200px;}
#container_full{background:#FFF;height:100%;width:100%;position:absolute;top:0;right:2000px;z-index:3;}

.border{position:absolute; width:2px; height:100%;top:0;left:200px; background:url(../img/border.png) repeat-y;z-index:15;}
.borderight{position:absolute; width:2px; height:100%;top:0; left:1024px; background:url(../img/border.png) repeat-y;z-index:2;}

/* Sidebar */
#sidebar{border: 0px solid red; position:absolute;top:0;left:0;background-color:#FFF;width:200px;height:100%;z-index:5;display:block; }

 
#sidebar #logo p{font-family:georgia;text-align:center; height:12px; border: 0px solid red;}
#sidebar #logo .black{color:#2f2f2f;font-size:12px;margin-bottom:5px;}
#sidebar #logo .grey{color:#909090;font-size:13px;}
#sidebar #logo .contact{background:url(../img/contact.png) no-repeat; width:110px; height:30px; margin: 9px 0 13px 47px;}
#sidebar #logo .contact:hover{background:url(../img/contact_over.png) no-repeat;}
#sidebar #logo .contact a{width:110px;height:30px;display:block; }
#sidebar #logo a img.logo{margin:17px 0 11px 47px;border:none;width:111px;height:80px;}

#sidebar #btn{ border: 0px solid red; margin-left:12px; text-align:center; height:180px; padding: 0; position: absolute; top: 190px; z-index: 2; }
*+html #sidebar #btn { margin-left: 4px; } /* HACK IE7 */
#sidebar #btn ul { border: 0px solid blue; padding: 0; margin: 0; }
#sidebar #btn ul li{ border: 0px solid red; list-style-type: none; display: block; padding: 0; margin: 0; width: 175px; height: 25px;  }
#sidebar #btn ul li a.btn{border: 0px solid #0F0; font-family: arial; font-size:9px; font-weight: normal; color:#878787; text-decoration:none; text-align: center; width:175px; height: 25px; line-height: 25px; display:block; margin: 0; padding: 0; }
#sidebar #btn ul li a.btn:hover{border: 0px solid red; color:#222; font-weight: normal; }
#sidebar #btn_hover{ border: 0px solid #00F; margin-left:12px;height:180px;width:175px; position: absolute; top: 190px; z-index: 1; }
#sidebar #btn_hover img{display:none;}

#sidebar .social { position: absolute; top: 380px; border: 0px solid red; width: 100%; }

#sidebar .social #follow{ background:url(../img/follow.png) no-repeat; width:110px; height:26px; margin: 0 auto; padding-top:4px; }
#sidebar .social #follow .twitter{background:url(../img/btn_tw.png) no-repeat; width:16px; height:16px; margin-left:69px; float:left;}
#sidebar .social #follow .twitter:hover{background:url(../img/btn_tw_normal.png)}
#sidebar .social #follow .facebook{background:url(../img/btn_fb_grey.png) no-repeat; width:16px; height:16px; margin-left:2px; float:left;}
#sidebar .social #follow .facebook:hover{background:url(../img/btn_fb.png)}
#sidebar .social #follow .facebook a,#follow .twitter a{width:16px;height:16px;display:block;}
#sidebar .social #follow .facebook em {background: url(../img/btn_facebook.png) no-repeat;width: 80px;height: 25px;position: absolute;top: -20px;left: 54px;text-align: center;z-index: 2;display: none;}
#sidebar .social #follow .twitter em {background: url(../img/btn_twitter.png) no-repeat;width: 80px;height: 25px;position: absolute;top: -20px;left: 36px;text-align: center;z-index: 2;display: none;}

#sidebar .social #follow2{ background:url(../img/follow3.png) no-repeat; width:93px; height:26px; margin: 0 auto; padding-top:4px; }
#sidebar .social #follow2 .twitter{background:url(../img/btn_tw.png) no-repeat; width:16px; height:16px; margin-left:52px; float:left;}
#sidebar .social #follow2 .twitter:hover{background:url(../img/btn_tw_normal.png)}
#sidebar .social #follow2 .facebook{background:url(../img/btn_fb_grey.png) no-repeat; width:16px; height:16px; margin-left:2px; float:left;}
#sidebar .social #follow2 .facebook:hover{background:url(../img/btn_fb.png)}
#sidebar .social #follow2 .facebook a,#follow2 .twitter a{width:16px;height:16px;display:block;}
#sidebar .social #follow2 .facebook em {background: url(../img/btn_facebook.png) no-repeat;width: 80px;height: 25px;position: absolute;top: -20px;left: 54px;text-align: center;z-index: 2;display: none;}
#sidebar .social #follow2 .twitter em {background: url(../img/btn_twitter.png) no-repeat;width: 80px;height: 25px;position: absolute;top: -20px;left: 36px;text-align: center;z-index: 2;display: none;}

#sidebar .social #partageFB{ width:160px; margin: 0 auto; height:26px;text-align:center; margin-top:10px; margin-left:37px; }
#sidebar .social #partage { background:url(../img/partage.png) no-repeat; width:60px; height:26px; margin: 0 auto; }
#sidebar .social #partage a{width:70px;height:26px;display:block;text-indent:-900px;overflow:hidden;}

#sidebar .social .st_sharethis_button { margin: 0 auto; width: 80px; display: block; padding: 0;  }
#sidebar .social .twitter-share-button { margin: 0 auto; width: 45px; display: block; padding: 0;  }

/* Sidebar_right */
#sidebar_right{height:100%;overflow:hidden;}
#sidebar_rightbis{position:relative;height:100%;overflow:hidden;}
#sidebar_rightbis .sideright{position:fixed;bottom:0;}
#sidebar_right2{position:absolute;bottom:-300px;right:-300px;z-index:4;}

/* Content */
/*#content{position:absolute;top:0; left:0px;height:100%;width:100%;top:0;display:block;padding-left:100px;margin-right:-200px;} */
#backCenter{height:100%;width:824px;}
.background{width:100%;height:100%;}   
#content{position:absolute; top:0;height:100%;width:850px; overflow:auto;padding:3px 0 0 5px;z-index:5;overflow-y:hidden;}




#content2{position:absolute; top:0px;height:100%;width:836px; overflow:hidden;display:block;}
.home{display: block;}
.FB_home{position:absolute;top:0px;width:258px;background:#FFF;left:1038px;z-index:999;top:10px;border:1px #b1b1b1 solid;}
#content_home{position:absolute;top:0;left:175px;}
#target{position:absolute; top:60px;left:0px; width:823px; height:470px;overflow: hidden;}
/*.img_parallax{width:1090px; height:600px;padding:55px 0 0 115px;z-index:800;}*/
.img_home1{position:absolute;top:52px;left:468px;width:237px; height:303px;z-index:900;/*display:none;*/} 
.img_home1 img{position:absolute;top:0px;left:0px;width:237px; height:303px;}
.img_home2{position:absolute;top:96px;left:196px;width:358px; height:311px;z-index:900;/*display:none;*/}
.img_home2 img{position:absolute;top:0px;left:0px;width:358px; height:311px;}
.img_home3{position:absolute;top:245px;left:449px;width:61px; height:94px;z-index:900;/*display:none;*/}
.img_home3 img{position:absolute;top:0px;left:0px;width:61px; height:94px;}
.img_home4{position:absolute;top:335px;left:449px;width:240px; height:65px;z-index:900;/*display:none;*/}
.img_home4 img{position:absolute;top:0px;left:0px;width:240px; height:65px;}
.img_home5{position:absolute;top:72px;left:110px;width:235px; height:313px;z-index:900;/*display:none;*/}
.img_home5 img{position:absolute;top:0px;left:0px;width:235px; height:313px;}
#productHome{position:absolute;top:455px;left:205px;font-size:10px;text-transform:uppercase;color:#9a9a9a; z-index: 100; }
#productHome:hover{cursor: pointer ;}
.top_bloc2{float:left;margin:0 4px 0 4px;padding:4px 9px 5px 17px;text-align:center;list-style:none;border-left:solid 1px #d4d4d4;}
.top_bloc2_last{float:left;margin:0 4px 0 4px;padding:4px 0px 5px 17px;text-align:center;list-style:none;border-left:solid 1px #d4d4d4;}
.first{border-left:none;}


/* Partenaires */ 
#content_partenaires{float:left;width:807px;height:100%;margin:10px 0 0 12px; overflow:auto; overflow-x:hidden; }
#content_partenaires #annonceurs { margin: 0 0 20px 1px; }
#content_partenaires #agences {margin : 0 0 0 1px; }
#content_partenaires #annonceurs .logo,
#content_partenaires #agences .logo { float: left; border:1px solid #d8d8d8; display: none; width: 98px; height: 93px; margin: 0 0 -1px -1px; }
#content_partenaires h1{ clear: left; color: #9e9e9e; font-size: 21px; padding: 10px 0 10px 5px; }


/* Etudes de cas home */
.bloc_etudes{background:#FFF;width:198px;height:162px;float:left;margin:2px;border:1px solid #b9b9b9;display:none;}
/* A effacer quand toutes les animations seront faites*/
#bloc_etudes2{background:#b2b2b2;width:198px;height:232px;float:left;margin:2px;border:1px solid #b2b2b2;display:none;}
#bloc_etudes2:hover{background:#00ccff;}
/* jusqu'ici*/
.bloc_etudesbis{background:#CCC;width:198px;height:162px;float:left;z-index:10;}
.bloc_etudesbis:hover{background:#00ccff}
.boxgrid{overflow: hidden; position: relative; }
.boxgrid .bloc_etudesbis{ position: absolute; top: 0; left: 0; border: 0; }

.etudes_title{width:175px;height:30px;padding:15px 0 0 15px;font-size:18px;color:#00ccff;font-weight:bold;}
.etudes_screen{width:175px;height:75px;margin-left:15px;}
.etudes_screen img{height:80px;}
.etudes_voir2{background:#00ccff;width:62px;height:16px; line-height: 16px; margin:15px; display: block; text-align: center; cursor:pointer; padding: 3px; }
.etudes_voir2:hover{background:#444; cursor: pointer; }
.etudes_voir2 a{font-size:11px; line-height: 16px; display: block; color:#FFF;text-decoration:none;cursor: pointer; display: block; }


.etudes_title2{float:left;width:186px;height:125px;margin:10px 0 0 10px;font-size:22px;color:#FFF;text-transform:uppercase;line-height:26px;letter-spacing:-1px;}
.etudes_title3{float:left;width:186px;height:170px;margin:10px 0 0 10px;font-size:22px;color:#FFF;text-transform:uppercase;line-height:26px;letter-spacing:-1px;}
.etudes_type{float:left;width:180px;height:30px;margin-left:13px;line-height:16px;font-size:12px;color:#FFF;}
.vignette{width:100%;height:100%;position:absolute;top:0;left:0;display:block;cursor:pointer}

/* Etudes de cas */
.content_etude{position:relative;width:750px;height:455px;margin-left:30px;margin-top:20px;}
.content_etudes{width:299px;float:left;}
.etudes_titre{font-size:26px;color:#626262;width:280px;height:80px;margin-top:5px;letter-spacing:-0.5px; margin-bottom:15px;}
.etudes_titre p{line-height:30px;}
.etudes_titre strong{letter-spacing:-1px;}
.etudes_voir3 {background:#00ccff;width:88px;height:16px; letter-spacing:0px; text-align: center; padding: 3px;margin-top:3px;}
.etudes_voir3:hover{background:#444;}
.etudes_voir3 a{font-size:11px;color:#FFF;text-decoration:none; line-height: 16px; display: block; }

.etudes_voir4 {float:left;background:#00ccff;width:98px;height:16px; letter-spacing:0px; text-align: center; padding: 3px 0px;margin-top:3px;margin-right:2px;}
.etudes_voir4:hover{background:#444;}
.etudes_voir4 a{font-size:11px;color:#FFF;text-decoration:none; line-height: 16px; display: block; }

.etudes_voir5 {float:left;background:#00ccff;width:158px;height:16px; letter-spacing:0px; text-align: center; padding: 3px 0px;margin-top:3px;margin-right:2px;} 
.etudes_voir5:hover{background:#444;}
.etudes_voir5 a{font-size:11px;color:#FFF;text-decoration:none; line-height: 16px; display: block; }

.etudes_stats_bloc{width:292px;height:70px;margin:25px 0 5px;}
.etudes_stats{background-color:#FFF;border:1px solid #e7e7e7;width:95px;height:50px;text-align:center;float:left;padding-top:10px;}
.etudes_stats span{font-size:24px;color:#00ccff;letter-spacing:-1px;}
.etudes_stats p{font-size:12px;color:#444;font-weight:bold;text-align:center;margin-top:1px;}
.etudes_texte{font-size:11px;color:#515151;width:330px;height:150px;line-height:15px;}
.etudes_texte a{color:#515151;}
.etudes_visu{width:400px;float:left;margin-top:20px;margin-left:50px;}
.etudes_visu img{width:400px;}
#etudes_scrollbar{width:750px;height:100px;margin-left:30px;}
.btn_gauche{float:left;width:21px;border:1px solid #999;height:100%;margin: 3px 4px 0 0;background:#FFF;}
.item{float:left;width:20px;border:1px solid #999;height:100%;width:162px;margin-right:4px;padding:7px 0 0 7px;font-size:14px;background:#FFF;color:#666666;}
.item:hover{background:#EEE;}
.btn_droite{float:left;width:21px;border:1px solid #999;height:100%;margin: 3px 0 0 0;background:#FFF;}
.btn_gauche:hover,.btn_droite:hover{background:#00ccff;}
.btn_acces{background:#00ccff;padding:3px 4px;font-size:11px;width:56px;margin-top:10px;}
.btn_acces a{color:#fff;text-decoration:none;}

/* Carousel */
#carousel_container{ position: absolute; margin-left: 7px; }
#carousel_container #carousel_inner { position: relative; float: left; height: 100%; width: 744px; overflow: hidden; background: #F0F0F0; }
#carousel_container #carousel_inner #carousel_ul {position: relative; left: -186px; list-style-type: none; margin: 0px;padding: 0px;width:9999px;}
#carousel_container #carousel_inner #carousel_ul li{background:#FFF;border:solid 1px #CCC;float: left; width:180px;padding:0px;height:90px;margin:0 2px; }
#carousel_container #carousel_inner #carousel_ul li:hover{background:#EEE;border:solid 1px #AAA;}
#carousel_container #carousel_inner #carousel_ul li .acces_carrousel{float:left;background:#00CCFF;font-size:11px;padding:3px 5px;margin-left:7px;}
#carousel_container #carousel_inner #carousel_ul li a{text-decoration:none;color:#FFF;}        
#carousel_container #carousel_inner #carousel_ul li p{color:#666666;font-family:Arial;font-size:14px;padding:7px 3px 23px 6px;line-height:18px;}
#carousel_container #carousel_inner #carousel_ul li img {margin-left:10px;cursor:pointer;cursor: pointer; border:0px; }
#carousel_container #left_scroll, #right_scroll{float:left; height:90px; width:20px; margin:0 4px;}
#carousel_container #left_scroll img, #right_scroll img{cursor: pointer;cursor: pointer;} 



/* Produit */
#top_menu{float:left;background:url(../img/top_bar.png) no-repeat;width:730px;height:35px;margin-top:15px;margin-left:40px;padding:1px 0 0 7px;font-size:13px;}
*+html #top_menu  { width: 735px; margin: 15px 0 0 40px; } /* HACK IE7*/
.top_bloc{float:left;margin:0 4px 0 4px;padding:4px 10px 5px 10px;text-align:center;list-style:none;}
.top_bloc:hover{background:#DDD;color:#FFF;}
.top_bloc a{font-size:13px;color:#686868;text-decoration:none;}
.selected{background:#00ccff;color:#fff;}
.selected a{color:#fff;}

.content_produit{width:730px;margin:30px 0 40px 45px; padding: 0;float:left}
.content_produit p{margin-bottom:5px;}
.produit_2, .produit_3, .produit_4, .produit_5{display:none;}
#produit_texte{width:425px;float:left;}
.titre_produit{font-size:26px;font-weight:bold;color:#525252;margin-bottom:8px;}
.texte_produit{font-size:12px;color:#7a7a7a;margin-bottom:25px;width:420px;line-height:17px;}
.exemple_produit{font-size:13px;color:#444;font-style:italic;font-family:Georgia;width:800px;}
.exemple_produit p{margin-bottom:8px;}
.exemple_produit img{float:left;margin-right:2px;border:0;}
#produit_image{margin-left:35px;width:240px;height:340px;float:left;}
.accroche_produit{float:left;width:100%;font-size:18px;font-family:Arial;line-height:22px;margin-bottom:10px;}


.lavaLampNoImage {background:url("top_bar.png") no-repeat;position: relative;height: 34px;width: 720px;padding: 0px 0 0 5px;margin: 0px 0;overflow: hidden;}
.lavaLampNoImage li {float: left;list-style: none;margin-right:14px;}
.lavaLampNoImage li.back {width: 9px;margin-top:4px;height: 22px;z-index: 8;position: absolute;}
.lavaLampNoImage li p{font:13px arial;text-decoration: none;font-family:arial;outline: none;text-align: center;top: 7px;letter-spacing: 0;z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden;margin: auto 8px;}
.lavaLampNoImage li p:hover{ border: none;}                    
.lavaLampNoImage li.current{}
.lavaLampTxtHover{color:#FFF}


/* Qui sommes-nous */
#content_qui{width:500px;margin:35px 0 40px 40px;}
.titre_qui{font-size:40px;font-weight:bold;color:#cacaca;letter-spacing:-2px;}
.accroche_qui{font-size:24px;font-weight:bold;color:#444;margin:10px 0 20px;line-height:28px;}
.texte_qui{font-size:12px;color:#4e4e4e;margin:10px 0 0;line-height:16px;}
.sous_accroche{font-size:16px;line-height:20px;padding-bottom:10px;}
.texte_qui p{margin-bottom:8px;}
#line1{position:absolute; top:0px;height:100%;margin-left:590px;overflow:hidden;display:block;} 

/* Vision */
#content_vision{width:600px;margin:70px 0 40px 40px;font-size:32px;color:#FFF;line-height:40px;letter-spacing:0px;z-index:5;overflow:hidden;}
#content_vision p{font-size:48px;font-weight:bold;color:#FFF;} 
#content_vision .note{font-size:16px;font-weight:normal;color:#FFF;padding-top:8px;letter-spacing:0px;}

/* Contact */ 
#content_contact{position:absolute;top:0;width:787px;height:100%;margin:0px 0 40px 0px;padding-left:40px;font-size:42px;color:#444;overflow:hidden;z-index:10;cursor:crosshair;}
#content_contact2{overflow:hidden;height:100%;z-index:0;}
#content_contact2 #the-box{position:absolute;top:370px;left:785px;width: 12px; height: 12px; background: none ;z-index:20;}
#content_contact2 #the-box a{display:block;height:100%;width:100%;text-indent:-999px}
#content_contact p{font-size:22px;font-weight:bold;color:#00ccff;letter-spacing:-0.5px;margin-top:0px; margin-bottom:5px;line-height:25px;}
#content_contact p a{color:#00ccff;}
#content_contact p span{font-size:22px;font-weight:bold;color:#444;letter-spacing:-0.5px;}
#content_contact .info{font-size:16px;margin-top:10px;color:#777;margin-bottom:40px;line-height:20px;}
#content_contact .title{font-size:42px;font-weight:bold;color:#444;letter-spacing:-0.5px;letter-spacing:-2px;padding:80px 0 10px 0;}
#follower { padding: 5px; position: absolute; display: block; top:0px;left:658px;font-size:12px;}
#tooltip { background: #00ccff; padding: 5px; border: 1px solid #ddd; position: absolute; display: none; top:0px;left:213px;font-size:11px;color:#FFF;} 
#content_contact .nofollowerarea2 { width: 650px; height: 61px;} 
#content_contact .nofollowerarea1 { width: 500px; margin-top: 20px;}

/* Galerie  */
#content_gallerie{width:770px;margin-left:25px;display:table;}
#content_gallerie .big{padding-top:10px;float:left;width:506px;height:356px;margin:2px;border:1px solid #cacaca;overflow:hidden;text-indent:-600px;font-size:22px; color:white;letter-spacing:-1px;}
#content_gallerie .large{padding-top:10px;float:left;width:506px;height:170px;margin:2px;border:1px solid #cacaca;overflow:hidden;text-indent:-600px;font-size:22px; color:white;letter-spacing:-1px;}
#content_gallerie .small{padding-top:10px;float:left;width:250px;height:170px;margin:2px;border:1px solid #cacaca;overflow:hidden;text-indent:-600px;font-size:22px; color:white;letter-spacing:-1px;}

#content_gallerie .d1{background:url(../img/gallerie1.jpg);}
#content_gallerie .d2{background:url(../img/gallerie2.jpg);}
#content_gallerie .d3{background:url(../img/gallerie3.jpg);}
#content_gallerie .d4{background:url(../img/gallerie4.jpg);}
#content_gallerie .d5{background:url(../img/gallerie5.jpg);}
#content_gallerie .d6{background:url(../img/gallerie6.jpg);}
#content_gallerie .d7{background:url(../img/gallerie7.jpg);}
#content_gallerie .d8{background:url(../img/gallerie8.jpg);}

/*#content_gallerie .big:hover, #content_gallerie .large:hover, #content_gallerie .small:hover{background:#00ccff;text-indent:10px;}*/

/* GRILLE */

/*
.lineGrid { background-color: red;}
#grid_container { background-color: red;}

#grid_container .left_big    { width:511px;float:left; margin-right: 0px; background-color:transparent;}
#grid_container .left_small  { width:252px;float:left; margin-right: 0px; background-color:transparent;}
#grid_container .right_small { width:252px;float:left; background-color:transparent; }
#grid_container .right_big   { width:511px;float:left; background-color:transparent;}

.pattern_1{ float:left; background-color:transparent; margin-top: -6px;}
.pattern_2{ float:left; background-color:transparent; margin-top: -6px;}
.pattern_4{ float:left; background-color:transparent; margin-top: -6px;}
.pattern_4 img {  margin-top: -2px;}

.pattern_5{ float:left; background-color:transparent; margin-top: -6px; }

.pattern_3{ float:left; background-color:transparent; margin-top: -6px;}
.pattern_3 .left   {width:252px;float:left;  margin-right: 0px; background-color:transparent;}
.pattern_3 .middle {width:252px; float:left; margin-right: 0px; background-color:transparent; }
.pattern_3 .right  {width:252px; float:left; background-color:transparent; }

.pattern_6{
background-color:black;
}*/

/* Classes réutilisables */

.pointer:hover { cursor: pointer; } /* Change le curseur au survol */
.spacer { clear: both; visibility: hidden; margin: 0; padding: 0; }

/* GRILLE TIBO */
#grid_container{float:left;width:785px;margin:20px 0 0 21px;padding-right:19px;overflow:auto;overflow-x:hidden;}
#grid_container { width/*\**/: 785px;\9; margin/*\**/:20px 0 0 10px;\9;overflow:auto;overflow-x:hidden;}
*+html #grid_container  { float:left;width:785px;margin:20px 0 0 21px;padding-right:19px;overflow:auto;overflow-x:hidden;} /* HACK IE7*/
.grid_B{float:left;width:508px;height:349px;background:no-repeat;margin:2px;}
.grid_VERT{float:left;width:252px;height:349px;background:no-repeat;margin:2px;}
.grid_BAN{float:left;width:508px;height:172px;background:no-repeat;margin:2px;}
.grid_S{float:left;width:252px;height:172px;background:no-repeat;margin:2px;}