@import url('gen.css');
@import url('col_top.css');
@import url('footer.css');
@import url('col_bottom.css');
@import url('texte.css');

@font-face {
 font-family: Raleway;
 src: url("../fonts/Raleway/Raleway-Thin.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Abel;
 src: url("../fonts/Abel/Abel-Regular.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Arimo;
 src: url("../fonts/Arimo/Arimo-Regular.eot"); /* EOT file for IE */
}
@font-face
{
   font-family: 'Open Sans';
   src: url('../fonts/Open_Sans/OpenSans-Regular.eot'); /* EOT file for IE */
}

@font-face 
{
  font-family: 'Raleway';
  src: url('../fonts/Raleway/Raleway-Thin.ttf');
}
@font-face 
{
  font-family: 'Abel';
  src: url('../fonts/Abel/Abel-Regular.ttf');
}
@font-face 
{
  font-family: 'Arimo';
  src: url('../fonts/Arimo/Arimo-Regular.ttf');
}
@font-face
{
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}
/*########################################################################################################################################
																	COULEURS
/*########################################################################################################################################
ORANGE : ff9900
GRIS CLAIR : bab8b6
########################################################################################################################################*/

/*########################################################################################################################################
																	BLOCS
/*######################################################################################################################################*/

div#global_slide { position:relative; margin:0; padding:0; }

div#global_home { position:relative; margin:0 auto; z-index:100; min-height:100%; width:100%; }
div#global_intro { position:relative; margin:0 auto; z-index:10; min-height:98%; top:1%; width:99%; background-color:#FFFFFF; }

div#col_top { position:relative; top:0; left:0; width:100%; background:url(../images/black.png) repeat; padding:0;
			  overflow:hidden; }

div#col_bottom { position:absolute; bottom:0px; left:0;  
				 padding:0; width:33%; white-space:nowrap; }
				 
div#space_max { margin-bottom: 0; /* acvite tout risque de fusion des marges */
				padding-bottom: 5em; /* ATTENTION : cet espace doit permettre de placer le pied de page ! */ }

/*########################################################################################################################################
																	LOADING
/*######################################################################################################################################*/

/*div#loading { position:absolute; background:url(../images/ajax-loader.gif) left top no-repeat; 
			  width:31px; height:31px; text-indent:-5000px; top:50%; left:50%; z-index:500; }*/

div#loading { position:absolute; background:url(../images/ajax-loader.gif) center no-repeat;  background-color:#FFFFFF;
			  width:100%; height:100%; text-indent:-5000px; top:1px; left:1px; z-index:500; }

/*########################################################################################################################################
																	TOP FICHE
/*######################################################################################################################################*/

div#top_fiche { position:absolute; margin:0; padding:0 0 0 0; overflow:hidden; top:0; right:0;
				 }

