@charset "utf-8";
/*

Gaillot
Stylesheet
by BRX
www.opalyse.fr

COLORS
#820700		Bordeaux
#ca7d23		Ocre
#f5edd7		Beige clair

*/

@import "brx_layout.css";

/* HTML TAGS */
* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body {
	background:#000 url(../../img/bg_body.jpg) center bottom no-repeat;
	background-attachment:fixed;
}

p		{font-size:12px;color:#333;}
ul,ol		{font-size:12px;list-style:none;margin:0 0 0 30px;padding:0 0 0 16px;color:#333;}
h1		{font-size:28px;color:#820700;margin:10px 0 20px 0;padding:0;line-height:28px;font-family:Georgia, Times, serif;}
h2		{font-size:22px;color:#ca7d23;margin:10px 0 5px 0;font-weight:bold;}
h3		{font-size:18px;color:#820700;margin:10px 0 5px 0;}
h4		{font-size:14px;color:#ca7d23;}
h5		{font-size:12px;color:#444444;}
h6		{font-size:11px;color:#444444;}

a:link {color:#820700;text-decoration:underline;}
a:visited {color:#823b37;text-decoration:none;}
a:hover {color:#ca7d23;text-decoration:underline;}
a img {border:none;}

/* MATRICE */
#page {
	background-color:#f5edd7;
}
/***************************************** Entête de page */	
	#head {
		background:url(../../img/bg_head.jpg) left top no-repeat;
		/* voir fichiers CSS spécifiques à chaque langue */
	}
/***************************************** lien accueil */
		a#home {
			display:none;
			width:186px;
			height:76px;
			position:absolute;
			top:18px;
			left:40px;
			/*background:#ff0000;*/
		}
			a#home:hover {
				background-position:130px 34px;
			}
		a#contact {
			display:none;
			width:26px;
			height:22px;
			position:absolute;
			top:19px;
			right:0px;
			/*background:url(../../img/contact.png) left top no-repeat;*/
		}
			a#contact:hover {
				background-position:0px -22px;
			}
		
/***************************************** Langues */
		#langs {
			width:auto;
			height:16px;
			position:absolute;
			bottom:5px;
			right:10px;
			z-index:1001;
		}
		.flags {
			float:left;
			margin:0 0 0 3px;
		}
		#toolbox {
		 	display:none;
			width:70px;
			height:20px;
			position:absolute;
			bottom:5px;
			right:-80px;
		}
			#toolbox a {
				outline:none;
				cursor:pointer;
			}
			#toolbox a#btn_print {
				display:block;
				float:left;
				width:20px;
				height:20px;
				margin:0 5px 0 0;
				background:url(../../img/btn_print.jpg) left top no-repeat;
			}
			#toolbox a#btn_bigtext {
				display:block;
				float:left;
				width:20px;
				height:20px;
				margin:0 5px 0 0;
				background:url(../../img/btn_bigtext.jpg) left top no-repeat;
			}
			#toolbox a#btn_smalltext {
				display:block;
				float:left;
				width:20px;
				height:20px;
				background:url(../../img/btn_smalltext.jpg) left top no-repeat;
			}
			#toolbox a#btn_print:hover,
			#toolbox a#btn_bigtext:hover,
			#toolbox a#btn_smalltext:hover {
				background-position:0 -20px;
			}
		
