/*
	layout.css
*/

body {
	background-color: #E5E5E5;
	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva;
	color: #000;
}

h2 {
	text-transform: uppercase;
	color: #3F8F1E;
}
h3 {
	border-bottom: 1px solid #3F8F1E;
	color: #3F8F1E;
}
h4 {
	/*color: #3F8F1E;*/
	margin-left: 20px;
	margin-bottom:0;
	padding-left: 15px;
	background: url('../img/definition-title_bg.png') no-repeat;
	font-size:1em;
	height:19px;
	overflow:hidden;
}

h5 {
	font-weight:normal;
	color:#3F8F1E;
}

li {
	list-style-image: url('../img/list_img.gif');
}
/*dt {
	margin-left: 20px;
	padding-left: 15px;
	background: url('../img/definition-title_bg.png') no-repeat;
}*/

a:link, a:visited {
	color: #3F8F1E;
}
a:hover, a:active {
	text-decoration: none;
}

/* ------------------------------
/* COMMON
/* ------------------------------ */

.align-center {
	text-align:center;
}

.green {
	color: #3F8F1E;
}


/*** ***/
.out { position: absolute; left: -9999px; }
.hide { display: none; }
.invisible { visibility: hidden;}
.clear { clear: both; }


/*** TEXT ***/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.vertical-top { vertical-align: top; }
.vertical-middle { vertical-align: middle; }
.vertical-bottom { vertical-align: bottom; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }

.quiet { color: #666; }
.loud  { color: #000; }
.highlight { background: #FFC; }


/*** LIST ***/
ul.list-inline{ list-style-type: none; }
ul.list-inline li { float: left; text-align: center; }
ul.list-inline li img{ display: block; }


/*** IMAGE ***/
.img-left { float: left; }
.img-right { float: right; }
.img-center { float: none; display: block; clear: both; }
.img-block { display: block; }


/*** DELETED MARGE ***/
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/*** FORM ***/
form {}
fieldset {}
legend {}
div.field {
	clear: both;
	margin-bottom: 5px;
}

label {
	display: block;
	float: left;
	width: 200px;
	margin-right: 5px;
	text-align: right;
}

div.field_select {}
select {}
optgroup {}
option {}

div.field_input_hidden {
	display: none;
}
input.input_hidden {}

div.field_input_text {}
input.input_text {}

div.field_input_password {}
input.input_password {}

div.field_input_radio {}
input.input_radio {}

div.field_input_checkbox {}
input.input_checkbox {}

div.field_input_image {}
input.input_image {}

div.field_input_button {}
input.input_button {}

div.field_input_submit {}
input.input_submit {}

div.field_input_reset {}
input.input_reset {}

div.field_textarea {}
textarea {}

button {}

.required { color: #F00; }

.added { background: #060; color: #FFF; }
.removed { background: #900; color: #FFF; }

.error, .notice, .success { border: 2px solid; }
.error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8A1F11; }
.notice a { color: #514721; }
.success a { color: #264409; }


/* ------------------------------
/* HEADER
/* ------------------------------ */
#header-wrap {
	border-bottom: 2px solid #000;
	background: #4E585C url('../img/header_bg.gif') repeat-x;
}
	#header {
		width: 936px;
		height: 100px;
		margin: 0 auto;
	}

		#brand {
			float: left;
			width: 222px;
		}
			#brand h1 {
				margin: 0 0 0 20px;
			}
		
		#lang {
			float: left;
			width: 48px;
			margin:71px 0 0 0;
		}
			#lang a {
				margin-left:8px;
			}
		
		#topmenu {
			float: right;
		}
			#topmenu ul {
				display: block;
				overflow: hidden;
				margin: 0;
				padding: 0 0 0 2px;
				background: url('../img/topmenu_separator.gif') no-repeat left bottom;
				list-style-type: none;
			}
				#topmenu li {
					display: block;
					float: left;
					height: 100px;
					background: url('../img/topmenu_separator.gif') no-repeat right bottom;
				}
				#topmenu li#topmenu4 {
					width: 181px;
				}
				#topmenu li#topmenu5 {
					width: 160px;
				}
				#topmenu li#topmenu6 {
					width: 155px;
				}
				#topmenu li#topmenu7 {
					width: 140px;
				}
					#topmenu a {
						display: block;
						height: 34px;
						margin: 48px 2px 0 0;
						padding-top: 18px;
						background: url('../img/topmenu_bg.gif') repeat-x left bottom;
						text-align: center;
						text-transform: uppercase;
						text-decoration: none;
						line-height: 1.8181em;
						font-size: 0.9166em;
						font-weight: bold;
						color: #FFF;
					}
					#topmenu a:hover, #topmenu li.on a {
						color: #8CE052;
					}
					#topmenu li#topmenu4 a:hover {
						background: url('../img/topmenu1_bg.gif') no-repeat left bottom;
					}
					#topmenu li#topmenu5 a:hover {
						background: url('../img/topmenu2_bg.gif') no-repeat left bottom;
					}
					#topmenu li#topmenu6 a:hover {
						background: url('../img/topmenu3_bg.gif') no-repeat left bottom;
					}
					#topmenu li#topmenu7 a:hover {
						background: url('../img/topmenu4_bg.gif') no-repeat left bottom;
					}
					#topmenu li#topmenu7 a {
						height: 46px;
						margin-top: 54px;
						padding-top: 0;
					}
						#topmenu a span {
							display: inline-block;
							text-align: right;
						}
						#topmenu li#topmenu7 a span.light {
							height: 12px;
							line-height: 12px;
							text-transform: none;
							font-weight: normal;
							color: #8CE052;
						}
						#topmenu li#topmenu7 a span.icon {
							padding-bottom: 5px;
							padding-left: 25px;
							background: url('../img/icon_blog.png') no-repeat left center;
						}

