/*
	www.lifacolor.com  theme CSS Chocolat / Pistache
	----------------------------------------------------
	Copyrights - 2009 - Lifacolor - Camp Thomas
	---------------------------------------------------------
*/

@import "default.css";


body {
	background: 			#4f3914;
	color:					#9b896d;
}
.lettre_majuscule{
	font-weight:			bold;
	color:				 #A3844E;
	font-size:				11px;
}	
a {
	color:					#0084ff;
}

* html a { 
	border-bottom:			1px solid #77bdff; 
}

a:hover {
	color:					#309bff;
}

a.lien1 {
	font-family: Helvetica, Arial, Verdana, sans-serif, Helvetica;
	color:#765622;
	font-size:11px;}
	
a.lien2 {
	font:11px  Helvetica, Arial, Verdana, sans-serif, Helvetica;
	text-decoration: none;
	color:#5f4a21;
	font-size:11px;
	font-weight:bold;}
	
a.lien2:active {
	color:#5f4a21;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;}
	
a.lien2:visited {
	text-decoration: none;
	color: #5f4a21;
	font-size:11px;
	font-weight:bold;}
	
a.lien2:hover {
	color: #997837;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;}

.lien3 {
	font:11px  Helvetica, Verdana, sans-serif, Helvetica;
	text-decoration: underline;
	color:#c8cac4;
	font-size:11px;
	font-weight:bold;}
	
a.lien3:active {
	color:#c8cac4;
	text-decoration: underline;
	font-size:11px;
	font-weight:bold;}
	
a.lien3:visited {
	text-decoration: underline;
	color: #c8cac4;
	font-size:11px;
	font-weight:bold;}
	
a.lien3:hover {
	color: #9b8e7b;
	text-decoration: underline;
	font-size:11px;
	font-weight:bold;}

.lien4 {
	font:11px  Helvetica, sans-serif;
	text-decoration: none;
	color:#7a5f31;
	font-size:11px;
	font-weight:bold;}
	
a.lien4:active {
	color:#7a5f31;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;}
	
a.lien4:visited {
	text-decoration: none;
	color: #7a5f31;
	font-size:11px;
	font-weight:bold;}
	
a.lien4:hover {
	color: #4f3914;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;}

a.lien5 {
	font:11px  Helvetica, sans-serif;
	text-decoration: none;
	color:#997C4E;
	font-size:11px;
	font-weight:bold;}
	
a.lien5:hover {
	color: #F7FFE0;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;}

a.lien6 {
	color: #5a451e;
}
	
a.lien6:hover {
	color: #93702b;}
	
	
h2, h4, h5 {
	color:					#b39b6e;
}
h3 {
	color: #4b3a1a;
}

div.main_accueil_bg {
	background: 			url(../images/chocolat-pistache/accueil_bg.jpg) top center repeat-x;
	
}

div.main_accueil {
	background: 			url(../images/chocolat-pistache/accueil.jpg) top center no-repeat; 
}
div.main_container {
	background: 			url(../images/chocolat-pistache/bg_top.png) top center repeat-x; 
}
div.main_container_bg {
	background: 			url(../images/chocolat-pistache/content_bg.png) top center repeat-y; 
}

div.header {
	background: 			url(../images/chocolat-pistache/header_bg.jpg) top center no-repeat; 
}
	
	div.header div.logo{
	background: 			url(../images/chocolat-pistache/logo_lifacolor.png) top center no-repeat; 
	}


/**************************************************************

	Menu en images
**************************************************************/

#imageMenu ul li a {
	text-indent: -1000px;
	background:#C4FE20 none repeat scroll 0%;
	border-right: 0px solid #c5fe23;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:85px;
	height: 30px;
}

#imageMenu ul li.accueil a {
	background: 			url(../images/chocolat-pistache/menu_accueil_bg.png)  no-repeat scroll 0%;
}
#imageMenu ul li.accueil_on a {
	background: 			url(../images/chocolat-pistache/menu_accueil_on_bg.png)  no-repeat scroll 0%;
}
#imageMenu ul li.services a {
	background: 			url(../images/chocolat-pistache/menu_services_bg.png)  no-repeat scroll 0%;
}
#imageMenu ul li.services_on a {
	background: 			url(../images/chocolat-pistache/menu_services_bg_on.png)  no-repeat scroll 0%;
}
#imageMenu ul li.portfolio a {
	background: url(../images/chocolat-pistache/menu_portfolio_bg.png) no-repeat scroll 0%;
}
#imageMenu ul li.portfolio_on a {
	background: url(../images/chocolat-pistache/menu_portfolio_on_bg.png) no-repeat scroll 0%;
}