/***************************************** Menu */
		#menu {
			width:620px;
			height:15px;
			position:absolute;
			top:135px;
			left:10px;
			list-style:none;
			margin:0 0 0 0;
		}
			#menu li {
				float:left;
				position:relative;
				height:15px;
			}
			#menu li a {
				display:block;
				height:12px;
				margin:0 18px;
			}
			
			#menu_item1 {
				width:58px;
				background:url(../../img/menu_item1.jpg) left top no-repeat;
			}
			#menu_item2 {
				width:70px;
				background:url(../../img/menu_item2.jpg) left top no-repeat;
			}
			#menu_item3 {
				width:28px;
				background:url(../../img/menu_item3.jpg) left top no-repeat;
			}
			#menu_item4 {
				width:69px;
				background:url(../../img/menu_item4.jpg) left top no-repeat;
			}
			#menu_item5 {
				width:62px;
				background:url(../../img/menu_item5.jpg) left top no-repeat;
			}
			#menu_item6 {
				width:50px;
				background:url(../../img/menu_item6.jpg) left top no-repeat;
			}
			#menu li a:hover {
				background-position:0 -12px;
			}
			#menu li a span {
				display:none;
			}
			#menu li a.actif {
				background-position:0 -12px;
			}
			#menu li ul {
				/*display:none;*/
				position:absolute;
				left:-1000em;
				top:12px;
				width:160px;
				padding:0;
				list-style:none;
				border:#cccccc 1px solid;
				background-color:#f5edd7;
				z-index:101;
			}
			#menu li ul li {
				clear:both;
				width:160px;
				height:20px;
			}
			#menu li ul li ul {
				/*display:none;*/
				margin:0 0 0 -1000em;
				background:#ffffff;
				padding:0;
				top:0px;
				list-style:none;
				background-color:#FFFFFF;
				border:#cccccc 1px solid;
			}
			#menu li:hover ul, #menu li.sfhover ul {
				left:18px;
				/*display:block;*/
			}
			#menu li ul li:hover ul, #menu li ul li.sfhover ul {
				margin:0 0 0 155px;
				/*display:block;*/
			}	
			#menu li ul li a {
				display:block;
				margin:0;
				padding:0;
				text-indent:5px;
				width:160px;
				height:20px;
				line-height:20px;
				text-decoration:none;
				text-indent:3px;
			}
			#menu li ul li a.menu_plus {
				background:url(../../img/menu_plus.gif) 148px top no-repeat;
			}
			#menu li ul li ul li a {
				border-left:#c0dd00 3px solid;
			}
			#menu li ul li a:hover,#menu li ul li ul li a:hover {
				background:#820700;
				border-left:1px;
				color:#f5edd7;
			}
			#menu li ul li a.menu_plus:hover {
				background:#c0dd00 url(../../img/menu_plus.gif) 148px -20px no-repeat;
			}

/***************************************** Contenu */

	#content_h {
		background-color:#f5edd7;
	}
	#content_i {
		background-color:#f5edd7;
	}
		
		#flashbox {
			float:left;
			width:350px;
			height:263px;
			margin:0 0 10px 0;
			background-color:none;
		}
		
		#leftcol {
			z-index: 0;
		}
			#colonne {
				margin:0;
			}
			.texte,.news {
				font-size:12px;
				text-align:justify;
				position:relative;
				padding:0 0 10px 0;
			}
			
			.news h3{
				font-size:14px;
				background-color:#F9E1B7;
			}
			.news .news_date2 {
				font-weight:normal;
				font-style:italic;
				font-size:11px;
				color:#333;
				float:right;
			}
			
			.texte p, .texte ul {
				margin:0 0 10px 0;
			}
			ul {
				list-style:inside;
				list-style-image:url(../../img/puce.gif);
			}
			ul li {
				margin:0 0 5px 0;
			}

		#rightcol {
			/*z-index:0;*/
			/*background-color:#b1b3b4;*/
			padding:25px 0 0 0;
		}
			
			.rightbar {
				background-color:#d9ceb3;
				position:relative;
				min-height:20px;
				height:auto !important;
				height:20px;
				padding:10px;
				margin:0 0 10px 0;
			}
			.rightbar h3 {
				position:absolute;
				top:-22px;
				left:-3px;
			}
			#allnews {
				margin:5px;
			}
			#allnews a {
				text-decoration:none;
			}
			.actu {
				position:relative;
				margin:0 0 10px 0;
				color:#444;
				font-size:11px;
				padding:0 0 0 3px;
				border-left: 3px solid #ca7d23;
			}
			.rightbar actu h3 {
				color:#820700;
			}
			.actu p {
				margin:5px;
				color:#0071b9;
			}
			.actu a img {
				display:block;
				float:right;
				margin:2px 0 2px 2px;
			}
			.actu .news_date {
				font-weight:normal;
				font-style:italic;
				font-size:11px;
				color:#333;
			}
			
			#rightcol img.img_l_m {
				display:block;
				float:left;
				margin:0 10px 10px 0;
			}
			#rightcol img.img_l {
				display:block;
				float:left;
				margin:0 0 10px 0;
			}
			
		#arabesque {
			display:block;
			width:79px;
			height:60px;
			margin:0 auto;
			border-bottom:4px solid #f5edd7;
		}
						
			
