/*
 Green color: #225948
 Orange color: #FF8A3D
 Red color; #dd0000
 Brown color: #ded092;
*/

*{
	margin:0;
	padding:0;
}
img{
	border:0;
}
body{
	background-color:#225948;
}
#website{
	width:770px;
	margin:auto;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background-color:#fff;
}
#slideshow{
	float:left;
	width:170px;
	height:120px;
	margin-left:10px;
}
#slideshow img{
	position:absolute;
	border:1px solid #ccc;
	margin:0 auto;
	display:block;
}
.bullet_arrow{
	background:url(images/_bullets/bullet_diaporama.gif) no-repeat;
	background-position:0 50%;
	padding-left:15px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#aaa;
}
.bullet_arrow:hover{
	border-bottom:1px dotted #aaa;
}
/*
 * ALERTS
 */
.alert_information{
	background:#d5e7fd url(images/_icons/ico_information.gif) center no-repeat;
	background-position:15px 50%;
	text-align:justify;
	padding:5px 20px 5px 15px;
	margin-top:10px;
	padding-left:35px;
	font-family:Verdana;
	color:#0066FF;
}
.alert_error{
	background:#ffd2d2 url(images/_icons/ico_alert.gif) no-repeat;
	background-position:10px 50%;
	color:#eb6d59;
	font-size:75%;
	padding:10px;
	padding-left:35px;
	text-align:left;
}
.alert_ok{
	background:#ccffcc url(images/_icons/ico_confirmation.gif) no-repeat;
	background-position:10px 50%;
	color:#009933;
	font-size:75%;
	padding:10px;
	padding-left:35px;
	text-align:left;
}
/*
 * FOR ALL THE FORMS IN THE SITE
 */
.forms{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.forms input{
	cursor:pointer;
}
.forms p{
	margin-bottom:5px;
}
.forms p label{
	display:block;
	float:left;
	text-align:right;
	width:130px;
	margin-right:5px;
	cursor:pointer;
}
.forms span{
	color:#aaa;
	font-size:0.8em;
}
.empty_field{
	border:2px solid #E56154;
}
/*
 * TOP OF THE SITE
 */
#top{
	width:770px;
	height:30px;
	border-top:5px solid #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#top a{
	height:20px;
	font-size:70%;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background-color:#333;
	display:block;
	padding-left:22px;
	padding-top:5px;
	margin-right:5px;
	float:right;
}
#top a:hover{
	text-decoration:underline;
}
.link_createaccount{
	background:url(images/_icons/ico_createaccount.gif) no-repeat;
	background-position:5px 30%;
	padding-right:10px;
}
.link_login{
	background:url(images/_icons/ico_login.gif) no-repeat;
	background-position:5px 30%;
	padding-right:10px;
}
.link_basket{
	background:url(images/_icons/ico_basket.gif) no-repeat;
	background-position:2px 30%;
	padding-right:10px;
}
.logo{
	position:absolute;
	top:0;
	margin-top:10px;
	margin-left:50px;
}
/*
 * CREATE AN ACCOUNT
 */
#account{
	padding-left:10px;
	padding-right:10px;
}
/*
 * LOGIN
 */
#login{
	padding-left:10px;
}
#login .left .forms{
	padding-top:15px;
}
#login a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#225948;
	font-weight:bold;
}
#login a:hover{
	text-decoration:underline;
}
#login p{
	padding-right:10px;
}
#send_password{
	padding-right:10px;
}
/*
 * HEADER OF THE SITE
 */
#header{
	background:url(images/header.jpg) no-repeat;
	height:200px;
	margin-top:30px;
}
.slogan{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	color:#1E5242;
	width:300px;
	text-align:center;
	padding-top:60px;
	margin-left:150px;
}
/*
 * MENU IN THE HEADER
 */
#menu{
	background:url(images/menu.gif) no-repeat;
	height:100px;
	width:500px;
	position:absolute;
	top:190px;
}
#items{
	margin-top:10px;
	margin-left:30px;
}
#items a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:75%;
	display:block;	
	float:left;
	height:30px;
	color:#fff;
	text-decoration:none;
	margin-top:-3px;
	margin-left:15px;
	padding-top:15px;
}
#items a:hover{
	color:#ded092;
	background:url(images/item_hover.gif) no-repeat;
}
/*
 * CONTENT OF THE SITE
 */
#content{
	margin-top:30px;	
}
#content h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	font-weight:normal;
	margin-bottom:20px;
}
#content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-indent:2em;
	text-align:justify;
}
.left{
	float:left;
	width:510px;
	margin-right:10px;
}
.right{
	float:right;
	width:240px;
}
/*
 * HOME PAGE OF THE SITE
 */