#imageMenu ul li.lifacolor  a {
	background: url(../images/chocolat-pistache/menu_lifacolor_bg.png) no-repeat scroll 0%;
}
#imageMenu ul li.lifacolor_on  a {
	background: url(../images/chocolat-pistache/menu_lifacolor_on_bg.png) no-repeat scroll 0%;
}


#imageMenu ul li.contact a {
	background: url(../images/chocolat-pistache/menu_contact_bg.png) no-repeat scroll 0%;
}
#imageMenu ul li.contact_on a {
	background: url(../images/chocolat-pistache/menu_contact_on_bg.png) no-repeat scroll 0%;
}


/*************************************************************/





/*   content */

div.content_bg {
	background: 			url(../images/chocolat-pistache/center_bg.jpg) top center no-repeat; 
}

div.content {
	
}


div.separation {
	width: 517px;
	height: 11px;
	margin-left: -60px;
	margin-top: -3px;
	background: url(../images/chocolat-pistache/ligne_separation_menu.png) no-repeat;
	}
div.ligne_sep_2{
	width: 691px;
	height: 3px;
	margin-left: -40px;
	background: url(../images/chocolat-pistache/separation.png) no-repeat;

}

div.select_port_print{
	width: 12px;
	height: 5px;
	margin-left: 60px;
	background: url(../images/chocolat-pistache/portfolio_fleche.png) no-repeat;	
}

div.select_port_web{
	width: 12px;
	height: 5px;
	margin-left: 195px;
	background: url(../images/chocolat-pistache/portfolio_fleche.png) no-repeat;	
}

div.select_port_photo{
	width: 12px;
	height: 5px;
	margin-left: 300px;
	background: url(../images/chocolat-pistache/portfolio_fleche.png) no-repeat;	
}

div.top_port_print{
	width: 661px;
	height: 311px;
	margin-left: 14px;	
	background: url(../images/chocolat-pistache/print_design_top.png) no-repeat;
}


div.top_port_web{
	width: 654px;
	height: 281px;
	margin-left: 14px;	
	background: url(../images/chocolat-pistache/web_top_port.png) no-repeat;
}

div.etiquette_rub{
	background: 			url(../images/chocolat-pistache/etiquette_rubrique.png) top center no-repeat;
}
div.etiquette_rub_grande{
	background: 			url(../images/chocolat-pistache/etiquette_rubrique_grande.png) top center no-repeat;
	color:					#785f2f;
	font-size:11px;
	font-family:Helvetica , sans-serif;
}
div.etiquette_rub_grande_plus{
	background: 			url(../images/chocolat-pistache/etiquette_rubrique_grande_plus.png) top center no-repeat;
	color:					#785f2f;
	font-size:11px;
	font-family:Helvetica , Arial, sans-serif;
}

div.news_content{
	background: 			url(../images/chocolat-pistache/news_bg.png) top center no-repeat;
}
div.titre_rubrique{
	color:					#785f2f;
	font-size:11px;
	font-family: Helvetica, sans-serif;
}


/**** Fiche projet ****/


div.fiche_projet{
	background: 			url(../images/chocolat-pistache/bg_fiche_proj_port.png) center no-repeat;
}
div.fiche_projet_2{
	background: 			url(../images/chocolat-pistache/bg_fiche_proj_port_2.png) center no-repeat;
	width:					708px;
	height:					948px;
}

div.fiche_projet div.titre_projet{
	width: 125px;
	height: 130px;
	padding-top:55px;
	margin-left: 10px;
}
div.fiche_projet div.titre_projet_2{
	width: 125px;
	height: 130px;
	padding-top:55px;
	margin-left: 18px;
}

div.fiche_projet_2 div.titre_projet_2{
	width: 125px;
	height: 130px;
	padding-top:55px;
	margin-left: 18px;
}

div.fiche_projet div.titre_projet_3{
	width: 125px;
	height: 130px;
	padding-top:55px;
	margin-left: 50px;
}
div.apercus_main{
	width: 546px;
	height: 385px;
	margin-left: 147px;
	margin-top: -138px;
}
div.apercus_main span{
	display: none;
}
div.apercus_main_2{
	width: 546px;
	height: 385px;
	margin-left: 152px;
	margin-top: -139px;
}
div.apercus_main_2 span{
	display: none;
}