/***************************************** Pied de page */		
#foot {
	background:url(../../img/bg_foot.png) left top no-repeat;
	font-size:11px;
}
	#foot_top {
		padding:2px 0 0 0;
	}
	
	#foot_menu {
		/*width:520px;*/
		margin:0 auto;
		height:18px;
		color:#ca7d23;
	}
		#foot_menu a:link,#foot_menu a:visited {
			text-align:center;
			font-weight:bold;
			color:#820700;
			text-decoration:none;
		}
		#foot_menu a:hover {
			color:#820700;
			text-decoration:underline;
		}
		#foot_menu tr td a:hover, #legal tr td a:hover {
			color:#820700;
			text-decoration:underline;
		}
		
	p#adresse {
		margin:0 auto;
		text-align:center;
		color:#ca7d23;
		font-size:12px;
		font-weight:bold;
	}
	
	#legal {
		margin:0 auto;
		height:18px;
		color:#ca7d23;
		font-weight:bold;
	}
		 #legal tr td a {
		 	color:#820700;
			font-weight:bold;
			text-decoration:none;
		}
		
	#opalyse {
		display:block;
		width:200px;
		position:absolute;
		left:50%;
		bottom:-13px;
		margin:0 0 0 -100px;
		color:#fff;
		font-size:10px;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
	}
		#opalyse:hover {
			background-color:#000;
			text-decoration:underline;
		}

/* CLASSES */
.reset {
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

div.pos0 {
	display:block;
	float:left;
	margin:3px 8px 3px 0;
}

div.pos1 {
	display:block;
	float:right;
	margin:3px 0 3px 8px;
}

div.pos0 a,div.pos1 a {
	display:block;
	z-index:50;
}

div.pos0 a img, div.pos1 a img {
	padding:3px;
	border:1px dotted #89a245;
}

.legend {
	display:block;
	width:100%;
	height:12px;
	text-align:center;
	font-size:11px;
	font-style:italic;
	color:#333;
	cursor:help;
	/*background-color:#fcc;*/
}

.alert {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	width:600px;
	margin:0 auto;
}
.alert2 {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	margin:0 auto;
}
.alert_sign {
	display:block;
	float:left;
	margin:0 5px 5px 0;
}

.emphasize {
	font-weight:bold;
	color:#fc7639;
}

.plus {
	display:block;
	position:absolute;
	right:10px;
	bottom:0;
}


/* ACCES CLIENTS */
#account_summary {
	width:306px;
	font-size:10px;
	margin:0 auto 10px auto;
}
#account_summary tr td.account_intitule {
	background-color:#B8D9ED;
	width:50%;
	padding:2px;
	text-indent:3px;
}
#account_summary tr td.account_infos {
	background-color:#E0F5FE;
	width:50%;
	padding:2px;
}
#download_summary {
	width:600px;
	font-size:12px;
	margin:0 auto 10px auto;
}
	#download_summary tr td.download_intitule {
		background-color:#B8D9ED;
		width:85%;
		padding:5px;
	}
	#download_summary tr td.download_infos {
		background-color:#E0F5FE;
		width:15%;
		padding:5px;
		text-align:center;
	}
	
/* MGFX TABS styles */