p.titre_categorie { margin:15px 0 0 0; padding:0; font-size:24px; font-weight:normal; color:#999; overflow:hidden; }
p.titre_categorie a { color:#999; } p.titre_categorie a:hover { color:#666; }
h3.titre_fiche { margin:0; padding:0; overflow:hidden; font-size:38px; color:white; font-weight:bold; text-transform:uppercase; }	


/*########################################################################################################################################
																	SLIDER
/*######################################################################################################################################*/

/*---------------
	SLIDER
/*---------------*/

div#slider { position:relative;  }

div#masque { position:relative;  }

div#slider div.wrap { position:relative;  }

div#slider img { position:relative;  }

/*########################################################################################################################################
																COL BOTTOM PROJETS
/*######################################################################################################################################*/

/* OLD */
/*ul.projetticker { position:absolute; overflow:hidden; margin:0 0 0 0; padding:15px 17px 6px 0; list-style:none; text-align:right;
				  background:url(../gene/image/masque/masque_home.png) right bottom no-repeat; bottom:0; right:0; width:781px; }
				  
ul.projetticker span.sb_categorie { margin:0; padding:0; color:white;font-weight:normal; font-size:17px; }
ul.projetticker span.sb_categorie a { color:white;  } ul.projetticker span.sb_categorie a:hover { color:#5e635d;  }
ul.projetticker span.sb_titre { margin:0; padding:0; font-weight:bold; text-transform:uppercase; font-size:21px;}
ul.projetticker span.sb_titre a { color:white; } ul.projetticker span.sb_titre a:hover { color:#cccccc; }

div#col_top ul.navleft { position:relative; margin:0 0 0 28px; padding:0 0 15px 0; overflow:hidden; list-style:none; }*/


ul.projetticker { position:relative; overflow:hidden; margin:0 0 0 0; padding:0; list-style:none; text-align:left; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }

				  
/*########################################################################################################################################
																COL BOTTOM ACTUALITES
/*######################################################################################################################################*/

ul.descticker { position:absolute; overflow:hidden; margin:0; padding:19px 10px 0 20px; list-style:none; text-align:left;
				background:url(../images/black.png) repeat; bottom:0; right:0; width:0px; height:0px; }
				  
.LogoBlack
{
    position:absolute; margin:0; margin:5px 15px 0px 0px; width:240px; height:45px; list-style:none; 
    text-align:left; top:0; right:0;
    /*background-color:#FFFFFF; 
    filter:alpha(opacity=20); 
    -moz-opacity: 0.2; 
    opacity: 0.2; 
	z-index:1;*/
    }

.LogoBlackPosition
{
    position:absolute; margin:0; padding: 0 0 0 0; list-style:none; 
    top:15px; right:25px;
	z-index:100;
	cursor: pointer;
	
    }

.MainMenuPosition
{
    /*position:absolute; margin:0; padding: 0 0 0 0; list-style:none; 
    text-align:left; top:100; left:100; border: 1px solid red
	z-index:100;*/
	width:100%;
	
    }

/*########################################################################################################################################
																NEWSLETTER Slider
/*######################################################################################################################################*/
.NewsLetter_Position
{
    position:absolute; margin:0; padding:0px 0px 0px 0px; list-style:none; text-align:left; bottom:0px; right:0px;
    /*width:23%;*/
    width:33%;
    
    }

#panel_NewsLetter {
	background: #FFF;
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 
	height: 147px;
	display: none;
	padding-left:8px;
	padding-top:8px;
	/*width:290px;*/
}
.slide_NewsLetter {
	text-decoration: none;
}
.btn-slide_NewsLetter 
{
	/*background: url(images/logo_black.jpg) no-repeat right -50px;*/
	text-transform:uppercase; 
	/*filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; 
	width:281px; */
	height:20px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	display: block;
	text-decoration: none;
	/*background-color:#FFF;*/
	color:#000;
}

.btn-slide_NewsLetter_bg
{
    filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; 
	position:absolute;
	background-color:#FFF;
	width:100%;
	height:30px;
	top:0px;
}

.txtEmail
{
	 font-family: 'Open Sans', sans-serif; 
	 font-weight: bold;
	  font-size:11px;
	  height:14px;
	  width:198px;
	  padding-right:2px;
	  border-style:none;
}

/*########################################################################################################################################
																NEWS Slider
/*######################################################################################################################################*/
.News_Position
{
    position:absolute; margin:0; padding:0px 0px 0px 0px; list-style:none; text-align:left; bottom:0px; right:33.5%;
    width:33%;
    }

.News_More
{
    position:absolute; top:10px; text-decoration:underline; right:12px; font-weight:bold; font-size:11px;  padding-bottom:5px;
    color:#FFFFFF; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;  font-family: 'Open Sans', sans-serif;
    }

#panel_News {
	background: #FFF;
	filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    opacity: 0.6; 
	height: 145px;
	display: none;
	/*width:350px;*/
	padding-left:12px;
	padding-top:10px;
}
.slide_News 
{
	text-decoration: none;
}
.btn-slide_News {
	/*background: url(images/logo_black.jpg) no-repeat right -50px;*/
	text-transform:uppercase; 
	/*filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; 
	width:350px; 
	width:100%;*/
	height:20px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	display: block;
	text-decoration: none;
	color:#000;
}

.btn-slide_News_bg
{
    filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; 
	position:absolute;
	background-color:#FFF;
	width:100%;
	height:30px;
	top:0px;
}

