@import url(./TinyMCE_custom.css);
* {
	padding: 0;
	margin: 0;
	outline: 0;
}

:focus {
	outline: 0;
}
html{
	background-color: black;
}
html, body {
	width: 100%;
	font: normal 12px Tahoma,verdana,sans-serif;
	color:#fff;
}

body{	
	
}
a{
	border:0;
	text-decoration:none;
}
#container{
	margin:0 auto;
	position:relative;
	width:100%;
	background: #19191a url(../images/i_layout/background_ContentRepeat.jpg) top center repeat;
}
.wrapper {
	height:auto !important;
	margin:0 auto -200px;
	min-height:100%;
}
#top{
	background: transparent url(../images/i_layout/background-header.png) top left repeat-x;
	width:100%;
	height:81px;
}
#phone{
	background: transparent url(../images/i_layout/phone.jpg) top left no-repeat;
	width:155px;
	height:23px;
	position:absolute;
	top:0;
	left:0;
}
#phone span{
	display:none;
}
.request{
	background: transparent url(../images/i_layout/request.jpg) top right no-repeat;
	width:168px;
	height:23px;
	position:absolute;
	top:0;
	right:0;
	z-index:9998;
}
.request span{
	display:none;
}
#demo{
	position:absolute;
	right:0;
	z-index:9999;
	background:#fff;
	color:#000;
}

.call_back_head{
	background: transparent url(../images/i_layout/fastForm_top.png) top right no-repeat;
	width:459px;
	height:23px;
	display:block;
}
.web_link{
	background: transparent url(../images/i_layout/bt_link.jpg) top center no-repeat;
	width:135px;
	height:35px;
	display:block;
	margin:371px 0 0 91px;
}
.web_link:hover{
	background: transparent url(../images/i_layout/bt_link.jpg) bottom center no-repeat;
}
.web_link span{
	display:none;
}
.call_back_head span{
	display:none;
}
#close{
	background:none repeat scroll 0 0 #373737;
	display:block;
	height:20px;
	width:459px;
}
#call_back_head{
	display:block;
	height:10px;
	width:100px;
}
h1{
	background: url("../images/i_layout/logo_EsoStudio.png") no-repeat scroll left top transparent;
  display: block;
  height: 119px;
  left: 50%;
  margin-left: -479px;
  position: absolute;
  top: 0;
  width: 174px;
}
h1 span{
	display:none;
}
/**********************  CONTENT ***************************/

#content{
	margin:0 auto;	
	width:100%;
	padding-top:30px;
	padding-bottom:25px;
	background: transparent url(../images/i_layout/background_site2.jpg) top center no-repeat;
}
#body_layout{
	position:relative;
	width:988px;
	margin:10px auto 0;
}
#body_layout h2{
	color:#ffffff;
}
#body_layout .txt_content{
}
#body_layout .txt_content ul{
}
#body_layout .txt_content ul li{
	margin:5px 0;	
}
#body_layout .txt_content .galery_subcat{
	list-style-type:none;
	margin:10px 0 0 0;	
}
#body_layout .galery_subcat .vignette{
	width:114px;
	height:160px;
	height:auto;
	float:left;
	margin:0 11px 40px 0;
	cursor:pointer;	
}
#body_layout .galery_subcat .image_sub{
	margin:7px auto 0;
	width:99px;
	height:99px;
	display:block;
	border:1px solid #9f9f9f;
}
.galery_subcat .title_subcat{
	background:#fff;
	padding:0 0 2px 0;
	width:114px;
	height:160px;
	display:block;
	text-align:center;
	color:#D62E2E;
	font: normal 14px Trebuchet MS,Verdana, Helvetica, Arial, sans-serif;
	text-decoration:none;	
	border:2px solid #d9d9d9;
}
.galery_subcat .title_subcat h3{
	padding:3px 2px;
}

