* { margin:0; padding:0; text-decoration:none;}  li{ list-style:none;}  img{ border:0 none; }  body{   	background-image:url(../img/bg.jpg);  	background-repeat:repeat-x;  	background-color:#1a1a1a;  	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  	font-size:12px;  	line-height:18px;  	  }  h2{ font-size:20px }  #container{  	background:url(../img/bg_noir.png) repeat-y;  	width:1024px;  	margin-left:auto;  	margin-right:auto;  	min-height:800px;  }   #header{  	margin:0 20px 0 20px;  	text-align:left;  }  #main {  	margin:0 20px 20px 20px;  	text-align:left;  }    #footer{  	border-top:1px #ccc solid; text-align:center; margin:0 20px 0 20px; color:#fff;  }  #logo{  	width:300px;  	float:left;  }  .clear{  	clear:both;  }  #blockSignup{  	width:258px;  	float:left;  }  .blockSignupTop{  	background:url(../img/inscription_top.png) no-repeat;  	height:11px;  }  .blockSignupBottom{  	background:url(../img/inscription_bottom.png) no-repeat;  	height:11px;  }  .blockSignupMiddle{  	background:url(../img/inscription_middle.png) repeat-y;  	padding:0 6px 0 6px;  }  #menu{  	height:30px;  	border-bottom:solid #ccc 1px;  }    /** TOP PAGE **/    #slideShowLeft,#slideShowRight { width:25px; min-height:300px; }  .slideShowButton{ margin-top:50px; display:block; cursor:pointer }  #slideShowLeft{  	float:left;   	  }  #leftButton{  	background:url('../img/large.png') -485px -210px no-repeat;  	width:25px;  	height:37px;  	  }  #rightButton{  	background:url('../img/large.png') -550px -210px no-repeat;  	width:25px;  	height:37px;  	  }  #slideShowRight{  	float:right;  }  #slideShowCenter{  	float:left; width:914px; height:300px;  	overflow:auto;  	margin:10px;  	color:#fff;  }    #blockWorkBleu{  	background:url('../img/large.png') no-repeat;  }  #blockWorkOrange{  	background:url('../img/large.png') no-repeat;  	background-position:-200px 0px;  }  #blockWorkVert{  	background:url('../img/large.png') no-repeat;  	background-position: -400px 0px;  }  #blockWorkViolet{  	background:url('../img/large.png') no-repeat;  	background-position: -600px 0px;  }  .blockWorks{  	/*background:url('../img/large.png')0px 0px no-repeat;*/  	float:left; width:196px;   	height:196px; margin:0 15px 0 15px; position:relative;  }  .blockWorksTitle, .blockWorkdContent{  	margin:10px;  }  .blockWorksDescription{ /* blabla */  	height:100px; color:#FFF;  	line-height:15px;  }  .blockWorksButton{ display:block; margin-right:0; margin-left:auto; width:110px; height:37px ;  background:url(../img/large.png) -210px -210px no-repeat;  color:#000}  .blockWorksButtonOver{ display:block; margin-right:0; margin-left:auto; width:110px; height:37px ;  background:url(../img/large.png) -340px -210px no-repeat; color:#000}  #DivblockWorks{  	margin:20px auto 0 auto; width:905px !important;  	_width:920px;  }  .logoBlockWork{  	position:absolute; left: 170px; top: -6px;  	width:32px; height:32px;  	background:url(../img/large.png) no-repeat;  }  #logoEcommerce{ background-position:-10px -210px; }  #logoSiteInternet{ background-position:-50px -210px; }  #logoModule{ background-position:-90px -210px; /*background:url(../../../img/module.png) no-repeat;*/ }  #logoMultimedia{ background-position:-122px -210px;  /*background:url(../../../img/multimedia.png) no-repeat;*/}    #newsDiv{  	display:none;  	width:880px;  	margin:10px auto 15px auto;  	height:41px;  }/*  #newsLeft{  	background:url(../img/ticker_gauche.png) no-repeat; width:88px; height:41px; float:left;  }  #newsCenter{  	background:url(../img/ticker_center.png) repeat-x; width:770px; height:41px; float:left; color:#FFF; line-height:41px;  	  }  #newsCenterContent{  	overflow:hidden; height:30px; margin:5px 0 5px 0; line-height:30px  }  #newsRight{  	background:url(../img/ticker_droit.png) no-repeat; width:20px; height:41px; float:left;  }*/  /* MENU */  #menu{  	height:30px;  	border-bottom:solid #ccc 1px;  	width:907px;  	margin:0 auto 0 auto;  }  .head_menu{  	display:block;  	float:left;  	width:150px;  	font-size:18px;  	font-weight:bold;  }  .sub_menu{  	display:none;  	position:absolute;  	opacity:0.8 !important;  	filter : alpha(opacity=80);  	background-color:#000;  	padding:5px;  }    /** SLIDESHOW */  .slide{  	width:914px;  	float:left;  }  .slide_image{  	float:left;  	width:300px;  	height:300px;  }  .slide_text{  	float:right;  	width:590px;  	text-align:left;  	height:300px;  	  }  #tri_slideshow{  	float:left;  	min-width:800px;  	width:800px;  	text-align:left;  	color:#fff;  	position:relative;  }  #auto_slideshow{  	float:left;  	width:50px;  	text-align:right;  	color:#CCFF00;    	cursor:pointer;  	font-weight:bold;  }  .rb_toggle {      height: 25px;      line-height: 25px;      padding: 0 5px 0 0;  }  .rb_toggle span {      color: #999;      font-size: 11px;      font-weight: bold;      font-family: arial, verdana, sans-serif;      cursor: hand;      cursor: pointer;  }  .rb_toggle span.hover {      color: red;  }  .rb_toggle span.hover {      color: red;  }    .rb_menu {      position: absolute;      left: 100px;      top: 0;  }  .rb_menu li {      float: left;      height: 25px;      line-height: 25px;      padding: 0 10px 0 0;  }  .rb_menu a {      font-size: 12px;      font-weight: regular;      color: #CCFF00;      text-decoration: none;  }  .rb_menu a:hover {      text-decoration: underline;  	color:#CCFF00;  }  .rb_menu a.current {      color: #CCFF00;  }#flags{  	float:left;  	width:115px;  	padding:5px;  	margin-top:5px;  	  	  }  .flagContent{ width:115px; height:30px;  	/*background:url(../../../img/bloc_flag.png) #000 no-repeat;	*/  	background:url('../img/large.png') 0px -260px transparent no-repeat;  }  .flags_element{  	float:left; display:block; width:30px; height:30px;  }  #banniere{  	float:left;  	width:250px;  }  #meteo{  	width:250px; margin-right:0; margin-left:auto;  }    /****************/  /* WORKS */  #works_div{  	width:914px;  	margin:auto;  	text-align:center;  	color:#fff;  }  #work_text{  	float:right;  	width:500px;  	text-align:left;  	margin-top:20px;  }  #work_slide{  	float:left;  	width:400px;  }  /** tootltip */  #tooltip{  	color:#fff;  	opacity:0.9;  	padding:10px;  	position:absolute;  	z-index:3000;  	/*border:#111 solid 2px;*/    }  #tooltipContent{  	width:291px;  	  }  #tooltipContenttop{  	background-image:url(../../../img/creationlyonimage/postit_top.png);  	background-repeat:no-repeat;  	background-color:transparent;  	width:291px;  	height:45px;    }  #tooltipContentcenter{  	background:transparent url(../../../img/creationlyonimage/postit_center.png) repeat-y;  	width:291px;  	padding:10px;  }  #tooltipContentbottom{  	background:transparent url(../../../img/creationlyonimage/postit_bottom.png) no-repeat;  	width:291px;  	height:15px  }  /*** WIDGET **/  #widgetDiv{  	margin-top:0;  	margin-left:auto;  	margin-right:auto;  	width:680px;  	color:#fff;  	  }  #widget_description{  	text-align:left;  	color:#fff;  	margin-top:20px;  	width:680px;  	padding:4px;  }  #catMenu{  	margin-left:auto; margin-right:auto; width:680px; background-color:#CF0; color:#000; margin-bottom:30px; text-decoration:none;    }  .sub_catMenufirst{  	float:left; width:30px; margin-right:5px; margin-left:5px; text-align:center; cursor:pointer;  }  .sub_catMenu{  	float:left; width:80px; margin-right:5px; margin-left:5px; text-align:center; cursor:pointer;  }  #searchBlockContent{  	display:none; border-color:#ccff00; border-style:solid; border-width:1px;  	  }  #searchBlock{  	cursor:pointer;  }  .inputsSearchBlock{  	margin:5px;   }  #listObject{  margin-left:auto; margin-right:auto; width:680px;	  }  #pagination_object{  	text-decoration:none; color:#FFF;  }  .item_recommand{  	background-color:#CF0; color:#000000; text-align:right; padding-right:2px;  }  .item_new{  	background-color:#C09; color:#ffffff; text-align:right; padding-right:2px;  }  .item{  	 color:#000000; text-align:right; padding-right:2px;  }  .listObjectNormal {  	border:medium none;  	width:100px; min-height:100px; margin:5px; float:left; cursor:pointer;  }  .listObjectOver{  	border:thin solid #CCFF00;  	width:100px; min-height:100px; margin:5px; float:left; cursor:pointer;  }  #divCalendar{  	float:right;  	width:350px;  	min-height:300px;  	height:450px;  }  #skype_contact{  	height:30px;  	margin-left:auto;  	margin-right:0;  	margin-top:10px;  	width:200px;  }    #calendarS_days{ width:350px; }  #calendarS{ width:350px; height:300px; }  #calendarS_head{ padding:8px; margin-bottom:5px; text-align:center; }	  .calendarBack{ width:20px; float:left; height:20px; cursor:pointer; }  .calendarNext{ width:20px;height:20px; float:left; cursor:pointer; }  .calendarCenter{ width:290px; float:left; }  .calendarDay{ width:37px; float:left; text-align:center; list-style:none;	padding:6px; border-bottom:solid #ccc 1px; }  .calendarS_item{  }  .calendarS_item_blank{ }  .calendarS_item, .calendarS_item_blank{  	width:30px; float:left; text-align:center; list-style:none;	padding:6px;height:50px; border:solid #ccc 1px;  	margin-top:3px; margin-left:5px;  }  .calendarS_ferie{   	color:#F00;  }  .calendarS_samedi{ color:#06F; }  .info{ color:#F00; font-size:12px; display:block; height:12px}  .calendarS_today{  	background-color:#CCC;  }    /**********************/  #widget_detail_container{  color:#fff; width:904px; margin:20px auto 20px auto; }  .detailTitle{ border-bottom:thick double #EB00A3;   color:#C9DA2A;  font-size:x-large;  font-weight:bold;  margin-bottom:20px;  margin-top:8px;  padding-bottom:8px;  }  .widgetDownLoad{   background-image:url(../img/button1.png); background-repeat:no-repeat; width:90px; height:36px; text-align:center; vertical-align:middle; line-height:2.5; color:#000; font-size:15px; margin-top:2px; margin-right:auto; margin-left:auto; cursor:pointer;  }  .widget_devis{  	background-image:url(../img/button2.png); background-repeat:no-repeat; width:90px; height:36px; text-align:center; vertical-align:middle; line-height:2.5; color:#000; font-size:15px; margin-right:auto; margin-left:auto; cursor:pointer;  }  #widget_detail_title{  	margin-bottom:20px;  }    /************/  #login_div{  	color:#fff; width:904px; margin:0px auto 20px auto;  }  #formsubdiv{  	text-align:center; margin-left:auto; margin-right:auto; width:500px;  }  /*************/  .btnLeft{  	background-repeat:no-repeat;  	width:95px;  	height:84px;  }  .btnCenter{  	background-image:url(../img/btn_vert_middle.png);  	background-repeat:repeat-x;  	height:84px;  	line-height:115px;  }  .btnRight{  	background-image:url(../img/btn_vert_right.png);  	background-repeat:no-repeat;  	width:31px;  	height:84px;  }  .btnclasses{  	margin-left:auto; margin-right:auto; cursor:pointer;  }  /*******/  #info_div{  	color:#fff; width:904px; margin:20px auto 20px auto;  }  .infosDownload{  	padding:8px;  }  .personnal_left{  	width:50%;  	float:left;  }  .personnal_right{  	width:50%;  	float:right;  }  /**/  #logoHomeBottomPage{text-align:center; }  .bMap{  	text-align:left; width:400px; float:left;  }  #sitemap_div{  	color:#fff; width:904px; margin:20px auto 20px auto; text-align:left;  }  .activityBtn{  	width:278px;  	height:144px; float:right; margin-top:5px;	  }  .activity_online_fr{  	background:url('../img/model1.png') no-repeat;  }  .activity_online_ja{  	background:url('../img/modelJP.png') no-repeat;  }  .activity_offline_fr{  	background:url('../img/model2.png') no-repeat;  }  .activity_offline_ja{  	background:url('../img/modelJP2.png') no-repeat;  }  .activityBtnLeft_online{  	width:40px; float:left;  	height:32px; /*background:url(../img/online_left.png) transparent no-repeat;*/  	background:url('../img/large.png') -700px -204px transparent no-repeat;  }  .activityBtnRight_online{  	width:24px; float:left;  	height:32px;   	/*background:url(../img/online_right.png) transparent no-repeat;*/  	background:url('../img/large.png') -760px -204px transparent no-repeat;  }    .activityBtnCenter_online{  	width:auto; text-align:center; line-height:32px; float:left;  	height:32px; background:url(../img/online_middle.png) repeat-x;  }  .activityBtnLeft_offline{  	width:40px; float:left;  	height:32px;   	/*background:url(../img/offline_left.png) transparent no-repeat;*/  	background:url('../img/large.png') -590px -204px transparent no-repeat;  }  .activityBtnRight_offline{  	width:24px; float:left;  	height:32px; /*background:url(../img/offline_right.png) transparent no-repeat;*/  	background:url('../img/large.png') -670px -204px transparent no-repeat;  }    .activityBtnCenter_offline{  	width:auto; text-align:center; line-height:32px; float:left;  	height:32px;   	background:url(../img/offline_middle.png) repeat-x;  	/*background:url('../img/large.png') -620px -204px repeat-x;*/  }  /** tweet **/  #tweetDiv{  	float:right;  	width:700px;  	height:61px;  	position:relative;  	margin-top:-5px;  }  #tweetLeft{  	background:url(../img/tweet_left.png) no-repeat; width:122px; height:51px; float:left;  }  #tweetCenter{  	background:url(../img/tweet_middle.png) repeat-x; width:554px; height:51px; float:left; color:#FFF; line-height:51px;  	  }  #tweetCenterContent{  	_position:absolute;  	overflow:hidden; height:30px;  line-height:15px; color:#fff; width:520px;  	margin:10px 0 5px 0;  }  .twitCenterContentLi{  	height:30px; overflow:hidden;  }  #tweetRight{  	background:url(../img/tweet_right.png) no-repeat; width:24px; height:51px; float:left;  }  #followMeA{  	display:block;  	position:absolute;  	top:-10px;  	left:650px;  }  #lastTwitterDate{  	display:block;  	position:absolute;  	top:45px;  	left:500px !important;  	_left:10px; /* compense le hack png iE6 */  	text-align:right;  	color:#fff;  	_width:100%; /* compense le hack png iE6 */  }