.menu_head
{
	cursor:pointer;
	/*background-color:#000000;*/
	background-color: transparent;
	color:#FFFFFF;
	display:block;
	font-weight:lighter;
	
	padding-left:3px;
	padding-top:2px;
	padding-bottom:1px;
	text-decoration:none;
	font-family:'Abel', 'Open Sans', sans-serif;
	/*text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size:14px; line-height: 18px;
}

.menu_body
{
	 padding-right:3px; padding-left:3px;  padding-bottom:8px; padding-top:3px;
	 font-weight:lighter;
	 color:#FFFFFF;
	 font-family: 'Arimo', sans-serif; font-size:12px; 
	 line-height: 15px;
	 display:none;
}

.menu_list
{
	background:#000000;
	 color:#FFFFFF;
	 width:80%;
}

/*########################################################################################################################################
																Contac Title
/*######################################################################################################################################*/
.ContactPosition
{
    position:absolute; list-style:none; bottom:0px; right:0px;
    width:45%; 
    background: url(../images/contactMainBG.png);
    
}

.ContactTitle
{
    /*position:absolute; margin:0; padding:0px 0px 0px 0px; list-style:none; 
    text-align:left; top:15px; left:15px; right:15px;*/
    padding-left:9px; padding-right:9px; 
    background: url(../images/contactMainBGDark.png);
    /*font-family: 'Raleway', sans-serif; font-size:22px; */
    font-family: 'Abel', sans-serif; font-size:21px; 
    color:#FFF;
    height:29px; line-height:29px;
}

.ContactForm
{
    padding-left:10px; padding-top:10px; padding-bottom:10px; padding-top:10px;
    color:#FFF; font-family:'Abel', sans-serif; font-size:13px;
    width:100%; background: url(../images/contactFormBGDark.png);
}

.lnkSubmit
{
    margin:0;
    color:#FFF; font-family:'Abel', sans-serif; font-size:13px;
}

.ContactInfo
{
    width:100%; color:#FFF; font-family:'Abel', sans-serif; font-size:13px;
    padding-left:10px; padding-top:10px; padding-bottom:10px;
    margin:0; list-style:none; text-align:left; 
    background: url(../images/contactFormBGDark.png);
}
.txtContact
{
     width:190px;
     height:12px;
     font-size:11px;
    }   
.HRContact
{
    margin-top:5px; margin-bottom:5px; padding:0px; color:#FFF; 
    }

/*########################################################################################################################################
																News Title
/*######################################################################################################################################*/
.NewsPosition
{
    position:absolute; bottom:0px; right:0px;
    width:55%;  height:385px;
    background: url(../images/contactMainBG.png);
}

.NewsClose
{
    position:absolute;
    width:32px;  height:31px; top:107px; left:567px;
    background: url(../images/news_close_1.png);
    display: block;
    cursor:pointer;
    z-index:1100;
}
.BigNewsPosition
{
    position:absolute; left:15px; bottom:0px;
    width:592px;  height:340px;
    display:block;
    background-color:#FFFFFF;
    z-index:1000;    
    border: 0px solid red;
}

.NewsTitle
{
    padding-left:10px; padding-right:10px; 
    line-height:29px;
    height:29px; background: url(../images/contactMainBGDark.png); 
    font-size:21px;
    font-family: 'Abel', sans-serif; font-size:22px; color:#FFF;
    width:576px;
}

.NewsList
{
    margin:0;  padding-left:10px; padding-top:10px; padding-right:5px; list-style:none;
    font-family: 'Raleway', sans-serif; font-size:22px;
    background: url(../images/newsListBG.png);
}

.NewsInfo
{
    margin:0;  padding-left:10px; padding-top:10px; padding-right:10px; list-style:none; text-align:left;
    background-color:#FFF; color:#000;
    font-family: 'Raleway', sans-serif;
     width:340px;
}


/*########################################################################################################################################
																Furnishing
/*######################################################################################################################################*/
.txtUserPass
{
	 font-family: 'Abel', sans-serif; 
	 font-weight: bold;
	  font-size:11px;
	  height:16px;
	  width:120px;
	  padding-right:2px;
	  border-style:none;
	  background-color:transparent;
}

.FurnishingLogIn
{
    margin:0;
    padding:10px;
    padding-left:9px;
    color:#FFF; font-family:'Arimo', sans-serif; font-size:12px;
    width:100%; height:100%; background: url(../images/contactFormBGDark.png);
}
.FurnishingLogInText
{
    color:#FFFFFF; font-family:'Arimo', sans-serif; font-size:12px;
    font-weight:lighter; text-align:justify; line-height:15px;
}

/*########################################################################################################################################
																Lyfestyle
/*######################################################################################################################################*/
.lyfestyle
{
    width:100%; height:100%; color:#000; font-family:'Arimo', sans-serif; font-size:12px;
    padding-left:10px; padding-top:10px; padding-bottom:10px;
    margin:0; list-style:none; text-align:left; 
     /*background-color:#FFF;*/
     background: url(../images/newsListBG.png);
}

.lyfestyleTitle
{
    padding-right:5px; padding-top:5px;
    height:23px;
    font-family: 'Abel', sans-serif; font-size:21px; color:#FFF;
}

/*.lyfestyleSubTitle
{
    padding-right:5px; padding-top:5px;
    height:18px;
    font-family: 'Abel', sans-serif; font-size:16px; color:#FFF;
}*/

.LyfeStylePosition
{
    position:absolute; list-style:none; bottom:0px; right:0px;
    width:50%; 
    background: url(../images/contactMainBG.png);
    
}

.LyfeStyleSubtitle
{
    color:Black;
    font-weight:bold;
    font-family: 'Abel', sans-serif; font-size:14px; 
    height:16px; line-height:16px;
    cursor:pointer;
   padding-bottom:10px;
}


.LyfeStyleLink
{
    color:Black;
    font-weight:bold;
    }

.LyfeStyleLink:hover
{
      color:#686868;
    }

/* Styles specific to this particular page Scroller*/
.LyfeStyleScroll-pane
{
	width: 10%;
	height: 100px;
	overflow: auto;
}

.LyfeStyleDiv
{
	display:none; 
	width:200px;  
	position:absolute;
	text-align:justify;	
}
/*########################################################################################################################################
																Practice
/*######################################################################################################################################*/
.PracticePosition
{
    position:absolute; list-style:none; bottom:0px; right:0px;
    width:65%; 
    background: url(../images/contactMainBG.png);
    
}

.practiceTitle
{
    /*padding-right:5px; padding-bottom:5px;
    height:16px;
    font-family:'Abel', sans-serif; 
    font-size:21px; color:#FFF;
    font-weight:normal;*/
    
	text-transform:uppercase; 
	height:20px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	display: block;
	text-decoration: none;
	color:#FFF;
}

.practice_list
{
    padding-bottom:5px; padding-left:5px; background-color:transparent; padding-top:5px; text-decoration:none;
    font-family: 'Raleway', sans-serif; font-size:22px; color:#FFF;
}

.practice_text
{
    color:#FFF; font-family:'Arimo', sans-serif; font-size:12px; line-height:15px; text-align:justify; font-weight:lighter;
    margin:0; list-style:none; 
}


.PracticeBG
{
    width:100%; height:100%; color:#FFF; font-family:'Arimo', sans-serif; font-size:12px;
    margin:0; list-style:none; text-align:left; 
    background: url(../images/practiceBG.png);
}



/*########################################################################################################################################
																Contracting
/*######################################################################################################################################*/
.ContractingInfo
{
    width:100%; height:100%; color:#FFF; font-family:'Arimo', sans-serif; font-size:11px;
    padding-left:10px; padding-top:10px; padding-bottom:10px;
    margin:0; list-style:none; text-align:left; 
    background: url(../images/contactFormBGDark.png);
}



/*########################################################################################################################################
																Customer zone
/*######################################################################################################################################*/
.CZ_Position
{
    position:absolute; margin:0; padding:0px 0px 0px 0px; list-style:none; text-align:left; top:0px; left:235px; top:10px;
    z-index:110;
    }

.DIVCZ {
	position: relative;
	top: 0; left: 0px;
	top: -150px;
	/*border: 1px solid #ababab;
	background: #fff;
	color: #666;
	padding: 5px;
	width: 80px;
	z-index:-10;*/
}

.DIVCZON {
	position: relative;
	top: 0; left: 0px;
	top: -29px;
	left:11px;
	background: url(../images/cz_open.png);
    width:332px;
    height:29px;
}
.DIVCZOFF {
	position: relative;
	top: 0; left: 0px;
	top: -150px;
}


.lnkCZ
{
     width:50px;
     height:20px;
     border:1 px solid red;
}

.txtCZ
{
	 font-family: 'Abel', sans-serif; 
	 font-weight: bold;
	  font-size:11px;
	  height:16px;
	  width:120px;
	  padding-right:2px;
	  border-style:none;
	  background-color:transparent;
}

.LogInSubCZ
{
    height:40px; 
    padding: 5px; 
    color:red; 
    font-family:'Arimo', sans-serif; 
    font-size:12px; 
    font-weight:bold;
    /*background: url(../images/contactFormBGDark.png);*/
}

.CZMainPosition
{
    position:absolute; list-style:none; bottom:0px; right:0px;
    width:100%; 
    background: url(../images/contactMainBG.png);
    
}

.CZMainTitle
{
    padding-left:10px; padding-bottom:10px;
    height:16px;
    font-family:'Abel', sans-serif; 
    font-size:21px; color:#FFF;
    font-weight:normal;
}

.Close_CZ
{
    position:relative;
    top: -78px;
    left: 330px;
    height:0px;
    width:0px;
}

.Close_CZ_Link
{
    text-transform:uppercase; 
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
	height:14px;
	font-size:12px;
	text-align: left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	display: block;
	text-decoration: underline;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}