.galery_subcat .title_subcat:hover{
	color:#fff;
	background:#D62E2E;
	border:2px solid #fff;
	
}
.content_top{
	background:transparent url(../images/layout/top_top.png) no-repeat scroll left top;
	display:block;
	width:100%;
	height:164px;
	float:left;
}
.content_bottom{
	background:transparent url(../images/layout/middle.png) no-repeat scroll left 160px;
	width:100%;
	height:auto;
}
#content_image{
	float:left;
	margin-left:95px;
	margin-top:40px;
}
#body_layout .level1{
	color:#6D0909;
	font-family:Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
	font-size:33px;
	text-decoration:underline;
}
#body_layout .level1:hover{
	text-decoration:none;
}


#body_layout .txt_content .image{
	float:left;
	border: 7px solid #FFFFFF;
	margin:3px 10px 0 0;
}
#body_layout .txt_content .image_thumb{
	float:left;
	margin:20px 10px 0 0;
	border: 7px solid #FFFFFF;
}
#body_layout .txt_content .static_img{
	text-decoration:none;
	float:left;
	margin:5px 5px 5px 0;
	border: 7px solid #FFFFFF;
}
#topcontrol{
}
/*******************************************/
#left{
	width:646px;
	float:left;
}
#right{
	width:342px;
	float:right;
	margin:2px 0 0 0;
}
#left .bottom_left{
	background:url(../images/i_layout/content_left_bottom.png) no-repeat left top transparent;
	width:646px;
	height:26px;
	padding:0 0 0;
	float:left;
}
#right .bottom_right{
	background:url(../images/i_layout/content_right_bottom.png) no-repeat left top transparent;
	width:342px;
	height:26px;
	padding:0 0 0;
	float:right;
}
#right .HireMe{
	background:url("../images/i_layout/moreInfo_right.png") no-repeat scroll left top transparent;
	float:left;
	height:130px;
	margin:-9px 0 0;
	width:342px;
	font-size:17px;
	text-transform:uppercase;
}
#right .IconHireMe .suggest,#right .IconServices .suggest{
	margin:8px 0 0 57px;
	font-size:11px;
}
#right .IconHireMe{
	background:url("../images/i_layout/Hire-me.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:60px;
	margin:16px 0 16px 16px;
	width:60px;
	color:#fff;
	cursor:pointer;
}

#right .IconServices{
	background:url("../images/i_layout/IconService.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:60px;
	margin:16px 0 16px 16px;
	width:60px;
	color:#fff;
	cursor:pointer;
}
#right .IconHireMe span,#right .IconServices span{
	float:left;
	margin:0 0 0 57px;
	width:300px;
}
#right .IconHireMe:hover,#right .IconServices:hover{
	color:#ffc605;
}
#left h2{
	background:url("../images/i_layout/content_left_top.png") no-repeat scroll left top transparent;
	height:38px;
	margin:0;
	padding:31px 0 0 42px;
	width:604px;
	float:left;
}
#right h2{
	background:url("../images/i_layout/content_right_top.png") no-repeat scroll left top transparent;
	height:38px;
	margin:0;
	padding:29px 0 0 21px;
	width:301px;
	float:left;
}
#right .content{
	background:url(../images/i_layout/content_right.png) no-repeat left 67px transparent;
	width:342px;
	padding:0 0 0;
	float:right;
}
#left .content{
	background:url("../images/i_layout/content_left.png") no-repeat scroll left top transparent;
	float:left;
	min-height:500px;
	padding:5px 19px 15px 41px;
	width:586px;
}

/**********************  REFERENCES ***************************/

#references{
	padding:0 0 10px 0;
}
#references h3{
	float:left;
	margin:15px 0 1px 0;
	font-size:24px;
	width:240px;
	text-transform:uppercase;
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'Frutiger67-CondensedBold',arial, sans-serif;
}
#references .references_list_content{
	background:url("../images/i_layout/referencesContent.png") no-repeat scroll left top transparent;
	width:988px;
	height:455px;
	padding-left:32px;
	padding-top:16px;
}

#references .references_list_content .imageRef{
	width:658px;
	height:421px;
	float:left;
	border:0;
}
#references .references_list_content .encadre{
	background:url("../images/i_layout/referenceImage.png") no-repeat scroll left top transparent;
	width:658px;
	height:421px;
	position:absolute;
	z-index:9000;
	border:0;
}
#references .references_list_content .title_abstract{
	float:left;
	line-height:17px;
	padding:0 0 0 21px;
	width:232px;
}
#references .references_list_content .abstract{
	float:left;
	height:329px;
	width:232px;
}

