/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

@charset "utf-8";

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * FONTS ----------------------------------------------------------
 */


/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */

html, body, input, select, textarea, button { font-size:11px; font-family:Arial, Helvetica, sans-serif; }

html, body {
	margin:0;
	padding:0;
	color:#3E3E40;
}
body { line-height:1.2; background:#FFFFFF url("../img/bg.jpg") top center repeat-x; }

p, table, tr, th, td, ul, li { margin:0; padding:0; }

a,
a:visited 	{ text-decoration:none; color:#858383; outline:none; }
a:hover 	{ text-decoration:underline; color:#555555; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

h1	{ font-size:16px; color:#101090; font-weight:bold; text-transform:uppercase; margin:0 0 7px 0; }
h2	{ font-size:14px; color:#101090; }
h3	{ font-size:11px; color:#858383; font-weight:bold; }
h4	{ }
h5	{ }
h6	{ }

h1 span		{ color:#000000; }
h1 span

.upp	{ text-transform:uppercase; }

.inbl { display: inline-block; }

#lightgallery { width: 930px; margin: 0 auto; text-align: center; }

#realisations { width: 930px; margin: 0 auto; text-align: justify; }

#lightgallery a { margin: 6px 0 0 6px; }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */

/* conteneur de la page */
div#bg { background:url("../img/ombre.png") bottom center no-repeat; width:auto; height:auto; }

div#container {
	width:990px;
	margin:0 auto;
	padding-bottom:6px;
}

/* header */
div#header {
	height:260px;
	background:url("../img/bg-header.jpg") top left no-repeat;
}
div#header a { margin:150px 139px 0 20px; display:block; width:311px; float:left; }

div#defilement { float:left; width:520px; height:260px; }

#bouteilles { 
	position:absolute;
	width:520px; 
	height:260px; 
	overflow:hidden;
}

#bouteille1{
	position:absolute;
	top:43px;
	left:-520px;
}

/*.bouteille {
	position:absolute;
	top:43px;
	left:-137px;
}*/

.bouteille-grande { z-index:3; }
.bouteille-moyenne { z-index:2; }
.bouteille-petite { z-index:1; }

img.bg {
	width:520px;
	height:260px;
	margin:0 0 0 0;
	z-index:1000;
	position:absolute;
}

div.box-actualites								{ width:400px; margin-top:30px; float:left; background-color:#ECEDEE; }
div.box-actualites h2 a							{ color:#FFFFFF; }
div.box-actualites h2 a:hover					{ text-decoration:none; } 
div.box-actualites ul							{ margin:10px; }
div.box-actualites ul li						{ list-style:none; margin:0; }
div.box-actualites ul li a						{ color:#555555; }
div.box-actualites ul li a img					{ float:left; border:1px #FFFFFF solid; width:98px; }
div.box-actualites ul li a div.texte			{ float:left; width:270px; margin-left:10px; font-weight:normal; }
div.box-actualites ul li a:hover div.texte		{ color:#0287CC; }
div.box-actualites ul li a div.texte span.titre	{ color:#555555; font-weight:bold; display:block; margin-bottom:2px; }

/* contenu de la page */
div#contenu							{ padding:15px; background-color:#FFFFFF; }
div#content-left					{ float:left; width:240px; }
div#content-right					{ float:left; width:705px; padding:0 0 0 15px; }

div.textepage						{ text-align:justify; }
div.textepage a						{ font-weight:bold; }
div.textepage ul					{ margin:0 0 0 15px; }

div.services						{ padding:25px 0; }
div.services img					{ float:left; }

ul#portfolio						{ }
ul#portfolio li						{ list-style:none; }

div.dept							{ /*border-bottom:2px #101090 solid;*/ padding:7px 0; float:left; }
div.dept h3							{ float:right; margin-top:3px; }

ul.partenaires						{ margin:0; padding:0; display:table; }
ul.partenaires li					{ list-style:none; display:inline-table; vertical-align:top; }
ul.partenaires li img				{ margin:13px 0 0 0; float:left; }
ul.partenaires li div				{ margin:13px 15px 0 15px; float:left; }

ul#sous_menu						{ margin:0 0 15px 0; padding:15px 0 0 0; background-color:#FFFFFF; }
ul#sous_menu li						{ padding:0; list-style:none; border-bottom:1px #F2F2F2 solid; background-color:#858383; }
ul#sous_menu li:hover				{ background-color:#E00019; }
ul#sous_menu li a,
ul#sous_menu li span				{ text-transform:uppercase; padding:0 15px; color:#FFFFFF; display:block; font-weight:bold; font-size:12px; line-height:24px; }
ul#sous_menu li a:hover,
ul#sous_menu li a.current,
ul#sous_menu li span:hover,
ul#sous_menu li span.current		{ text-decoration:none; cursor:pointer; background-color:#E00019; }
ul#sous_menu li	ul					{ margin:0 0 0 0; padding:3px 0 2px 0; background-color:#F2F2F2; display:none; }
ul#sous_menu li	ul.open				{ display:block; }
ul#sous_menu li	ul li				{ margin:0; background-color:#F2F2F2; border-top:0; }
ul#sous_menu li ul li:hover			{ background-color:#F2F2F2; }
ul#sous_menu li	ul li a				{ background-color:#F2F2F2; color:#000000; text-transform:none; line-height:18px; margin:0; }
ul#sous_menu li	ul li a:hover,
ul#sous_menu li	ul li a.current		{ background-color:#F2F2F2; color:#E00019; }

ul.fil_ariane						{ margin:3px 0 15px 0; height:24px; line-height:24px; display:block; }
ul.fil_ariane li					{ list-style:none; display:inline; }
ul.fil_ariane li h1					{ font-size:12px; line-height:24px; display:inline; }
ul.fil_ariane li a,
ul.fil_ariane li h1 a				{ color:#000000; padding:3px 0; }
ul.fil_ariane li a.last,
ul.fil_ariane li h1 a.last			{ color:#FFFFFF; padding:3px 5px; }
ul.fil_ariane li a.last:hover,
ul.fil_ariane li h1 a.last:hover	{ color:#FFFFFF; }
ul.fil_ariane li a:hover,
ul.fil_ariane li h1 a:hover 		{ color:#FFFFFF; text-decoration:none; }

ul.fil-erreur li					{ color:#FFFFFF; background-color:#4A382C; padding:3px 5px; }

ul.plan								{ margin:0 0 0 15px; padding:0; }
ul.plan li							{ text-transform:uppercase; margin-top:4px; }

/*
 * MENUS ----------------------------------------------------------
 */

/* menuhaut */
ul#menuhaut 				{ list-style-type:none; margin:8px 0 0 171px; padding:0; float:left; height:110px; }
ul#menuhaut li 				{ display:block; float:left; width:92px; height:110px; margin:0 0 0 8px; padding:0; color:#6D6153; text-align:center; }
ul#menuhaut li.noir 		{ }
ul#menuhaut li.bleu 		{ }
ul#menuhaut li a,
ul#menuhaut li a:visited 	{ text-decoration:none; color:#FFFFFF; width:82px; height:53px; display:block; font-family:'Ubuntu',sans-serif; font-size:16px; padding:20px 5px; }
ul#menuhaut li a:hover 		{ text-decoration:none; }

div#lang { background-color:#B8AC91; border:1px #FFFFFF solid; margin:7px 0 0 0; padding:4px 0px 3px 5px; color:#FFFFFF; }
div#lang img.flag { margin:0 5px 0 0; }
div#lang img.choose-fr { margin:0 0 0 1px; }
div#lang img.choose-de { margin:0 0 0 1px; }
div#lang img.choose-en { margin:0 0 0 9px; }

/* menu */
ul#menu						{ display:block; margin:0; padding:0; font-size:13px; height:40px; width:990px; background:url("../img/bg-menu.jpg") top left repeat-x; }
ul#menu li 					{ list-style:none; display:block; float:left; text-transform:uppercase; margin:0; padding:0; }
ul#menu li.last				{ }
ul#menu li a				{ background:url("../img/bg-menu-li.jpg") top right no-repeat; height:40px; line-height:40px; display:block; color:#FFFFFF; padding:0 15px; font-weight:bold; }
ul#menu li.last	a			{ background:none; }
ul#menu li a.active,
ul#menu li a:hover,
ul#menu li.current a		{ background:url("../img/bg-menu-li-hover.jpg") top right no-repeat; text-decoration:none; }
ul#menu li.last	a.active,
ul#menu li.last a:hover		{ background:url("../img/bg-menu-li-hover.jpg") top left no-repeat; }

ul.lang							{ width:59px; height:16px; padding:5px 9px; position:absolute; margin:7px 0 0 927px; }
ul.lang li						{ list-style:none; float:left; margin:0 0 0 5px; }
ul.lang li.first				{ margin-left:0; }

div#slogan						{ font-size:18px; color:#FFFFFF; padding:25px 0 0 0; text-align:center; height:36px; }

/* fil-ariane */
div#fil-ariane {
	display:block;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0;
}
div#fil-ariane ul li {
	float:left;
	display:inline;
}
div#fil-ariane ul li a { }

/* coords */
div#coords { text-align:center; color:#8C837B; margin:15px 0 0 0; *margin:4px 0 0 0; font-size:11px; height:33px; }
div#coords a { color:#8C837B; text-decoration:none; }
div#coords ul { }
div#coords ul li { list-style:none; color:#6B5543; display:inline; margin:0 2px; }
div#coords ul li a { color:#6B5543; }

h1.pic,
span.pic {
	display:block;
	width:156px;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
}

/* menubas */
div#footer									{ background:url("../img/bg-footer.jpg") top left repeat-x; }
div#footer div.bloc							{ background:url("../img/bg-bloc.png") center right no-repeat; float:left; width:300px; padding:15px; }
div#footer div.alone						{ background:url("../img/bg-alone.png") center right no-repeat; margin:0 0 0 329px; padding-left:16px; }
div#footer div.last							{ background:none; }
div#footer h2								{ color:#101090; text-transform:uppercase; font-weight:bold; }
div#footer h2 a								{ color:#101090; }
div#footer h2 a:hover						{ background:none; }
div#footer div ul							{ margin:0 0 0 15px; padding:0; }
div#footer div ul#news						{ margin-bottom:7px; *margin-bottom:8px; }
div#footer div ul li						{ margin:0; padding:0; }
div#footer div ul li a						{ color:#3E3E40; float:right\9; }
div#footer div ul li a:hover				{ background:none; text-decoration:none; }
div#footer div ul li a:hover span.savoir	{ text-decoration:underline; }
div#footer div ul li a span.titre			{ font-weight:bold; }
div#footer div ul li a span.savoir			{ font-weight:bold; color:#101090; }

div#footer div.footer-container		{ padding:0 15px 15px 15px; text-align:center; }
div#footer div.footer-container a	{ color:#3E3E40; }
div#footer div.links				{ margin:3px 0 0 0; }
div#footer div.links a				{ color:#858383; }

/*div#footer ul						{ }
div#footer ul li 					{ }
div#footer ul li.reset				{ }
div#footer ul li.col2				{ }
div#footer ul li.col3				{ }
div#footer ul li.last,
div#footer ul li.last a,	
div#footer ul li.last ul li			{ }
div#footer ul li a					{ }
div#footer ul li a:hover			{ }
div#footer ul li.current a,
div#footer ul li.current ul li a	{ }
div#footer ul li ul					{ }
div#footer ul li ul li				{ }
div#footer ul li ul li.last			{ }
div#footer ul li ul li.current		{ }
div#footer ul li ul li:last-child	{ }
div#footer ul li ul li a			{ }
div#footer ul li ul li a:hover,
div#footer ul li ul li.current a 	{ }*/

div#links,
div#copyright						{ color:#FFFFFF; font-size:11px; float:left; width:497px; font-weight:bold; }

div#links a,
div#copyright a						{ color:#FFFFFF; }

div#links							{ text-align:left; }
div#copyright						{ text-align:right; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */

/*
* tables */

/*
* formulaires */
.required { color:#CC0000; }
fieldset.normal { /*margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff;*/ margin:0; border:none; display:block; text-align:left; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }

/*
* sitemap */
ul.acc									{ margin:0; padding:0; }
ul.acc li								{ margin:0; padding:0; list-style:none; text-align:center; color:#000000; font-weight:bold; }
ul.acc li h2							{ margin:0; }

table.sitemap							{ width:704px; }
table.sitemap tr td 					{ vertical-align:top; }

table.sitemap tr td ul 					{ margin:0 0 0 3px; padding:0; width:173px; }
table.sitemap tr td ul li 				{ margin:0; padding:0; list-style:none; text-align:left; color:#4A382C; font-weight:bold; }
table.sitemap tr td ul li a 			{ color:#4A382C; }
table.sitemap tr td ul li a:hover		{ text-decoration:none; }
table.sitemap tr td ul li ul			{ margin:0; padding:0; width:160px; }
table.sitemap tr td ul li ul li 		{ margin:0; padding:0 0 0 15px;  }
table.sitemap tr td ul li ul li a 		{ margin:0; padding:0; font-size:11px; height:17px; }
table.sitemap tr td ul li ul li a:hover	{ }

/*
* bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 5px 1em 0; padding:0.5em; background-color:#F6F6F6; width:45%; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h3 { display:block; border-bottom:1px #00CCCC dotted; padding:0.5em; margin:0;  }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

/*
* formulaire de contact */
#form_contact						{ border:0; margin:0; padding:0; width:465px; }
#form_contact .required				{ color:#CC0000; }
#form_contact legend				{ }
#form_contact legend.img			{ }
#form_contact ul 					{ margin:0; padding:0; }
#form_contact ul li					{ list-style:none; float:left; }
#form_contact ul li.chuck			{ margin-right:9px; *margin-right:4px; }
#form_contact legend img			{ }
#form_contact label					{ width:226px; display:block; margin:0 1px; }
#form_contact label.error			{ display:none !important; }
#form_contact .inline				{ }
#form_contact input					{ margin:0 0 5px 0; *margin:0 0 3px 0; padding:3px; width:222px; background-color:#EBEBEF; border:0; }
#form_contact input.radio			{ margin:0; padding:0; width:auto; }
#form_contact input.error 			{ color:#FFFFFF; background-color:#E00019; margin-bottom:5px !important; *margin-bottom:3px !important; }
#form_contact input#captcha_code	{ margin-bottom:0 !important; /*margin:2px 0 0 5px !important;*/ }
#form_contact input.submit			{ background-color:#EBEBEF; text-transform:uppercase; border:0; margin:0; cursor:pointer; /*width:69px;*/ padding:0 3px; float:right; }
#form_contact input.submit:hover	{ background-color:#101090; color:#FFFFFF; } 
#form_contact select				{ margin:0; background-color:#EBEBEF; height:24px; width:223px; padding:3px 3px 3px 0; border:0; }
#form_contact select.error			{ background-color:#E00019; color:#FFFFFF; }
#form_contact textarea				{ margin:0 0 3px 0; *margin:0 0 2px 0; padding:3px; width:459px; height:90px; height:93px\9; background-color:#EBEBEF; border:0; }
#form_contact textarea.rappel		{ height:106px; height:109px\9;}
#form_contact textarea.error		{ margin:0 0 3px 0 !important; *margin:0 0 2px 0 !important; background-color:#E00019; color:#FFFFFF; }
#form_contact #captcha_code.error	{ /*margin:0 0 0 5px !important;*/ }
div.success,
div.error							{ /*margin-top:10px;*/ font-weight:bold; text-align:center; }

#form_contact ul li.vous_etes		{ float:none; }
#form_contact ul li.vous_etes input	{ float:left; width:13px; height:13px; padding:0; background-color:transparent; }
#form_contact ul li.vous_etes label	{ float:left; width:auto; font-weight:normal; }
span.label							{ font-weight:bold; margin-bottom:2px; display:block; }

div.achtung							{ height:38px; padding-top:1px; }
div#div_msg							{ padding:7px 5px 9px 0; height:23px; }

/*
* gestion des erreurs */
div.erreur		{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:50px 0; }
span.erreurdesc	{ display:block; font-weight:bold; color:#555555; font-size:24px; text-transform:uppercase; margin-top:-38px; width:618px; text-align:right; z-index:101; position:absolute; }
span.erreurnum	{ display:block; font-weight:bold; color:#DDDDDD; font-size:150px; z-index:100; text-align:center; line-height:130px; }

/*
* png fix */
a.pub-nom { behavior:url("/common/js/iepngfix/iepngfix.htc"); }