/* ------------------------------
/* BREADCRUMB
/* ------------------------------ */
#breadcrumb-wrap {
	border-top: 2px solid #E5E5E5;
	background-color: #F3F3F3;
}
	#breadcrumb {
		width: 916px;
		height: 26px;
		margin: 0 auto;
		padding-left: 20px;
		line-height: 26px;
		font-size: 0.8333em;
	}
		#breadcrumb .intro {
			padding-left: 12px;
			background: url('../img/dot.gif') no-repeat 0 5px;
			color: #999;
		}
		#breadcrumb ul {
			display: inline;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
			#breadcrumb ul li {
				display: inline;
				background: url('../img/breadcrumb_arrow.gif') no-repeat 0 3px;
				margin-left: 5px;
				padding-left: 10px;
			}
			#breadcrumb li.home {
				background: none;
				padding: 0;
			}
			#breadcrumb li.on {
				text-decoration: underline;
				font-weight: bold;
				
			}
				#breadcrumb a {
					text-decoration: none;
					color: #000;
				}
				#breadcrumb a:hover {
					text-decoration: underline;
				}

	
/* ------------------------------
/* CONTAINER
/* ------------------------------ */
#container-wrap {
	background: url('../img/container_bg.gif') repeat-x left bottom;
}
	#container-outer {
		background: url('../img/container-outer_bg.gif') no-repeat center bottom;
	}
		#container {
			width: 934px;
			margin: 0 auto;
			background-color: #FFF;
		}