/**********************  Menu ***************************/
/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 50px; width: 680px;
    padding:25px 25px 25px 50px; margin: 10px 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
.lavaLamp li {
  float: left;
  list-style: none;
  width:134px;
}
    /* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
  /*background: url("../images/i_layout/highlight.png") no-repeat 26px 1px;*/
  width: 0px;
  z-index:-7;
  position: absolute;
  height:72px;
  margin-left: -15px;
}
.lavaLamp li.back .left {
  background: url("../images/i_layout/highlight.png") no-repeat center 1px;
  height:72px;
  z-index:-7;
}
/* Styles for each menu-item. */
.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff; outline: none;
    text-align: center;top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    width:auto;
    padding:0 11px;
}
.lavaLamp li a:hover {
    color:#e1e1e1;
}  
.lavaLamp li a{
    font-size:17px;
    width:85px;
  }

#nav{
	left:50%;
	position:absolute;
	margin-top:9px;
	z-index:10;
	margin-left:-240px;
}
#navigation a, #navigation a .hover {
	background:url(../images/i_layout/menu_nav.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:87px;
	position:relative;
}
/**********************  END Menu ***************************/
/**********************  HEADER ***************************/

#header{
	margin:0 auto ;	
	width:988px;
	height:406px;
	background:url("../images/i_layout/preview_background.png") no-repeat scroll left top transparent;
	display:block;
}
#animation{
	position:absolute;
	margin:0 0 0 36px;
	padding-top:27px;
	z-index:9999;
}
#animation embed{
	background-color:#333333;
}
.preview{	
}
/**********************  END HEADER ***************************/


#bottom{
	background:transparent url(../images/i_layout/bottom_background.jpg) repeat-x scroll left top;
	width:100%;
	height:150px;
}
.footer{	
	color:#ffffff;
	font:bold 12px Trebuchet MS,Verdana,Helvetica,sans-serif;
	width:988px;
	margin:0 auto;
}
.footer ul{
	list-style-type:none;
	width:140px
}
.footer ul li{	
	padding:0 10px 3px 32px;

}
.footer ul li a{
	background:url(../images/i_layout/sitemap_highlight.png) no-repeat 2px 2px transparent;
	color:#ffffff;
	font:bold 13px 'Trebuchet MS',Helvetica,sans-serif;
	padding-left:22px;
	text-decoration:none;
}
.footer ul li a:hover{
	background:url(../images/i_layout/sitemap_highlight.png) no-repeat 2px -13px transparent;
	text-decoration:none;
	color:#ff8a00;
}
.footer .link_bottom{
	float:right;
	padding:17px 45px 0 0;
}
#copyright{
	color:white;
	font:bold 11px 'Trebuchet MS',Helvetica,sans-serif;
	float:left;
	text-decoration:none;
	width:388px;
}
#copyright .logo{
	float: left;
  height: 63px;
  padding: 5px 0 0 14px;
  text-align: left;
  width: 200px;
}
#copyright .info_logo{
	float:left;
	padding:13px 0 0 34px;
	text-align:left;
	width:240px;
	color:#c6c6c6;
}
.underline{
	text-decoration:underline;
}
/********************** NOS SERVICES ***************************/
#nos_services{
}
#nos_services h2{
	background:url("../images/i_layout/nosServices_top.png") no-repeat scroll bottom left transparent;
height:21px;
	margin:0;
	padding:0 0 0 42px;
	width:946px;
}
#nos_services h2 span{
	display:none;
}
#nos_services .content_services{
	background:url(../images/i_layout/main_content.png) no-repeat top left transparent;
	padding:3px 41px 0 40px;
	width:907px;
	height:auto;
	display:block;
}
#nos_services .content_services_bottom{
	background:url(../images/i_layout/bottom_main_content.png) no-repeat top left transparent;
	width:988px;
	height:34px;
	display:block;
}

#right .info{
	background:url(../images/i_layout/content_right.png) no-repeat top left transparent;
	width:302px;
	min-height:385px;
	padding:25px 20px 0 20px;
	float:right;
}

