* { 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;
}
#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 */
}