/*** MENU ***/
#menu {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
	#menu ul {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #FFF;
	}
		#menu li {
			display: block;
			float: left;
			width: 154px;
			border-left: 1px solid #FFF;
			border-right: 1px solid #000;
		}
		#menu li.first {
			/*width: 155px;*/
			border-left: none;
		}
		#menu li.last {
			/*width: 155px;*/
			border-right: none;
		}
			#menu .title {
				
				background-color: #FFF;
				font-size: 1.5em;
			}
				#menu .title a {
					display: block;
					width: 100%;
					height: 39px;
					text-decoration: none;
					color: #FFF;
				}
					li#menu1 .title a {
						background: #D96F07 url('../img/menu1_bg.gif') no-repeat left bottom;
					}
					li#menu2 .title a {
						background: #45C008 url('../img/menu2_bg.gif') no-repeat left bottom;
					}
					li#menu3 .title a {
						background: #7D7878 url('../img/menu3_bg.gif') no-repeat left bottom;
					}
					li#menu4 .title a {
						background: #0EB9D7 url('../img/menu4_bg.gif') no-repeat left bottom;
					}
					li#menu5 .title a {
						background: #0048B4 url('../img/menu5_bg.gif') no-repeat left bottom;
					}
					li#menu6 .title a {
						background: #AC698C url('../img/menu6_bg.gif') no-repeat left bottom;
					}
					#menu .title a span {
						text-transform: uppercase;
						font-weight: bold;
					}
			#menu .visual {
				height: 269px;
				padding-bottom: 6px;
			}
				/*#menu1 .visual {
					background: url('../img/menu1_visuel.jpg') no-repeat;
				}
				#menu2 .visual {
					background: url('../img/menu2_visuel.jpg') no-repeat;
				}
				#menu3 .visual {
					background: url('../img/menu3_visuel.jpg') no-repeat;
				}
				#menu4 .visual {
					background: url('../img/menu4_visuel.jpg') no-repeat;
				}
				#menu5 .visual {
					background: url('../img/menu5_visuel.jpg') no-repeat;
				}
				#menu6 .visual {
					background: url('../img/menu6_visuel.jpg') no-repeat;
				}*/
					#menu .visual a {
						display: block;
						width: 100%;
						height: 269px;
						text-decoration: none;
						color: #FFF;
					}
						#menu .visual .content {
							height: 269px;
						}
						/*
						#menu1 .visual .content {
							background: url('../img/menu1_content_bg.png') no-repeat;
						}
						#menu2 .visual .content {
							background: url('../img/menu2_content_bg.png') no-repeat;
						}
						#menu3 .visual .content {
							background: url('../img/menu3_content_bg.png') no-repeat;
						}
						#menu4 .visual .content {
							background: url('../img/menu4_content_bg.png') no-repeat;
						}
						#menu5 .visual .content {
							background: url('../img/menu5_content_bg.png') no-repeat;
						}
						#menu6 .visual .content {
							background: url('../img/menu6_content_bg.png') no-repeat;
						}
						*/
							#menu .visual .content p {
								margin: 0 15px;
								text-decoration: none;
								line-height: 1.2727em;
								font-size: 0.9166em;
							}

/* --------------------
/* HOME
/* -------------------- */
#home {
	height: 530px;
	background: url('../img/home_bg.jpg') no-repeat left bottom;
}
#home-en {
	height: 530px;
	background: url('../img/home_bg_en.jpg') no-repeat left bottom;
}
	#home #menu,#home-en #menu {
		border-bottom: none;
	}
		#home #menu .title,#home-en #menu .title {
			border-bottom: 1px solid #000;
		}
		#home #menu li,#home-en #menu li {
			background: url('../img/menu_bg.png') repeat-x left bottom;
		}
			#home #menu ul li a div,#home-en #menu ul li a div {
				/*opacity:0;
				filter : alpha(opacity=0);*/
				padding-top:130px;
			}
			#home #menu li .active,#home-en #menu li .active {
				/*opacity:1;
				filter : alpha(opacity=100);*/
			}
			

/* --------------------
/* CATEGORY
/* -------------------- */
#category_list {
	/*padding-bottom: 27px;*/
}
	h2#title {
		height: 20px;
		margin: 0;
		padding: 17px 0 3px 6px;
		border-top: 1px solid #FFF;
		background: url('../img/title_arrow.gif') no-repeat 6px 0;
		text-transform: uppercase;
		color: #FFF;
		font-size:1.5em;
		font-weight:normal;
	}
	#category_list .block-category {
		/*height: 168px;*/
		margin-bottom: 1px;
		padding-bottom:5px;
		background: url('../img/block-category_bg.png') no-repeat right bottom;
	}
		#category_list .block-category .picto {
			float: left;
			width: 145px;
			height: 168px;
		}
		#category_list .block-category .description {
			float: left;
			width: 275px;
			/*height: 168px;*/
		}
			#category_list .block-category .description h3 {
				margin: 30px 0 10px 0;
				border: none;
				font-size: 1.5em;
			}
			#category_list .block-category .description p{
				font-size: 0.9166em;
			}
		#category_list .block-category .products {
			float: left;
			width: 370px;
			/*height: 140px;*/
			padding: 14px 0;
			text-align: center;
		}
			#category_list .block-category .products img {
				display: inline-block;
				margin: 0 10px;
				vertical-align:middle;
			}
		#category_list .block-category .nav {
			float: left;
			width: 87px;
			height: 100px;
			padding: 68px 0 0 50px;
			margin-left:2px;
		}
			#category_list .block-category .nav a {
				text-decoration: none;
				line-height: 1.2727em;
				font-size: 0.9166em;
				color: #000;
			}
			#category_list .block-category .nav a:hover {
				text-decoration: underline;
			}