#nos_services .services_box_content{
	background:url(../images/i_layout/nosServices_vignettes.png) no-repeat top center transparent;
	width:297px;
	height:234px;
	margin:16px 5px 0 0;
	padding:0;
	float:left;
	display:block;
}
#nos_services .description{
	font-size:21px;
	margin-top:4px;
	line-height:25px;
}
#nos_services .description b{
	font-family: 'PTSansBold',Helvetica,Arial,sans-serif;
	
}
#nos_services .services_title{
	font-size:20px;
	font-weight: normal; 
	font-style: normal; 
	font-family: 'FrutigerLightCn',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
#nos_services .services_title strong{
	font-size:20px;
	font-weight: normal; 
	font-style: normal; 
	font-family: 'Frutiger67-CondensedBold',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
#nos_services .banner{
	background:url(../images/i_layout/nosServices_banner.png) no-repeat top center transparent;
	width:855px;
	height:139px;
	margin:0 5px 0 -4px;
	padding:15px 30px 36px 25px;
	display:block;
}
#nos_services .banner .title_description{
	text-shadow: #000 4px 4px;
	font-size: 38px; 
	padding:0; 
	text-transform:uppercase;
	font-weight:bold;
}
#nos_services .orange{
	color:#FFA300;
}
#nos_services .title{
	height:78px;
	width:286px;
	display:block;
}
#nos_services .abstract{
	display:block;
	line-height:16px;
	padding:2px 0 0;
	text-align:justify;
	width:295px;
}
#nos_services h3{
	padding:31px 0 27px 80px;
}
#nos_services .abstract p{
	padding: 0 18px;
}
#nos_services .light{
	font:normal 21px calibri,arial,sans-serif;
	text-transform:uppercase;
}
#nos_services h3 .bold{
	font:bold 23px calibri,arial black,sans-serif;
	text-transform:uppercase;
}
.basic  {
	width: 270px;
	font-family: verdana;
}
.basic div {
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}
.info span{
	display:none;
}
.basic div{
	padding:0 0 10px 0;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px 5px 5px 25px;
	margin:0 0 1px 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	height:15px;
	color: #e6e6e6;
	background:url(../images/i_layout/method_title.png) no-repeat top center transparent;
	font-family: 'PTSansRegular', sans-serif;
}
.basic a:hover {
	color: #fff;
}
.basic a.selected {
	color: white;
	font-family: 'PTSansRegular', sans-serif;
	margin:2px 0 0 0;
	background:url(../images/i_layout/method_title.png) no-repeat bottom center transparent;
}

/********************* STATIC ****************************/

#static .content_left{
	background:url(../images/i_layout/content_left.png) no-repeat top left transparent;
	width:601px;
	height:530px;
	padding:10px 0 0 45px;
	float:left;
}
#static .content_left p{
	width:560px;
}

/**********************  LAST PROJECT ***************************/
#last_project{
	height:304px;
}
#last_project h2{
	background:url("../images/i_layout/top_main_content.png") no-repeat scroll center top transparent;
	height:40px;
	margin:0;
	padding:27px 0 0 41px;
	width:947px;
	text-transform:uppercase;
}
#last_project h2 span,#contact h2 span{
	display:none;
}
#last_project .content_project{
	background:url(../images/i_layout/lastProject_content.png) no-repeat top center transparent;
	width:988px;
	height:218px;
}
#last_project .last_project_preview_container{
	display:block;
	float:left;
	height:200px;
	margin-left:42px;
	margin-top:19px;
	width:287px;
}
#last_project a, #last_project a .hover{
	background:url(../images/i_layout/lastProject_preview.png) no-repeat  0 0 transparent;
	height:156px;
	width:287px;
	display:block;
}
#last_project a .hover_ie{
	background:url(../images/i_layout/lastProject_preview_ie.png) no-repeat  0 0 transparent;
	height:156px;
	width:287px;
	display:block;
	background-position:0 0;	
}
#last_project .hightlight .preview:hover, #last_project .preview .hover{
	background-position:0 -160px;	
}
#last_project .preview .hover_ie{
	background:url(../images/i_layout/lastProject_preview_ie.png) no-repeat  0 0 transparent;
	background-position:0 -160px;	
}
#last_project .preview{
	position:absolute;
	z-index:9999;
}
#last_project .next{
	margin-left:18px;	
}
#last_project .preview .title{
	position:absolute;
	z-index:9999;
	padding:110px 0 0 20px;
	font:bold 13px 'Trebuchet MS',arial,sans-serif;
	color:#ffffff;
	text-transform:uppercase;
}
#last_project .preview .subtitle{
	color:#6E6E6E;
	font:12px tahoma,arial,sans-serif;
	padding:129px 0 0 20px;
	position:absolute;
	z-index:9999;
}
#last_project .img_preview{
	position:absolute;
	z-index:0;
	display:block;
	width:285px;
	height:99px;
	margin:0px 0 0 1px;
	background-repeat:no-repeat;
}