.onglets {
	margin-left:0;
	margin-bottom:0;
}
.onglets li {
	background-color:#dac79a;
	display:inline;
	float:none;
	list-style:none;
	padding:5px;
	outline: none;
}
.onglets li a {
	color:#b58512;
	display:inline;
	height:auto;
	padding:5px 15px;
	text-decoration:none;
	width:auto;
	outline: none;
}
.onglets li a:hover {
	color:#e86c00;
}
.onglets li.active {
	background-color:#bba46b;
}
.onglets li a.active {
	color:#fff;
}

#tabs {
	/*min-height:520px;*/
	height:auto;
	/*height:520px;*/
	position:relative;
	background-color:#ccc;
}

#tabs .tabbed_content {
	min-height:400px;
	height:auto !important;
	height:400px;
	width:639px;
	/*position:absolute;
	left:0;
	top:0;*/
	float:left;	
	border:1px solid #bba46b;
	padding:5px;
	margin:0 10px 10px 10px;
	background-color:#f9e9c3;
}
.tabbed_content ul {
	list-style-type:circle;
}
#gmap {
	width:629px;
	height:502px;
	margin:6px;
	padding:0;
	overflow:hidden;
	border:none;
}

.red {
	font-weight:bold;
	color:red;
}

.orange {
	font-weight:bold;
	color:orange;
}

.green {
	font-weight:bold;
	color:green;
}

#lang {
	position:absolute;
	width:40px;
	height:20px;
	left:130px;
	top:22px;
}

/* NEWS */
.news {

}

/* Carousel */
#slide {
	position: relative;
	width: 200px;
	margin:0 0 0 5px;
	position: relative;
	height:170px;
	overflow: hidden;
	padding:0;
}
/*
carousel items
*/
#slide .trio {
	position:absolute;
	left:0;
	top:0;
	width: 200px;
	height:170px;
	margin:0 auto;
	padding:0;
}
/*
content
*/

.infos_m {
	color:#e86c00;
}
div.tabs {
	font-size:10px;
	text-align: center;
}
div.tabs a {

	margin: 0 3px 0 0;
}
div.tabs a.selected {

	text-decoration: underline;
}

/* ACCORDEON */

ul.sm {display:block; width:690px; height:180px; list-style:none; overflow:hidden; background-color:#CCCCCC;margin:0 0 20px 10px;padding:0;}
ul.sm li {display:block; float:left; width:610px; height:180px; margin:0; padding:0; overflow:hidden;}
ul.sm li#el1 {background:#F1C50A url(../../img/acc_1.jpg) left top no-repeat;}
ul.sm li#el2 {background:#EE8B0A url(../../img/acc_2.jpg) left top no-repeat;}
ul.sm li#el3 {background:#C86A08 url(../../img/acc_3.jpg) left top no-repeat;}
div.elc {
	width:560px;
	height:130px;
	position:relative;
	margin:50px 0 0 50px;
	color:#6b5e1f;
	font-size:14px;
}
#right2 {
	width:230px;
	height:180px;
	position:relative;
	color:#fff;
	font-size:14px;
	background:url(../../img/acc_right_2.jpg) left top no-repeat;
}
#btn1,#btn2,#btn3,#btn4 {
	display:block;
	width:100px;
	height:40px;
	position:absolute;
	bottom:10px;
	right:10px;
}
#btn1 {background:url(../../img/acc_1_btn.jpg) left top no-repeat;}
#btn2 {background:url(../../img/acc_2_btn.jpg) left top no-repeat;}
#btn3 {background:url(../../img/acc_3_btn.jpg) left top no-repeat;}
#btn4 {background:url(../../img/acc_4_btn.jpg) left top no-repeat;}
#btn1:hover,#btn2:hover,#btn3:hover,#btn4:hover {background-position:0px -40px;}

/* Moteur de recherche produits */
.search_engine {
	height:17px;
	font-size:12px;
	overflow:hidden;
}
#key {
	width:545px;
}
.submitS {
	margin:10px 0 0 469px;
	cursor:pointer;
	background-color:#A4C1E1;
	border:1px solid #4A95CC;
	color:#fff;
}
.submitS:hover {
	background-color:#D3E0F1;
	color:#4A95CC;
}