#home p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	text-indent:2em;
}

/*
 * NEWS (ON THE INDEX PAGE)
 */
.news_date{
	background:url(images/date_ltr.gif) no-repeat;
	float:left;	
	margin-right:10px;
}
.short_news_date{
	background:url(images/date_rtl.gif) no-repeat;
	float:right;
	margin-left:10px;
}
.news_date, .short_news_date{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	width:82px;
	height:55px;
	text-align:center;
	padding-top:10px;
}

#latest_work{
	margin-top:40px;
	margin-bottom:20px;
	height:120px;
}
.news_list{
	float:left;
	background-color:#f8f5e7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	font-variant:small-caps;
	height:100px;
	width:240px;
	padding:5px;
	padding-top:10px;
	border:1px solid #ded092;
}
.news_list li{
	list-style-type:none;
	margin-bottom:5px;
}
.news_list li a{
	text-decoration:none;
	color:#555;
}
.news_list li a:hover{
	color:#000;
}
.news_menu{
	float:left;
	width:400px;
	background-color:#ded092;
	margin-left:30px;
	padding-top:46px;
	padding-bottom:46px;
	text-align:center;
}
.news_menu h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	font-weight:normal;
}
/* 
 * PRESTATIONS PAGE
 */
#prestations{
	padding-left:10px;
	height:300px;
}
#prestations b{
	color:#225948;
}
#prestations_list{
	font-family:Georgia, "Times New Roman", Times, serif;
}
#prestations_list ul{
	padding-left:10px;
}
#prestations_list ul li{
	list-style-type:none;
	text-align:left;
	padding-left:15px;
	background:url(images/_bullets/bullet_prestations.png) no-repeat;
	background-position:0 50%;
	margin-bottom:5px;
}
#prestations_list ul li a{
	text-decoration:none;
	color:#333;
	font-size:0.9em;
}
#prestations_list ul li a:hover{
	text-decoration:underline;
}
#prestations .left div{
	position:absolute;
	width:500px;
}
#prestations .left div img{
	float:left;
	border:1px solid #ccc;
	margin-right:10px;
}
#prestations .left div ul{
	padding-left:15px;
}
#prestations .left div ul li{
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(images/_bullets/bullet_prestations_im.png) no-repeat;
	padding-left:15px;
}
/*
 * REFERENCES PAGES
 */
#reference_selected{
	padding-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#reference_selected h4{
	font-weight:normal;
	font-size:0.8em;
}
#reference_selected h3{
	margin-top:3px;
	margin-bottom:5px;
	background-color:#eee;
	font-size:1.3em;
	padding-left:10px;
}
#reference_pictures{
	margin-top:20px;
}
#reference_pictures img{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
	margin-left:1px;
	margin-right:1px;
}
#reference_pictures a:hover img{
	border:1px solid #FFCC00;
}
#prestations_list h2{
	font-size:1em;
	margin-bottom:10px;
	background:url(images/_bullets/bullet_prestations_h2.png) no-repeat;
	background-position:0 50%;
	padding-left:15px;
}
#reference_selected #prestations_list ul{
	padding-left:10px;
}
/* 
 * CATALOGUE PAGE
 */
#catalogue h1 b{
	color:#ded092;
	text-decoration:underline;
}
#products{
	float:left;
	width:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-top:30px;
}
.list_products{
	border-bottom:1px solid #eee;
	height:70px;
	margin-top:5px;
	margin-left:10px;
}
.product_picture{
	width:80px;
	height:50px;
	float:left;
	margin-right:10px;
}
.product_picture img{
	border:1px solid #ccc;
	padding:2px;
	margin:0 auto;
	display:block;
}
.product_info{
	width:330px;
	float:left;
	margin-right:10px;
}
.product_links{
	float:left;
	height:50px;
	padding-right:5px;
}
.product_name{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.product_name:hover{
	border-bottom:1px dotted #225948;
}
.product_definition{
	font-size:0.9em;
	color:#999;
}
.product_detail{
	background:url(images/_icons/more_details.gif) no-repeat;
}

.basket_put{
	background:url(images/_icons/basket_put.gif) no-repeat;
}
.product_detail, .basket_put{
	color:#777;
	padding-left:20px;
	text-decoration:none;
}
.product_detail:hover, .basket_put:hover{
	color:#678F2C;
}	
#categories{
	padding:3px;
	float:right;
	width:150px;
	margin-top:30px;
}
#categories h1{
	background-color:#eee;
	text-align:center;
	padding-right:5px;
}
#categories ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#categories ul li{
	background:url(images/_bullets/bullet_prestations.png) no-repeat;
	background-position:0 50%;
	padding-left:15px;
	list-style-type:none;
}
#categories ul li a{
	text-decoration:none;
	color:#000;
}
#categories ul li a:hover{
	border-bottom:1px dotted #000;
}
#navigation{
	background-color:#eee;
	width:580px;
	height:15px;
	padding:2px;
	margin-top:20px;
	margin-left:10px;
}
#navigation ul li{
	display:inline;
}
#navigation ul li a{
	text-decoration:none;
	display:block;
	float:left;
	color:#000;
	width:15px;
	text-align:center;
}
.current_page{
	background-color:#ccc;
}
/*
 * PRODUCT PICTURE
 */