/**********************  CONTACT ***************************/
#contact p{
	line-height:16px;
}
#contact h3,.apropos h3,#references h4{
	background:url("../images/i_layout/fleche.png") no-repeat scroll left 7px transparent;
	color:#ffa300;
	padding-bottom:5px;
	margin-top:15px;
	padding-left:14px;
	text-transform:uppercase;
	font-size:21px;
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'FrutigerLightCn',Helvetica,Arial,sans-serif;
	text-shadow: #000 2px 1px;
}
.apropos p{
	line-height:15px;
}

#contact h3,.apropos h3{
}

#contact .content_contact .formulaire{
	/*background:url(../images/i_layout/contactForm_background.png) no-repeat top center transparent;*/
	width:594px;
	height:auto;
	min-height:477px;
	float:left;
	padding-top:15px;
}
#contact .content_contact .message_ok{
	text-align:center;
	font-size:16px;
	width:570px;
	margin-top:150px;
	line-height:35px;
}
#contact .content_contact hr{
	border-color:#242020 transparent transparent;
	border-style:solid;
	border-width:1px;
	display:block;
	height:1px;
	margin:12px 0 23px 6px;
	width:571px;
	
}
#contact .content_contact label.error{
	display:inline;
	position:absolute;
	left:50%;
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:0 0 6px #DDDDDD;
	padding:2px 6px;
	background-color:#ffc605;
	border:1px solid #FFA300;
	color:#000000;
	font-size:11px;
	height:15px;
	margin:-21px 0 -2px -342px;
	z-index:9999;
}
#contact .content_contact label em{
	border-color:#FFC605 transparent transparent;
	border-style:solid;
	border-width:8px;
	bottom:-15px;
	display:block;
	height:0;
	left:17px;
	position:absolute;
	width:0;
}
#contact .info{
	background:url(../images/i_layout/content_right.png) no-repeat left 67px transparent;
	width:342px;
	height:610px;
	padding:0 0 0;
	float:right;
}
#contact .info h2{
	background:url("../images/i_layout/content_right_top.png") no-repeat scroll left top transparent;
	height:68px;
	margin:0;
	padding:20px 0 0 21px;
	width:321px;
	float:left
}

#contact .content_contact .data{
	font:normal 12px "LucidaGrande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	float:left;
	height:16px;
	margin:10px 4px 17px 6px;
	width:71px;
}
#contact .content_contact p{

}
input{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	width:220px;
	color:#838181;
	margin:7px 0 0 10px;
	font:normal 11px "LucidaGrande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
textarea{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	width:395px;
	height:134px;
	color:#838181;
	margin:7px 0 0 10px;
	font:normal 11px "LucidaGrande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	overflow:hidden
}
#contact .content_contact .inputForm{
	background:url(../images/i_layout/inputBackground.png) no-repeat top center transparent;
	width:293px;
	height:28px;
	float:left;
	display:block;
	margin:5px 0 0 6px;
}
#contact .content_contact .inputFormFocus{
	background:url(../images/i_layout/inputBackground.png) no-repeat bottom center transparent;
}
#contact .content_contact .textareaForm{
	background:url(../images/i_layout/textareaBackground.png) no-repeat top center transparent;
	width:432px;
	height:151px;
	float:left;
	margin:5px 0 18px 6px;
	float:left;
}
#contact .content_contact .icons{
	display:block;
	float:left;
	height:20px;
	margin:5px 0 0 10px;
	width:15px;
}
#contact .content_contact .nomIcon{
	background:url("../images/i_layout/FormNom.png") no-repeat scroll center top transparent;
	margin:5px 0 0 9px;