div.apercus_bottom{
	width: 186px;
	height: 127px;
	margin-left: 153px;
	margin-top: 305px;
}
div.apercus_right{
	margin-top: 26px;
}

div.apercus_bottom_2{
	width: 186px;
	height: 127px;
	margin-left: 153px;
	margin-top: 24px;
}
div.apercus_bottom span{
	display: none;
}

div.apercus_bottom_2 span{
	display: none;
}


div.bg_date{
	background: 			url(../images/chocolat-pistache/bg-date.png) top center no-repeat;
	float: 					 left;
	width: 140px;
	height: 21px;
	margin-left: 2px;
	margin-top: -190px;
}
div.bg_date span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	text-align: right;
}
div.bg_type{
	background: 			url(../images/chocolat-pistache/bg_type.png) top center no-repeat;
	float: 					 left;
	width: 140px;
	height: 21px;
	margin-left: 2px;
	margin-top: -160px;
}
div.bg_type span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	text-align: right;
}
div.bg_client{
	background: 			url(../images/chocolat-pistache/bg_client.png) top center no-repeat;
	float: 					 left;
	width: 140px;
	height: 21px;
	margin-left: 2px;
	margin-top: -130px;
}
div.bg_client span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	text-align: right;
}
div.bg_liens{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 355px;
	margin-top: -120px;
}
div.bg_liens span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-left: 15px;
	margin-top: 30px;
	text-align: left;
}
div.bg_liens_2{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 355px;
	margin-top: -120px;
}
div.bg_liens_2 span{
	color: #d6cab4;
	font-size: 11px;
	float: left;
	margin-left: 18px;
	margin-top: 30px;
	text-align: left;
}
div.bg_liens_3{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 165px;
	margin-top: 50px;
}
div.bg_liens_3 span{
	color: #d6cab4;
	font-size: 11px;
	float: left;
	margin-left: 31px;
	margin-top: 25px;
	text-align: left;
}
div.bg_liens_jc{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 15px;
	margin-top: -120px;
}
div.bg_liens_jc span{
	color: #d6cab4;
	font-size: 11px;
	float: left;
	margin-left: 18px;
	margin-top: 30px;
	text-align: left;
}
div.bg_liens_MG{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 520px;
	margin-top: 160px;
}
div.bg_liens_MG span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-top: -100px;
	padding-right: 16px;
	text-align: left;
}
div.bg_liens_Ing{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 355px;
	margin-top: -120px;
}
div.bg_liens_Ing span{
	color: #d6cab4;
	font-size: 11px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	text-align: left;
}
div.bg_liens_Man{
	background: 			url(../images/chocolat-pistache/bg_liens.png) top center no-repeat;
	width: 140px;
	height: 21px;
	margin-left: 355px;
	margin-top: 315px;
}
div.bg_liens_Man span{
	color: #d6cab4;
	font-size: 11px;
	float: right;
	margin-top: 30px;
	padding-right: 50px;
	text-align: left;
}

div.desc_proj{
	float: left;
	width: 340px;
	margin-left: 164px;
	margin-top: 30px;
	color: #dbc8a1;
}
/**
div.bt_retour{
	float: 					 left;
	width: 140px;
	height: 21px;
	margin-left: 355px;
	margin-top: -120px;
}**/




/**** SERVICES ****/

div.croix{
	background: 			url(../images/chocolat-pistache/croix_services.png) top center no-repeat; 
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 3px;
}
div.croix_left{
	background: 			url(../images/chocolat-pistache/croix_services.png) left center no-repeat; 
	width: 18px;
	height: 18px;
	float: left;
	margin-left: -375px;
	margin-top: -66px;
}
div.croix_left_2{
	background: 			url(../images/chocolat-pistache/croix_services.png) left center no-repeat; 
	width: 18px;
	height: 18px;
	float: left;
	margin-left: -360px;
	margin-top: -15px;
}
div.croix_left_3{
	background: 			url(../images/chocolat-pistache/croix_services.png) left center no-repeat; 
	width: 18px;
	height: 18px;
	float: left;
	margin-left: -210px;
	margin-top: 0px;
}
div.croix_4{
	background: 			url(../images/chocolat-pistache/croix_services.png) top center no-repeat; 
	width: 18px;
	height: 18px;
	margin-top: 28px;
	margin-left: 75px;
}
div.croix_last{
	background: 			url(../images/chocolat-pistache/croix_services.png) top center no-repeat; 
	width: 18px;
	height: 18px;
	float: left;
	margin-top: -83px;
}