#product{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#product h1{
	font-size:1.7em;	
}
#product_pictures{
	float:left;
	width:220px;
	border:1px solid #ccc;
	padding:5px;
	padding-top:40px;
	margin-left:10px;
	background:url(images/bg_product_pictures.jpg) no-repeat top;
}
#first_picture{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.first_picture{
	width:200px;
	margin:0 auto;
	display:block;
}
.small_picture{
	width:60px;
	height:60px;
	margin-left:2px;
	border:1px solid #eee;
	padding:2px;
}
#product_definition{
	float:left;
	width:450px;
	margin-left:15px;
}
#product_definition p{
	margin-bottom:30px;
	font-size:1em;
}
#product_definition table{
	border-collapse:collapse;
}
#product_definition table tr td{
	border-bottom:1px solid #ccc;
	padding:5px;
}
.title_column{
	font-weight:bold;
	color:#555;
}
.the_category{
	font-size:0.6em;
	text-decoration:underline;
	color:#000;
	font-weight:normal;
}
.product_stock{
	background:url(images/_icons/stock.gif) no-repeat;
	padding-left:20px;
	float:right;
}
/* 
 * MY ACCOUNT 
 */

#account{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#account ul{
	background:#ccc;
	padding:5px;
	color:#555;
	margin-bottom:40px;
}
#account ul li{
	display:inline;
}
#account ul li a{
	text-decoration:none;
	font-weight:bold;
}
.current_mod_account{
	color:#fff;
}
.mod_account{
	color:#000;
}
.basket_delete{
	background:url(images/_icons/basket_delete.gif) no-repeat;
	padding-left:20px;
}
#account table{
	border-collapse:collapse;
	font-size:0.8em;
	border:1px solid #ccc;
	margin-bottom:20px;
}
#account table th{
	background-color:#eee;
	padding:3px;
	text-align:left;
	border-bottom:1px solid #ccc;
}
#account table tr td{
	border-bottom:1px solid #ccc;
	padding:5px;
}
#account label{
	font-size:0.8em;
}
.th_number{
	background-color:#eee;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	width:10px;
}
.th_number a{
	text-decoration:none;
}
.th_command{
	width:400px;
}
.th_qte{
	width:40px;
}
.th_status{
	width:290px;
}
.order_detail{

}

/*
 * CONTACT PAGE
 */
#contact{
	padding-left:10px;
}
/*
 * FOOTER
 */
#footer{
	height:150px;
	background-color:#333;
	clear:both;
	border-top:2px solid #ded092;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#eee;
	margin-top:50px;
}
.copy{
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	height:20px;
	padding-top:5px;
}
#footer p a{
	color:#fff;
	text-decoration:none;
}
#footer p a:hover{
	border-bottom:1px dotted #fff;
}
#footer ul{
	background-color:#222;
	color:#fff;
	height:20px;
	text-align:center;
	margin-bottom:15px;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	color:#FF8A3D;
	font-size:0.6em;
	font-weight:bold;
	text-decoration:none;	
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p{
	font-size:0.7em;
	text-align:center;
}
/*
 * LEGALS MENTIONS
 */
#cgu{
	padding-left:10px;
}
#cgu ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-left:10px;
	margin-bottom:20px;
}
#cgu ul li{
	list-style-type:none;
}
#cgu p{
	margin-bottom:20px;
}
#cgu p a{
	text-decoration:none;
	color:#ff8a3d;
}
#cgu p a:hover{
	border-bottom:1px dotted #ff83ad;
}
#cgu h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:10px;
}
#cgu h2 a{
	padding-left:20px;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
	font-variant:small-caps;
}
#cgu h2 a:hover{
	text-decoration:underline;
}
.pdf{
	background:url(images/_icons/ico_pdf.gif) no-repeat;
	background-position:0 50%;	
	color:#f38f8f;
}
.print{
	background:url(images/_icons/ico_print.png) no-repeat;
	background-position:0 50%;
	color:#777;
}