width:16px;
}
#contact .content_contact .societeIcon{
	background:url("../images/i_layout/FormCompany.png") no-repeat scroll center top transparent;
}
#contact .content_contact .websiteIcon{
	background:url("../images/i_layout/FormWebsite.png") no-repeat scroll center top transparent;
	margin:7px 0 0 10px;
}
#contact .content_contact .phoneIcon{
	background:url("../images/i_layout/FormPhone.png") no-repeat scroll center top transparent;
	margin:2px 0 0 10px;
}
#contact .content_contact .mailIcon{
	background:url("../images/i_layout/FormMail.png") no-repeat scroll center top transparent;
	margin:5px 0 0 10px;
}
#contact .content_contact .messageIcon{
	background:url("../images/i_layout/FormMessage.png") no-repeat scroll center top transparent;
}
#contact .content_contact .info{
	/*background:url(../images/i_layout/contactInfo_background.jpg) no-repeat top center transparent;*/
	width:295px;
	height:477px;
	display:block;
	margin-left:10px;
	float:left;
	line-height:14px
}
#contact .content_contact .AddIcon{
	background:url("../images/i_layout/FormAdd.png") no-repeat scroll center top transparent;
	margin:7px 0 0 10px;
}
#contact .contact_info_content{
	padding:70px 0 20px 30px;
}
#contact .content_contact h3 span{
	display:none;
}
/**********************  SITEMAP ***************************/

#sitemaps{
	margin: 0 0 0 20px;
	list-style-position:outside;
	list-style-type:round;
	color:#c43324;
}
#sitemaps ul li{
	margin:15px 0 0 0 !important;
}
#sitemaps ul li ul li{
	margin:0 !important;
}
#sitemaps ul li a span {
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
#sitemaps ul li ul li a span{
	margin:5px 0 ;
	font-size:12px;
	font-weight:normal;
}
#sitemaps a{
	color:#c43324;
}
#sitemaps a:hover{
	color:black;
	text-decoration:underline;
}

/**********************  END SITEMAP ***************************/

/**********************  GALERY ***************************/

#gallery{
	margin:0 auto;
	width:681px;
	height:108px;		
	background:url(../images/layout/galerie.jpg) top center no-repeat;
}
#mygallery{
	margin:15px 0 10px 0;	
}

#mygallery .panel{
float: left;
margin-right:15px;
margin-top:14px;
}
#mygallery .panel a{
border:6px solid #FFFFFF;
display:block;
height:97px;
width:100px;
}

/**********************  END GALERY ***************************/



/************** PAGER *****************/
.pager{
	margin:10px 0 0 220px;
	width:50px;
}
.pager span{
	color:#6D0909;
	font: normal 15px 'Trebuchet MS',Arial, Helvetica, Arial, sans-serif;
}
.pager a{
	text-decoration:none;
	color:#6D0909;
	font: bold 16px 'Trebuchet MS',Arial, Helvetica, Arial, sans-serif;
}
.pager a:hover{
	color:#777;
}
/************** FIN PAGER *****************/

/************** ARTICLES *****************/
#article_list{
	margin:0 0 15px 0px;
	height:auto;
}
#article_list .article_list_book{
	background:transparent url(../images/layout/quotel.png) no-repeat;
	width:474px;
	padding-bottom:10px;
	height:auto;
}
#article_list .article_list_content{
	margin:0 0 10px;
	height:auto;
} 
#article_list .article_list_content .title_abstract{
	float:left;
	width:465px;
}
#article_list .article_list_content  .image{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
#article_list .article_list_content  .image_article{
	float:left;
}
#article_list .article_list_content  .image_article img,#body_layout .txt_content .sticker img{
}
#article_list .article_list_content .sticker,#body_layout .txt_content .sticker{	
	display:block;
	float:left;
	margin:5px 10px 5px 0;
	border:2px solid #D9D9D9;
} 
#article_list .article_list_content a:hover,#body_layout .txt_content .sticker:hover{
	border:2px solid #7e7e7e;
}
.goldbook_link a{
	background:transparent url(../images/layout/email_edit.png) no-repeat left center;
	padding-left:20px;
	color:#025ea9;
	text-decoration:none;
	font: bold 13px 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
.goldbook_link a:hover{
	text-decoration:underline;
	color:#007eff;
}
.gold{
	background:transparent url(../images/layout/quoter.png) no-repeat right bottom;
}
.title_gold{
	color:#161515;
	font:bold 11px Verdana,Helvetica, sans-serif;
}
#article_list .title{
	color:#d62e2e;
	font:bold 15px 'Trebuchet MS',Verdana,Helvetica, sans-serif;
}

