/******************************************
			Global Definitions
 ******************************************/

	HTML{
		overflow-y : scroll;
	}

	BODY{
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;

/*		background-color:#e6b470;*/
		background:url(../images/template/background_top.png) top left #e6b470;
		background-repeat:repeat-x;
		
		
	}
	A{
		text-decoration: none;
		color: #dd983a;
	}
	a:hover {
		color: #555;
	}
	
	FORM{
		padding:0px;
		margin:0px;
	}
	
	INPUT, TEXTAREA, SELECT{
		font-size:1em;
		border:#000000 solid 1px;
	}
	
	DIV{
/*
		-moz-box-sizing:border-box;box-sizing:border-box;
		border:#000000 solid 1px;
*/
	}

	BR{
		letter-spacing:0;
	}
	
	HR{
		color:#999999;
		width:95%;
		height:1px;
	}
	TD{
		vertical-align:top;
	}

	P{
		text-align: justify ;
		text-indent: 2em ;
		margin:10px;
	}
	UL{
		margin-top:10px;
		margin-bottom:10px;
	}
	LI{
		line-height:1.5em;
	}
	
	blockquote{
		margin-top:0px;
	}

	.hidden{
		display:none;
	}
	
/******************************************
			Box positionning
 ******************************************/

	#global_layer{
		position:relative;
		margin-left: auto;
		margin-right: auto;
		padding:0px;
		width: 840px;
		text-align: left;
	}
	
	#global_layer H1.footer{
		background:url(../images/template/background-shadows-bottom.png) no-repeat; 
		width:840px; 
		height:28px;
		padding:0px;
		margin:0px;
		border:none;
	}
	
	#header_layer{
		position:relative;
		width:800px;
		height:150px;
		margin-left:20px;
	}
	#header_layer .logo{
		position:absolute;
		top:0px;
		left:0px;
	}
	#header_layer .slogan{
		position:absolute;
		top:40px;
		right:20px;
		font-size:48px;
		font-weight:bold;
		color:#dc9433;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:-3px;
	}


	#navigation_menu{
		margin-left:20px;
	}
	#content_layer{
		position:relative;
		width:840px;

		background:url(../images/template/background-shadows.png);
		background-repeat:repeat-y;
	}

	
	#tabs_layer{
		width:800px;
		margin-left:20px;
		background:url(../images/template/background-under-tabs.gif) no-repeat #faf0e2;

	}

	#footer_layer{
		position:relative;

		width:800px;
		margin-left:20px;

		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		background:url(../images/template/background-footer.png) repeat-y;
	}
	

/******************************************
			Pages styles
 ******************************************/


	#global_layer H1{
		font-size:12px;
		padding-left:0px;
		border-bottom:#000000 solid 1px;
		margin-bottom:25px;
		margin-top:10px;
		letter-spacing:0.1em;
	}

	#global_layer H2{
		font-size:11px;
		margin-left:20px;
	}
	.portofolio-example TABLE{
		width:100%
	}
	.portofolio-example .image{
		width:260px;
		text-align:center;
	}
	.portofolio-example .image IMG{
		border:#000000 solid 1px;
	}

	.portofolio-example UL{
		margin-top:10px;
		margin-bottom:10px;
	}

	#Accueil .flipper-pics {  
		padding: 0;  
		margin:  5px;
		height:180px;
		display:none;
		padding:10px;
	} 
	#Accueil .flipper-pics SPAN{
		padding: 0;  
		background-color: #FFF;  
		border:  1px solid #ccc;
	}
	 
	#Accueil .flipper-pics img {  
		padding: 0;  
		margin:  7px;  
		border:  1px solid #ccc;  
	} 


	#Accueil .presentation_text{
		width:500px;
	}

	#Accueil .left_boxes{
		float:right;
		width:230px;
	}

	#Accueil .encart {
		position:relative;
		width:230px;
		background:url(../images/template/encart/background-bottom.png) bottom no-repeat;
	}

	#Accueil .encart H1{
		margin:0px;
		border:none;
		background:url(../images/template/encart/background-top.png) top no-repeat;
		height:25px;
		line-height:24px;
		color:#b07629;
		padding-left:25px;
		font-size:1em;
	}
	
	#Accueil .encart H1 SPAN{
		display:block;
	}
	

	#Accueil .encart H2{
		margin:0px;
		margin-left:15px;
		margin-top:15px;
		color:#b07629;
	}

	#Accueil .encart .content{
		display:block;
		padding:15px;
	}

	#Accueil #news{
		margin-bottom:20px;
	}	

	#Accueil .encart A.know-more{
		position:absolute;
		top:210px;
		left:150px;
		display:block;
		text-align:right;
		color:#b07629;
		font-weight:bold;
	}

	#Accueil .encart A.know-more:hover{
		color:#000000;
	}

	#Accueil .encart .imageFlipper{
		height:200px;
		padding:14px;
	}

	#Accueil .encart .imageFlipper .flipper{
		padding:0px!important;
		border:#000000 solid 1px;
	}

	
	#slider_homepage {
		border:#999999 solid 1px;
		margin-right:10px;
	}

	#slider_homepage H1{
		margin:0px;
		margin-top:5px;
	}

	.slogan{
		text-align:center;
		font-size:1.5em;
	}


	a.contact_us{
		color:#000000;
		font-size: 12px;
		font-weight:bold;
		display:block;
		width:151px;
		height:40px;
		background:url(../images/button.png) no-repeat;
		text-align:center;
		line-height:35px;
	}