/* --------------------
/* PRODUCT
/* -------------------- */
#product {
	height: 636px;
	/*background: url('../img/product_bg.jpg') no-repeat left bottom;*/
}

#product p {
	line-height:15px;
}

	#slider {
		/*padding-bottom: 60px;*/
		background: url('../img/slider_bg2.png') no-repeat left bottom;
		/*height:636px;*/
	}
		#slider-content {
			/*width: 536px;*/
			/*616px*/
			margin: 0 auto;
			padding-top:30px;
		}
			#button-left, #button-right, #slider-img {
				float: left;
			}
				#slider ul {
					/*width: 536px;*/
					/*A modifier : sans les fleches*/
					height: 348px;
					margin: 0;
					padding: 0;
					list-style-type: none.
				}
					#slider ul li {
						float: left;
						/*width: 250px;*/
						height: 350px;
						margin: 0 6px;
						padding-top: 6px;
						text-align: center;
						list-style: none;
					}
						#slider ul li img {
							display: block;
						}

			#slider .text {
				width: 300px;
				margin: 0 auto;
				padding:10px 0 0 0;
			}
				#slider .text .ref {
					text-align: center;
					font-weight: bold;
				}
				#slider .text .dimension {
					text-align: center;
				}
				#slider .text .color {
					text-align: center;
				}
				#slider .text .description {
					/*margin-top: 1em;
					text-align: justify;*/
					height: 90px;
				}
/* --------------------
/* Main
/* -------------------- */
#main {
	padding: 20px 58px;
	background-color: #F3F3F3;
}
	/*#main img {
		border: 1px solid #4C565A;
	}*/

/* --------------------
/* BOTTOM
/* -------------------- */
#bottom {
	clear: both;
	height: 97px;
	background: url('../img/bottom_bg.gif') no-repeat;
}
#bottom-en {
	clear: both;
	height: 97px;
	background: url('../img/bottom_bg_en.gif') no-repeat;
}

/* ------------------------------
/* INDEX
/* ------------------------------ */
#index-wrap {
	background-color: #4C565A;
}
	#index {
		width: 936px;
		margin: 0 auto;
		padding: 15px 0
	}
		#index p {
			margin: 0;
			padding: 15px;
			background-color: #858E91;
			font-size: 0.9166em;
			color: #FFF;
		}

/* ------------------------------
/* FOOTER
/* ------------------------------ */
#footer-wrap {
	background: #F3F3F3 url('../img/footer_bg.gif') repeat-x;
}
	#footer {
		overflow: hidden;
		width: 936px;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 0.8333em;
		color: #999;
	}
		#footer a {
			font-weight: bold;
			color: #444;
		}
		

/*** CREA ***/
#crea {
	float: left;
}

/*** BOTTOMMENU ***/
#bottommenu {
	float: right;
}
	#bottommenu ul {
		display: inline;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#bottommenu li {
			display: inline;
			padding: 0 5px;
			border-right: 1px solid #999;
		}
		#bottommenu li.external {
			border: none;
		}
			#bottommenu li.external a {
				padding-right: 15px;
				background: url('../img/external.gif') no-repeat right top;
				color: #3F8F1E;
			}

			
/***** Plan du site **********/
.csc-menu-def {
	margin-bottom:0;
}