#article_list .gold{
	padding:17px 9px;
	font-style:italic;
}
#article_list .ligne{
	height:2px;
	margin:15px 0;
	width:530px;
}
/************** Contact *****************/
#contact_list{
	margin:14px 0 10px 0px;
	width:180px;
	text-align:right;
	float:left;
}
#contact_list .contact_list_content{
	margin:0 0 10px;
	line-height:15px;	
} 
#contact_list .abstract{
	margin-top:10px;
}
#contact_list .separator{
	margin:40px 0;
}
.separator_contact{	
	float:left;
	height:305px;
	margin-left:5px;
	margin-top:15px;
	width:2px;
}
#contact_form{
	float:left;
	margin-left:10px;
	margin-top:5px;
  width:120px;
}
#contact_form .title{
	font:12px normal 'Trebuchet MS',Verdana,Helvetica, sans-serif;
	margin-left:3px;
	margin-top:10px;
	width:110px;
}
#contact_form input{
	border:1px solid #707273;
	background:#f5f5f5;
	width:250px;
	height:19px;
}
#contact_form textarea{
	border:1px solid #707273;
	background:#f5f5f5;
}
#contact_form input.submit{
	background:white none repeat scroll 0 0;
	border:1px solid #707273;
	color:#3F3F3F;
	font-size:11px;
	font-weight:bold;
	height:22px;
	margin:10px 0 0 183px;
	padding-bottom:3px;
	width:68px;
}
#contact #bt_submit{
	background:url("../images/i_layout/bt_submit.png") no-repeat scroll 0 1px transparent;
	color:#FFFFFF;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	height:23px;
	margin:-4px 53px 0 0;
	padding-bottom:3px;
	text-transform:uppercase;
	width:97px;
}
#contact #bt_submit:hover{
	background:url("../images/i_layout/bt_submit.png") no-repeat scroll 0 -21px transparent;
	color:#e7e7e7;
}
#contact_form input.submit:hover{
	border:1px solid black;
}
/************** ARTICLE *****************/
.article_display_content{
	margin-left:7px;
}
.article_display_content h3{
	color:#white;
	font:18px normal Verdana,Helvetica, sans-serif;
	margin:15px 0 10px;
}
.article_display_content .contents{
	color:black;
	font:12px normal Verdana,Helvetica, sans-serif;
	margin:0 0 20px;
}
/************** CONSEIL *****************/
#conseil_list{
	margin:25px 0 10px 5px;	
	text-align:left;	
}
#conseil_list .conseil_list_content{
	margin:0 0 13px;	
}
#conseil_list .date{
	color:#white;
	cursor:pointer;
	font:bold 11px 'Trebuchet MS',Verdana,Helvetica, sans-serif;	
}
#conseil_list .title{

}
#conseil_list .contents{
	color:black;
	font:normal 12px Verdana,Helvetica, sans-serif;	
	margin:4px 0 15px 4px;
	width:420px;
}
#conseil_list .date_content{
	color:#281B12;
	font:bold 11px 'Trebuchet MS',Verdana,Helvetica, sans-serif;	
	margin:-3px 0 15px 0;
}
.conseil_list_content{
}
/**********************  END CONTENT ***************************/
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
}
h2{
	font-size:23px;
	text-transform:uppercase;
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'FrutigerLightCn',tahoma,arial,sans-serif;
	text-shadow: #000 2px 2px;
}