/* Css help ------------------------------------------------- */

.services-accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}

.services-accordion a.contact_us{
	float:right;
	margin-right:40px;
	margin-top:40px;
	z-index:1000;
}

.services-accordion h3 {
	background: #f5e2c6 url(../images/template/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.services-accordion h3:hover {
	background-color: #edc795;
}
.services-accordion h3.active {
	background-position: right 5px;
}

.services-accordion DIV{
	padding: 10px 15px 20px;
	background-color:#fdf8f3;
}

.services-accordion SPAN {
	display:block;
	background: #f7f7f7;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	margin: 0;
	padding:0px;
}
.services-accordion P{
	text-indent:1.5em;
}
.services-accordion OL{
	padding-left:40px;
	list-style:decimal;
	margin-top:10px;
}

.services-accordion OL, .services-accordion UL{
	padding-left:40px;
	margin-top:10px;
}

.services-accordion UL{
	margin-left:40px;
}

.services-accordion LI{
	margin-bottom:10px;
}

.services-accordion OL OL LI{
	margin-bottom:5px;
}

.services-accordion OL LI UL{
	list-style:disc;
}

.services-accordion OL LI H1{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
}

/* Css contact ------------------------------------------------- */
.website-form A{
	font-weight:bold;
	letter-spacing:0.1em;
}
.website-form DIV{
	margin-left:auto;
	margin-right:auto;
	width:450px;
	border:#dd983a solid 1px;
	padding:1px;
}

.extranet-form DIV{
	width:250px;
}
.website-form TABLE{
	border-collapse:collapse;
	width:100%;
}

.website-form TD{
	padding:3px;
	border:#FFF solid 1px;
	background-color:#f5e2c6;
}

.website-form TH{
	text-align:center;
	border:#FFF solid 1px;
	background-color:#edc795;
	padding:0 10px;
}


.website-form TFOOT TD{
	text-align:center;
}
.website-form TFOOT TD A{
	margin:10px;
}

.website-form TFOOT TABLE TD{
	border:none;
}

.website-form INPUT, .website-form SELECT{
	width:200px;
}
.extranet-form INPUT{
	width:150px;
}

.website-form TEXTAREA{
	width:300px;
	height:50px;
}

#contact-address{
	width:450px; 
	margin-left:auto; 
	margin-right:auto; 
}
#contact-address H2{
	font-size:1em;
	margin-left:0px;
	margin-bottom:5px;
}

#contact-address SPAN{
	width:30px;
	display:block;
	float:left;
	clear:both;
}

#contact-address DIV{
	float:left;
	width:50%; 
}

.google-maps{
	clear:both;
	padding-top:30px;
	margin-left:250px;
	margin-bottom:20px;
	
}

.FormResponse{
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	display:none;
}

#ExtranetResponse{
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
}

#ContactResponse{
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

DIV.item-details{
	border:#dd983a solid 1px;
	padding:1px;
}

DIV.item-details TABLE{
	border-collapse:collapse;
	width:100%;
}

DIV.item-details TD{
	padding:3px 10px;
	border:#FFF solid 1px;
	background-color:#f5e2c6;
}

DIV.item-details TH{
	text-align:center;
	width:150px;
	border:#FFF solid 1px;
	background-color:#edc795;
	padding:0 10px;
}

DIV.tarifs{
	border:#dd983a solid 1px;
	padding:1px;
}

DIV.tarifs TABLE{
	border-collapse:collapse;
	width:100%;
}

DIV.tarifs TD{
	padding:4px 10px 4px 5px;
	border:#FFF solid 1px;
	background-color:#f5e2c6;
}

DIV.tarifs THEAD TH{
	padding:4px 10px 4px 5px;
	text-align:left;
	border:#FFF solid 1px;
	background-color:#edc795;
	font-weight:normal;
}

DIV.tarifs TH{
	padding:4px 10px 4px 5px;
	border:#FFF solid 1px;
	background-color:#f5e2c6;
}


.sendto-tarif-comments{
	font-style:italic;
	font-size:10px;
}

UL.tarif-comments{
	margin:0px;
	padding:0px;
	list-style:none;
}

UL.tarif-comments LI{
	font-style:italic;
	font-size:10px;
}

DL.message-logs{
	border:#dd983a solid 1px;
	padding:1px;
}

DL.message-logs DT{
	background-color:#edc795;
	padding:5px;
	border:#FFF solid 1px;
	font-style:italic;
	font-size:0.9em;
}

DL.message-logs DD{
	background-color:#f5e2c6;
	margin:0px;
	padding:5px;
}


@media print {
	#tabs_layer{
		width:630px;
		margin-left:0px;
	}
	#Accueil .presentation_text{
		width:350px;
	}
	.services-accordion {
		width:630px;
	}
}