div.devis_txt_intro{
	font-family:Helvetica, Arial, sans-serif;
	width: 580px;
	font-size: 12px;
	color: #dbc8a1;
	line-height:			13px;
	text-align:				justify;
}




div.titre_work{
	color:					#1d1402;
	font-size:11.5px;
	letter-spacing:-0.2px;
	font-family:Helvetica, Arial, sans-serif;
}

span.titre_description{
	color:					#e3d4bc;
	font-size:11px;
	font-weight: bold;
}

span.texte_Maj_Vert{
	font-size: 14px;
	color: #c8fe2c;
	font-variant: small-caps;
}
span.texte_vert{
	color:  #cefe2f;
	font-weight: bold;
}


div.savoir_plus{
	background: 			url(../images/chocolat-pistache/fleche_sup.png) right no-repeat;
	cursor:				 pointer;
}

/** Page Work  **/
div.apercu_work_large_bg{
	background: 			url(../images/chocolat-pistache/bg_img_project_large.png) center no-repeat;
}
div.cadre_plus_images{
	background: 			url(../images/chocolat-pistache/bg_plus_images_cadre.png) center no-repeat;
}
div.cadre_plus_images_gd{
	background: 			url(../images/chocolat-pistache/bg_plus_images_cadre_grd.png) center no-repeat;
}
div.cadre_plus_explore{
	background: 			url(../images/chocolat-pistache/bg_cadre_plus_explore.png) center no-repeat;
}

/** Demo projects **/

#wrap {
			width:700px;
			margin:0px auto;
			margin-left: 12px;
			
		}
		
		/* ---- styling the list ---- */
		
		#work {
			float:left;
			list-style:none;
			margin:0;
			margin-left: 0px;
			padding:0;
		}
		#work li {
			float:left;
			display:block;
			width:340px;
			margin:0px;
			display:inline;
			
			background: 			url(../images/chocolat-pistache/bg_demo.png) center no-repeat;
			/*border:1px solid #cad789; */
			height:195px;
		}
		#work li a {
			border:none;
		}
		#work p {
			margin-bottom:0;
		}
		
		
		/* ---- show-hide elements ---- */
		
		#work li .show{
			display:block;
			padding-left: 11px;
			padding-top: 14px;
			width:235px;
			height:154px;
		}
		#work li .hide {
			color:#d4df9d;
			text-align: left;
			height: 0;
			overflow: hidden;
			background:#d0fe2d;
			-moz-opacity: 0.8;    opacity: 0.8;

		}
		#work li:hover .hide, #work li.over .hide {
			cursor: pointer;
			margin-left: 11px;
			margin-top: 0px;	
			height: 159px;
			width:299px;
			color:#634d21;
			padding-left: 10px;
			padding-top: 10px;
			padding-right: 10px;

		}
		#work li:hover .show, #work li.over .show {
			height: 0;
			color:#ff0707;

			//overflow: hidden;
		}
		
		#work li a volont{
			color:#5a431a;
			font-size:1.4em;
		}
		#work li a:hover {
			color:#977739;
		}


/** Page Work / **/

/** Commentaires **/
div.img_coms{
	background: 			url(../images/chocolat-pistache/img_coms.png) top center no-repeat;
}
div.emeteur_bg{
	background: 			url(../images/chocolat-pistache/bg_barre_commentaires.png) top no-repeat;
}
div.emeteur_date{
	color:#ac9c82;
}
div.com {
	color:#997c4e;
	text-align:justify;
}
div.formulaire_bg{
	background: 			url(../images/chocolat-pistache/bg_com_form.png) top no-repeat;
}
div.form_nom{
	background: 			url(../images/chocolat-pistache/bg_description_type.png) left center no-repeat;
}
div.form_mail{
	background: 			url(../images/chocolat-pistache/bg_description_type.png) left center no-repeat;
}
div.form_nom_contact{
	background: 			url(../images/chocolat-pistache/bg_description_type_2.png) left center no-repeat;
}
div.form_nom_contact_2{
	background: 			url(../images/chocolat-pistache/bg_description_type_3.png) left center no-repeat;
}
div.form_nom_contact_3{
	background: 			url(../images/chocolat-pistache/bg_description_type_4.png) left center no-repeat;
}
div.form_mail_contact{
	background: 			url(../images/chocolat-pistache/bg_description_type.png) left center no-repeat;
}
.logo_skype{
	margin-top: -5px;
	margin-left: 15px;
}