.Avenir_bold {font-weight: normal; font-style: normal; font-family: 'PTSansBold', sans-serif;}
.Avenir {font-weight: normal; font-style: normal; font-family: 'PTSansRegular', sans-serif;}
.HelveticaNeueLight {font-weight: normal; font-style: normal; font-family: 'HelveticaNeueLight', sans-serif;}
.font_light_condensed{font-weight: normal; font-style: normal; font-family: 'FrutigerLightCn',Helvetica,Arial,sans-serif;}
.font_bold_condensed{font-weight: normal; font-style: normal; font-family: 'Frutiger67-CondensedBold',Helvetica,Arial,sans-serif;}
h2 strong {font-size:25px;font-weight: normal; font-style: normal; font-family: 'Frutiger67-CondensedBold', sans-serif;}
 
hr {
display:none;
} 
#feature .feat {
display:none;
}
#feature .selectedFeat {
display:block;
}
#references .Feats {
display:none;
width:655px;
float:left;
}
#references .selectedFeats {
width:655px;
float:left;
display:block;
}
.featimg {
position: relative;
float:left;
margin:27px 0 0 36px;

}

.dernier-projet{
position: absolute;
top:12px;
left: 17px;
}

.featureText{
position: absolute;
top:22px;
right: 10px;
width: 320px;	
height:185px;
float: right;

}


.featimg .illustration {
	float:left;
}
.featimg img {
	width:910px;height:353px
}

#dots {
width: 300px;
background: transparent url('../images/i_layout/switch_rond.png') 0px 13px no-repeat;
}

#pagination {
	background:transparent url('../images/i_layout/switch_background.png') no-repeat left center;
	position: absolute;
	top:461px;
	left:50%;
	margin-left:-95px;
	width: 189px;
	height: 33px;
	z-index:9999;
}

.leftarrow {
	background:url("../images/i_layout/switch_bt_left.png") no-repeat scroll left bottom transparent;
	display:block;
	float:left;
	height:25px;
	margin:6px 0 0 14px;
	position:relative;
	width:24px;
}

.leftarrow:hover {
	background:url("../images/i_layout/switch_bt_left.png") no-repeat scroll left top transparent;
	}

	
/*.leftarrow:hover {
background: transparent url('../media/images/layout/left_arrow.png') bottom left no-repeat;


}*/

.rightarrow {
	background:url("../images/i_layout/switch_bt_right.png") no-repeat scroll left bottom transparent;
	display:block;
	float:right;
	height:25px;
	margin:6px 14px 0 0;
	position:relative;
	width:24px;
	}
.rightarrow:hover {
	background:url("../images/i_layout/switch_bt_right.png") no-repeat scroll left top transparent;
	}
	
	/*.rightarrow:hover {
	background: transparent url('../media/images/layout/right_arrow.png') bottom left no-repeat;
	}*/

ul.navigation {
margin: 0px auto 0px auto;
padding: 6px 0px 0px 10px;

height: 27px;
display: block;
float: left;
}
.nav_refLeft{ 
	height:32px;
	width:7px;
	float:left;
	display: block;
	background:url("../images/i_layout/switch_rond_refLeft.png") no-repeat scroll left 6px transparent;
}
.nav_refRight{
	height:32px;
	width:7px;
	float:left;
	display: block;
	background:url("../images/i_layout/switch_rond_refRight.png") no-repeat scroll right 6px transparent;
}
.dot_position{
	position:absolute;
	margin:385px 0 0 305px;
	z-index:9888;
}
ul.nav_ref{
	float:left;
	padding:0;
	height:24px;
}
ul.nav_ref li{
	display:block;
	float:left;
	height:24px;
	margin:6px 0 0;
	width:22px;
}
ul.nav_ref a{
	height:24px;
	text-indent:-9999px;
	width:22px;
	display: block;
	background:url("../images/i_layout/switch_rond_ref.png") no-repeat scroll left top transparent;
}
ul.nav_ref a.selected,ul.nav_ref a:focus,ul.nav_ref a:hover {
	display: block;
	background:url("../images/i_layout/switch_rond_ref.png") no-repeat scroll left -24px transparent;
}