/* Formulaire TYPO3 */
/*
fieldset {
	border: none;
}

fieldset.csc-mailform {
  border:0 none;
  margin:0 0 0 80px;
  padding:20px;
}

.csc-mailform-label {
	clear: both;
	display:block;
	margin-bottom:10px;
}

.csc-mailform-field {
	padding-left:20px;
}

.csc-mailform-field label {
	margin:3px;
	float:left;
	text-align:left;
	width: 170px;
	font-weight:bold;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select, .csc-mailform-field file {
	margin:3px;
  border:1px solid #8f8f8f;
	font: normal 1em Tahoma,Verdana,Arial,sans-serif;
	padding:1px;
}
.csc-mailform-field textarea {
font-size:1em;
height:9em;
line-height:1.5em;
margin-bottom:1em;
}
.csc-mailform-field input{margin-left:170px;}

#mailformcaptcha{margin-left:17px;}


input.csc-mailform-submit{
	border:none;
	margin-left:75px;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	line-height:13px;
	width:90px;
	height:23px;
	display:block;
	cursor:pointer;
}

.csc-mailform-field-error-message {
	color:red;
	display:block;
	margin-bottom:10px;
	margin-left:12%;
}

.etoile,.csc-mailform-header-error {
	color:red;
	margin:20px 20px 10px 20px;
	font-weight:bold;
}

.csc-mailform-header-success {
	font-weight:bold;
	margin:20px 20px 10px 20px;
	color:#3F8F1E;
}

.csc-mailform .csc-mailform-fieldname-captcha label {
	display:block;
	font-weight:bold;
	width:auto;
	margin-right:10px;
}

.csc-mailform-fieldname-captcha .csc-mailform-field-error-message {
	text-align:right;
	margin-right:255px;
}

.csc-mailform .csc-mailform-fieldname-captcha em{
	font-weight:normal;
}

.csc-mailform-fieldtype-submit {
	display:block;
	height:25px;
	margin:20px 0 0;
	padding:0 0 0 103px;
}

.csc-mailform-fieldtype-submit input{
	border:medium none;
	background-color:#858E91;
	color:#fff;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
	height:25px;
	margin:0 10px 0 359px;
	padding:0 3px 5px 0;
	width:76px;
	
}
*/

/* Formulaire TYPO3 */

fieldset {
	border: none;
}

fieldset.csc-mailform {
	border: 0;
	padding:10px 20px 20px 20px;
	margin:0;
}

.csc-mailform-label {
	clear: both;
	display:block;
	margin-bottom:10px;
	margin-left:235px;
}

.csc-mailform-field {
	padding-left:20px;
}

.csc-mailform-field label {
	margin:3px;
	float:left;
	text-align: right;
	width: 30%;
	font-weight:bold;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select, .csc-mailform-field file {
	margin:3px;
	font: normal 1em Tahoma,Verdana,Arial,sans-serif;
	padding:3px;
	border:1px solid #8f8f8f;
}

.csc-mailform-field input {
	height:15px;
}


.csc-mailform-field #mailformmessage{
	height:70px;
}

input.csc-mailform-submit{
	border:none;
	margin-left:75px;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	line-height:13px;
	width:90px;
	height:23px;
	display:block;
	cursor:pointer;
}

.csc-mailform-field-error-message {
	color:red;
	display:block;
	/*font-size:0.9em;*/
	margin-bottom:10px;
	margin-left:31%;
}

.etoile,.csc-mailform-header-error {
	color:red;
	margin:20px 20px 10px 20px;
	font-weight:bold;
}

.csc-mailform-header-success {
	font-weight:bold;
	margin:20px 20px 10px 20px;
	color:#3F8F1E;
}

.csc-mailform .csc-mailform-fieldname-captcha label {
	display:block;
	font-weight:bold;
	width:437px;
	margin-right:10px;
	
}

.csc-mailform-fieldname-captcha .csc-mailform-field-error-message {
	text-align:right;
	margin-right:180px;
}

.csc-mailform .csc-mailform-fieldname-captcha em{
	font-weight:normal;
}

.csc-mailform-fieldtype-submit {
	display:block;
	height:25px;
	margin:30px 0 0;
	padding:0 0 0 523px;
	/*text-align:center;*/
}

.csc-mailform-fieldtype-submit input{
	border:medium none;
	background-color:#858E91;
	color:#fff;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
	height:25px;
	margin:0 10px 0 0;
	padding:0 3px 5px 0;
	width:76px;
	
}