.logo_skype{
	padding-top: 5px;
}
div.form_mess{
	background: 			url(../images/chocolat-pistache/bg_mess_com.png) left center no-repeat;
}
div.form_mess_contact{
	background: 			url(../images/chocolat-pistache/bg_mess_com.png) left center no-repeat;
}
div.form_mess_contact_2{
	background: 			url(../images/chocolat-pistache/bg_mess_com_3.png) left center no-repeat;
}
.etoile_rouge{
	margin-left: -25px;
	margin-top: 3px;
	}


input.form_elem{
	background-color:transparent;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color:#cdc7bb;
}
textarea.form_elem_mess{
	background-color:transparent;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color:#cdc7bb;
}
textarea.form_elem_mess2{
	background-color:transparent;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color:#cdc7bb;
	}

input[type="submit"].bt_form{
	background-color:#765622;
	border-color:#59441E;
	border-spacing:2px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color:#A0B028;
}
input[type="submit"].bt_form:hover{
	color:#CDC7BB;
}


/** footer **/
div.pre-footer {
	background:				url(../images/chocolat-pistache/content_bg-footer.jpg) center no-repeat;
}
div.footer_top {
	background:				url(../images/chocolat-pistache/bg_footer_top.png) bottom center repeat-x;
}
div.footer {
	background:				url(../images/chocolat-pistache/bg_footer.jpg) bottom center repeat;
}
div.footer_botton {
	background:				url(../images/chocolat-pistache/bg_footer-bottom.png) bottom center repeat-x;
}


/***** Feteared Bar ********/


#sub-panel a {
	width:292px;
	height:54px;
	background:				url(../images/chocolat-pistache/bt-feteared-footer.png) center no-repeat;
}



/*  Gallerie Photos */

div.photo_book_index{
	margin-left: 80px;
}

div.thumb_gall {
	width: 683px;
	height:213px;
	margin-left: 23px;
	background:url(../images/chocolat-pistache/bd-gallery-thumb.png) no-repeat -1px 0px;

}

#container {
			width: 640px;
			margin: 0px 0px 0px 15px;
		}
		
#thumbs {
			overflow: hidden;
			position: relative;
		}
		
#pageContainer {
			width: 3900px;
		}
		
#pagerContainer {
			float: left;
			width: 640px;
			
			margin-top: 15px;
			
		}
		
.page {
			float: left;
			width: 640px;
		}
		
.thumbnail {
			float: left;
			margin: 0 15px 17px 0;
			width: 65px;
			height: 63px;
		}
		
pre {
			
		}
		
		/* this is for the loading.gif */
.thumbnail div img {
			margin: 22px;
		}
		
.thumbnail a img {
			width: 67px;
			height: 65px;
		}
		
#bigimageContainer {
			float: left;
			background-position:center;
			position: relative;
			margin: 20px 0px 0px 0px;
		}
		
#bigImage {
			border: 5px solid #fff;
		}
		
#prev {
			float: left;
			outline: none;
			margin-top:-7px;
		}
		
#next-gall {
			float: right;
			margin-right: 10px;
			margin-top:-7px;
			outline: none;
		}
/*	
a img {
			border: 2px solid #fff;
		}
*/

/**      Page Photo    ***/
div.img_photos{
	background: 			url(../images/chocolat-pistache/img_photos.png) top center no-repeat;
}
div.img_photo_paysages{
	background: 			url(../images/chocolat-pistache/img_photo_paysages.png) top center no-repeat;
}
div.img_photo_portraits{
	background: 			url(../images/chocolat-pistache/img_photo_portraits.png) top center no-repeat;
}
div.img_photos_concerts{
	background: 			url(../images/chocolat-pistache/img_photos_concerts.png) top center no-repeat;
}
div.img_photo_urbain{
	background: 			url(../images/chocolat-pistache/img_photo_urbain.png) top center no-repeat;
}
div.img_photo_panos{
	background: 			url(../images/chocolat-pistache/img_photo_panos.png) top center no-repeat;
}

/**      Page Panoramiques    ***/

div.bd_panoramique{
	background: 			url(../images/chocolat-pistache/bd_pano.png) top center no-repeat;
	width:640px;
	height:276px;
	margin-left: -10px;
	padding:	10px 0px 10px -10px;
	padding-left: 20px;
}