@charset "utf-8";
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#524d46;background:#e6e6e6 ;font-size:13px;}
a, a:link{color:#524d46 !important;text-decoration:underline;}
.red, .red a:link{color:red !important;font-weight:bold;}
.red a:link { font-size:11px !important ;font-weight:normal !important}
b{color:#282626;}
#content1{width:800px;height:600px;margin:0px auto;background:url(Images/Fond.jpg) no-repeat;box-shadow:0px 2px 8px #555;behavior:url(css/PIE.htc);}
#entete{height:32px;font-size:11px;font-weight:bold;padding-top:10px;width:680px;margin:0 auto;}
#corps{height:471px;clear:both;width:660px;margin:0 auto;}
#footer{width:800px;margin-left:8px;}
a img{border:none}

a:hover{color:#524d46 !important;;text-decoration:underline;}
#Text2 a, #Text2 a:link, #Text2 a:hover{color:#EBEBEB !important;text-decoration:underline;}
.menupdf{font-size:11px;text-align:left;margin-left:60px;}
.menupdf a:link, .menupdf a{font-size:12px;margin-top:0px;}
a.nom{font-weight:bold;color:#898787 !important;text-decoration:none;}
.tt{margin-left:5px;}
.hov  {background: url(Images/hov.png) no-repeat bottom !important;}
.TextIntro{clear:left;padding:15px 0 0 0;font-size:11px;width:391px;}
#container_wrapper{margin-left:0px;}
#randtrick{font-size:10px;clear:both;float:left;margin-top:10px;}
.button, .buttonEx , .retour{background:url(Images/bg_button.png) no-repeat;background-size:95px 25px;padding:5px auto;border:0px solid;
color:#fff;height:25px;cursor:pointer;width:95px;behavior:url(css/PIE.htc);}
.button{float:right;clear:both;margin-top:9px;padding-bottom:2px;}
.buttonEx{margin-top:0px;padding-bottom:3px;margin-right:5px;}
.renseignement{margin:0px;font-size:13px;}
.icones td{width:70px;}
.icones a,#albums a, img.icons{filter:alpha(opacity=35);opacity:0.35;-moz-opacity:0.35;}
#Image1{background:url(Images/camera_flou.png) no-repeat;width:35px;height:35px;}
#Image1:hover{background:url(Images/camera.png) no-repeat;}
#Image2{background:url(Images/map_flou.png) no-repeat;width:35px;height:35px;}
#Image2:hover{background:url(Images/map.png) no-repeat;}
#Image3{background:url(Images/fb_flou.png) no-repeat;width:35px;height:35px;}
#Image3:hover{background:url(Images/fb.png) no-repeat;}
#Image4{background:url(Images/twitter_flou.png) no-repeat;width:35px;height:35px;}
#Image4:hover{background:url(Images/twitter.png) no-repeat;}
#Image5{background:url(Images/bb_flou.png) no-repeat;width:35px;height:35px;}
#Image5:hover{background:url(Images/bb.png) no-repeat;}
#Image6{background:url(Images/play_flou.png) no-repeat;width:35px;height:35px;}
#Image6:hover{background:url(Images/play.png) no-repeat;}
.icones a:hover, #albums a:hover{opacity:1;}
#logout{background:url(Images/logout.png) no-repeat center;background-size:13px auto;width:25px;height:21px;border:0px solid;opacity:0.7;cursor:pointer;margin:11px 0 0 5px;}
#logout:hover{opacity:1;}
.separator{border:1px dotted #ccc;}
.TitleModel{font-size:11px;font-weight:bold;}
.bold{font-weight:bold;font-size:94%;color:#636363;}
#mapweb span,#mapmobile span{visibility:hidden;display:none;font-size:9px;}
span.detailButton, .detailButton{font-size:13px;font-weight:bold;border:0px solid;background:#ed1c24;color:#fff;width:75px;height:25px;padding:2px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior:url(css/PIE.htc);}
.detailButton a{color:#fff;}
SELECT OPTION{color:#000;background:#fff;}
#designation{width:250px;height:300px;overflow:auto;font-size:16px;float:left;margin:15px auto;}
#content3{width:800px;height:600px;margin:0px auto;background:url(Images/Fond3.jpg) no-repeat;box-shadow:0px 2px 8px #555;behavior:url(css/PIE.htc);}
#content3 #FormConnect{clear:both;width:221px;height:200px;margin:22% 0 0 18%;float:left;line-height:44px;}
#blackberry{width:220px;height:395px;float:right;margin:25px 0% 0 0px;font-size:25px;color:#3e3e40;}
#ecran06{width:170px;height:135px;margin:67px 0px 0 19px;padding-left:0px;background:url(Images/bg_ecran.png);}
#Text{margin-top:105px;width:415px;float:left;margin:105px 0% 0 2%;font-size:23px;color:#898787;font-weight:normal;line-height:35px;}
.bienvenue{letter-spacing:2px;}
ul#demo2 li{text-align:center;list-style:none;line-height:20px;padding:7px 0 7px 0;border-bottom:1px dotted ; }
ul#demo2 li.ligne{ margin-left:5px;cursor:pointer;}
ul#demo2 li img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: #666 0px 0px 5px;-moz-box-shadow: #666 0px 0px 5px;box-shadow: #666 0px 0px 5px;behavior:url(css/PIE.htc);}
ul#demo2 li img:hover,  ul#demo2 li.currentvideo img {-webkit-box-shadow: red 0px 0px 5px;-moz-box-shadow:red 0px 0px 5px;box-shadow: red 0px 0px 5px;behavior:url(css/PIE.htc);}
ul#demo2 li:hover,  ul#demo2 li.currentvideo span  { color:red;font-weight:bold;}
#Text1{width:390px;height:140px;line-height:20px}
#Text2,#container{float:left;color:#ebebeb;font-size:14px;width:390px;height:240px;line-height:18px;box-shadow:0px 0px 8px 3px #5f5f5f;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#B8B8B8));
background: -webkit-linear-gradient(#000000, #B8B8B8);
background: -moz-linear-gradient(#000000, #B8B8B8);
background: -ms-linear-gradient(#000000, #B8B8B8);
background: -o-linear-gradient(#000000, #B8B8B8);
background: linear-gradient(#000000, #B8B8B8);
-pie-background: linear-gradient(#000000, #B8B8B8);margin:0 auto;behavior:url(css/PIE.htc);}
.ContentText{margin-top:0%}
.rouge{color:#f90723;}
#albumsContainer{width:349px;min-height:325px;margin:0px 0 0 17px;}
#albumsContainerdefault{margin:0 auto}
li.fbAlbum{cursor:pointer;float:left;padding:0px 5px 0px 5px;margin:5px 0 5px 0;list-style:none;border-right:1px solid}
#rstComparateur{width:670px;height:193px;font-size:11px;clear:both;margin:5px auto 0 auto;}
#detailBB{width:550px;height:425px;line-height:22px;overflow:auto;font-size:14px;clear:both;scrollbar-base-color:#369;margin-top:5px;}
ul.content li{list-style:none;}
#fbListAlbumsContainer ul{width:365px;clear:both;}
#fbImagesContainer li img{width:100px;height:70px;}
.fbBlock{width:100px;display:inline;margin:2px;}
.fbBlock img{border:2px solid #ccc;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;behavior:url(css/PIE.htc);}
.fbBlock img:hover{border:2px solid red;}
#fbImagesContainer ul{padding:5px 0 0 0;width:325px;margin:0 auto;}
#Logos{clear:both;width:90%;margin:0px auto;}
.logo1{float:left;}
.logo2{float:right;}
.TitlePage{font-weight:bold;padding:10px 0 0 0px;}
.img{position:absolute;top:200px;left:0px;display:none;z-index:8;opacity:1;}
.nav-container-outer{width:670px;margin:0 auto;padding:0px;height:45px;background:url(Images/nav-bg.png) repeat-x;}
.float-left{float:left;}
.float-right{float:right;}
.nav-container .divider{display:block;font-size:1px;border-width:0px;border-style:solid;}
.nav-container .divider-vert{float:left;width:0px;display:none;}
.nav-container .item-secondary-title{display:block;cursor:default;white-space:nowrap;}
.clear{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none;}
.nav-container{position:relative;zoom:1;margin:0 auto;}
.nav-container a, .nav-container li{float:left;display:block;white-space:nowrap;}
.nav-container div a, .nav-container ul a, .nav-container ul li{float:none;}
.nav-container ul{left:-10000px;position:absolute;}
.nav-container, .nav-container ul{list-style:none;padding:0px;margin:0px;}
.nav-container li a{float:none}
.nav-container li{position:relative;background:url(Images/separateur.gif) no-repeat 0 11px;}
.nav-container li li a{bordr:double;}
.nav-container ul{z-index:10;}
.nav-container ul ul{z-index:20;}
.nav-container ul ul ul{z-index:30;}
.nav-container ul ul ul ul{z-index:40;}
.nav-container ul ul ul ul ul{z-index:50;}
li:hover>ul{left:auto;}

#nav-container ul{top:100%;}
#nav-container ul li:hover>ul{top:0px;left:100%;}
#nav-container a{padding:13px 16px 7px 16px;margin:0px 0px 0px 0px;color:#FFFFFF !important;font-size:12px;text-decoration:none;font-weight:bold;height:22px;}
#nav-container a:hover, #nav-container .active a{color:#fff;background:url(Images/hov.png) no-repeat bottom;}
#nav-container div, #nav-container ul{padding:10px 4px 10px 4px;margin:0px 0px 0px 0px;background:url(Images/bg_sousMenu.png) repeat;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(css/PIE.htc);z-index:1000;}
#nav-container div a, #nav-container ul a{padding:2px 10px 2px 6px;font-size:11px;border-width:0px;border-style:none;margin:0px 0px 5px 0px;max-width:206px;min-width:135px;border-bottom:1px dotted #fff;}
#nav-container div a:hover, #nav-container ul a:hover{background:none;color:#000;}
#nav-container .item-secondary-title{cursor:default;padding:4px 0px 3px 7px;color:#6C3600;font-size:11px;background-repeat:no-repeat;font-weight:bold;}
#nav-container .divider-horiz{border-top-width:1px;margin:5px 5px;border-color:#C16100;}
#nav-container .divider-vert{border-left-width:1px;height:15px;margin:4px 2px 0px 2px;border-color:#AAAAAA;}
:focus{outline:none;}
.input{width:214px;height:19px;}
#scrollbar1{width:450px;margin:0px 0 0 60px;}
#scrollbar1 .viewport{width:430px;height:384px;overflow:hidden;position:relative;}
#scrollbar1 .overview{font-size:12px;list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;line-height:20px;}
#scrollbar1 .scrollbar{border:1px solid #C1C1C1;background:#312f30;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;background-position:0 0;float:right;width:10px;behavior:url(css/PIE.htc);}
#scrollbar1 .track{background:#312f30;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:100%;width:7px;position:relative;padding:0 1px;left:1px;behavior:url(css/PIE.htc);}
#scrollbar1 .thumb{background:#c1c1c1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:20px;width:8px;cursor:pointer;overflow:hidden;position:absolute;top:1px;left:0px;behavior:url(css/PIE.htc);}
#scrollbar1 .thumb .end{background:#c1c1c1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;height:5px;width:8px;behavior:url(css/PIE.htc);}
#scrollbar1 .disable{display:none;}
#corps #terminal{float:right;width:175px;margin-top:60px;}
*{margin:0;padding:0;}
#page{margin:0 auto;position:relative;padding-top:1px;}
#phoneCarousel{height:320px;margin:0px auto;position:relative;width:600px;}
#phoneCarousel .arrow{width:45px;height:46px;background:url('Images/fl_droite.gif') no-repeat;position:absolute;top:50%;margin-top:-22px;left:0;cursor:pointer;}
#phoneCarousel .next{background:url('Images/fl_droite.gif') no-repeat;left:auto;right:0;}
#phoneCarousel .arrow:hover{}
#phoneCarousel .next:hover{}
#stage{left:50%;margin-left:-245px;position:absolute;width:500px;height:100%;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}
.text{width:auto;font-size:13px;}
.text p, .text h3{padding-bottom:15px;line-height:1.4;text-align:justify;}
.text h3{font-size:30px;}
.text p{font-size:20px;}
.thumb{float:left;margin-right:40px;}
.availableAppStore{float:right;}
#thanks{color:#aaa;font-size:12px;text-align:center;padding:50px;}
#thanks a{color:#888;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#content{position:relative;margin:3px auto;}
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:345px;height:215px;overflow:hidden;}
.p_slide{padding-left:5px;float:left;width:335px;font-size:12px;}
.p_slide img{float:left !important;margin-right:10px;}
.p_slide span{font-weight:bold;margin-bottom:10px;}
#prevBtn, #nextBtn, #slider1next, #slider1prev{display:block;width:40px;height:41px;position:absolute;left:-3px;top:199px;z-index:1000;}
#nextBtn, #slider1next{left:353px;}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:40px;height:41px;background:url(Images/left.png) no-repeat 0 0;}
#nextBtn a, #slider1next a{background:url(Images/right.png) no-repeat 0 0;}
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.stylish-select .SSContainerDivWrapper{left:-9999px;}
.stylish-select .SSContainerDivWrapper{margin:0;padding:0;width:180px;position:absolute;top:22px;left:0;z-index:2;}
.stylish-select ul.newList{margin:0;padding:0;list-style:none;color:#000;background:#fff;border:1px solid #ccc;overflow:auto;text-align:left;}
.stylish-select ul.newList *{margin:0;padding:0;}
.stylish-select ul.newList a{color:#000;text-decoration:none;display:block;padding:1px 8px;}
.stylish-select .newListSelected{width:180px;color:#fff;height:20px;padding:0px 0 0 0px;float:left;background:url(Images/select.png) no-repeat;}
.stylish-select ul.newList li a:focus{-moz-outline-style:none;}
.stylish-select .selectedTxt{width:180px;overflow:hidden;height:22px;padding:2px 0 0 4px;text-align:left;}
.stylish-select .hiLite{background:#312F30!important;color:#fff!important;}
.stylish-select .newListHover{background:#ccc!important;color:#000!important;cursor:default;}
.stylish-select .newListSelHover, .stylish-select .newListSelFocus{cursor:default;}
.stylish-select .newListOptionTitle{font-weight:bold;}
.stylish-select .newListOptionTitle ul{margin:3px 0 0;}
.stylish-select .newListOptionTitle li{font-weight:normal;border-left:1px solid #ccc;}