/*
Auteur: Jean-François Cossette
Courriel: jfcossette@adncomm.com
Date: 14 janvier 2008
Révision: 13 mars 2008
*/



/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	color: #5a471b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 115%;
}

.body {background: #fff url(../images/bg_v2.jpg);}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}
.or {color: #b2aa7e;}



/* Les Containers
--------------------------------------------------------------------------------------- */

#top {background: url(../images/bg-top.png) repeat-x; width: 100%;}
#shadow {background: url(../images/bg-shadow_v2.png) no-repeat; margin: 0 auto; width: 1026px;}
#page {
	background: url(../images/bg-page.gif) repeat-y;
	margin: 0 auto;
	width: 950px;
	height: 665px;
	min-height: 665px;
}	html > body #page {height: auto; min-height: 665px;}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {background: url(../images/bg-header2.jpg) no-repeat; height: 250px; width: 950px;}
#header img {margin: 0 0 0 58px;}
#header a{position:absolute;
	top:44px;}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	background: url(../images/bg-content.jpg) no-repeat;
	float: right;
	margin: 0 0 16px 0;
	width: 715px;
}
.content-home {float: left; width:430px;}
#content img.bordure, iframe {border: 10px solid #d2ceb5; margin: 0 30px 0 30px;}
#content iframe {border: 10px solid #d2ceb5;margin: 0 30px 0 0px;}


/* Liens
------------------------------------- */

#content a:link, #content a:visited {border-bottom: 1px solid #b2aa7e; color: #5a471b; text-decoration: none;}
#content a:hover {border-bottom: 1px solid #5a471b;}
#content a:active {color: #f00;}

#content a#langue {border-bottom: none; color: #8fbedb; float: right; font-size: 10px; font-weight: bold; margin: 6px 30px 0 0; position:relative;text-decoration: none; text-transform: uppercase; z-index:999;}
#content a:hover#langue {color: #5a471b;}

#content a#teaser-demandes {background: url(../images/teaser-demandes.jpg) no-repeat; border-bottom: none; display: block; height: 131px; margin: -8px 0 14px 0; text-indent: -10000px; width: 431px;}
#content a:hover#teaser-demandes {background: url(../images/teaser-demandes.jpg) 0 -131px no-repeat;}

#content a#teaser-demandes-en {background: url(../images/teaser-demandes-en.jpg) no-repeat; border-bottom: none; display: block; height: 131px; margin: -8px 0 14px 0; text-indent: -10000px; width: 431px;}
#content a:hover#teaser-demandes-en {background: url(../images/teaser-demandes-en.jpg) 0 -131px no-repeat;}

#content a.noborder {border: none; text-decoration:none;}


/* Typographie
------------------------------------- */

h1, h2 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1 {border-bottom: 1px solid #ddd9c7; color: #b2aa7e; font-size: 24px; margin: 0 30px 14px 0; padding: 0 0 12px 0;}
h2 {font-size: 14px; font-weight: bold; line-height: 125%; margin: 20px 0 10px 0;}
h3 {color: #b2aa7e; font: bold 13px/20px Georgia, "Times New Roman", Times, serif; margin: 20px 0 3px 0;}
h4 {font-size: 11px; font-weight: bold; margin: 0 0 7px 0;}
h5 {color: #b2aa7e; font-size: 10px; font-weight: bold;}
h6 {font-size: 10px; font-weight: bold;}

h1{position: relative;}
h1 input.title_edit{
	position: absolute;
	top: 0px;
	left: 0px;
}

p, ul, ol, form, small, .text {font-size: 11px; text-align: justify;}
p {margin: 0 30px 14px 0;}
.content-home h3 {margin: 0 0 16px 0;}
.content-home p {margin: 0 0 14px 0;}
p.petit {font-size: 8px;}



/* Listes
------------------------------------- */

#content ul {list-style: square; margin: 0 30px 14px 20px;}
#content ol {list-style: decimal; margin: 0 30px 14px 20px;}
#content li {padding: 2px 0;}


/* Tableaux
------------------------------------- */

table {margin: 0 0 14px 0;}
th, td {padding: 3px;}
th {background: url(../images/bg-brown.gif) repeat-x; color: #fff; font-size: 11px; font-weight: bold;}
td {font-size: 10px;}

table h3 em,
table h3 i{
	display: block;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
}

table.produits{
	width:90%;
}
table.produits td{
	background:#FFFFFF;
	margin:2px;
	border:3px solid #f3f2ec;
}
table.centre td, table.centre td p{
	text-align: center;
	padding:3px;
	margin:0;
}


/* Teaser des nouvelles
------------------------------------- */

#content #teaser-nouvelles {background: url(../images/teaser-nouvelles-middle.jpg) repeat-y; float: left; list-style: none; margin: 0 20px 30px 22px; width: 242px;}
#content #teaser-nouvelles li {padding: 0;}
#content #teaser-nouvelles li#last {background: #5a471b url(../images/teaser-nouvelles-bottom.gif) no-repeat; border-bottom: none; padding: 5px 0 4px 0; text-align: right;}
#content #teaser-nouvelles li#last a {border: none; color: #b2aa7e; font-style: italic; font-weight: bold; margin: 0 20px 0 0;}
#content #teaser-nouvelles li#last a:hover {color: #fff;}
#content #teaser-nouvelles li#last a img {float: left; margin: 0 0 0 16px;}
#teaser-nouvelles h3 {color: #5a471b; font: bold 12px/16px Georgia, "Times New Roman", Times, serif; margin: 0 0 0 8px; padding: 9px 9px 0; text-align: left;}
#teaser-nouvelles p {border-bottom: 1px solid #ddd9c7; margin: 0 0 0 8px; padding: 0 9px 9px 9px; width: 206px;}
#content #teaser-nouvelles p a {border: none; color: #b2aa7e; float: right;}
#content #teaser-nouvelles p a:hover {color: #5a471b;}
#content #teaser-nouvelles img {border: none;}


/* Page des nouvelles
------------------------------------- */

#content #nouvelles {list-style: none; margin: 0 30px 0 0;}
#content #nouvelles li {border-bottom: 1px solid #ddd9c7; padding: 10px 0;}
#content #nouvelles li h3, h3.article {margin: 0 0 3px 0;}
#content #nouvelles li p {margin: 0 0 5px 0;}
.date {color: #b2aa7e; font-weight: bold; margin: 0 0 5px 0;}
#content #last-news li {float: left; width: 300px;}


/* Formulaires
------------------------------------- */

form {margin: 0 10px 14px 0; width: 685px;}
form div {border-bottom: 1px solid #ddd9c7; padding: 5px 0; float:left; width:685px;}
input {border: 1px solid #ddd9c7; float: left; padding: 3px; width: 275px;}
label.no-look {float:none;padding:0 5px 0 0;width:auto;}
input.no-look {float:none;margin:0;padding:0;width:auto;}

input:focus.noborder, input.noborder {border:none;  padding:0;}
input:focus, textarea:focus {border: 1px solid #5a471b;}
textarea {border: 1px solid #ddd9c7; float: left; height: 100px; padding: 3px; overflow:auto; width: 400px;}
label {float: left; font-weight: bold; width: 175px; padding: 3px 0 0 0;}
label.inline {font-weight: normal; width: 175px; padding: 3px 0 0 0;}
label.inlineLess {font-weight: normal; width: 75px; padding: 3px 0 0 0;}    
#envoyer, #imprimer, #retour {background: url(../images/bg-brown.gif) repeat-x; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; padding: 6px 20px; margin: 5px 0 14px 125px; width: auto;}
#envoyer.less-margin, #imprimer.less-margin, #retour.less-margin {background: url(../images/bg-brown.gif) repeat-x; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; padding: 6px 20px; margin: 5px 0 14px 3px; width: auto;}

.wysiwyg_edit label {width: auto;}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {background: url(../images/bg-sidebar.jpg) no-repeat; float: left; width: 235px;}
#sidebar li a {background: url(../images/bg-menu-off.gif) repeat-x; color: #8b7a5f; cursor: pointer; display: block; font: 13px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 6px 10px 7px 30px; text-decoration: none; width: 134px;}
	#sidebar a.teaserConcours{background: url(../images/teaser-concours.jpg) no-repeat; padding:0; margin-left:30px; width:174px; height:137px;}

/* #content a#teaser-demandes {background: url(../images/teaser-demandes.jpg) no-repeat; border-bottom: none; display: block; height: 131px; margin: -8px 0 14px 0; text-indent: -10000px; width: 431px;}  */

#sidebar li a:hover, #accueil #sidebar li a.home,
#presentation #sidebar li a.present, #catalogue #sidebar li a.products, 
#services #sidebar li a.serv, #garantie #sidebar li a.warranty, 
#realisations a.real, #demandes #sidebar li a.demande,
#coordonnees #sidebar li a.contact, #moncompte #sidebar li a.commande {background: url(../images/bg-menu-on.gif) repeat-x; color: #5a471b;}
	#sidebar li a:hover.teaserConcours{background:url(../images/teaser-concours-off.jpg) no-repeat;}
#sidebar ul {margin: 34px 0 0 30px;}
#sidebar img {margin: 0 0 0 30px;}



/* Le Footer
--------------------------------------------------------------------------------------- */

#bande {background: url(../images/bg-bande.png) repeat-x; clear: both; height: 50px;width:100%;}
#footer {background: url(../images/bg-footer.png) no-repeat top center; height: 165px; margin: 0 auto; width: 950px; padding:0 38px;}
#footer a {text-decoration: none;}
a#haut-de-page {background: url(../images/haut-de-page.jpg) no-repeat; color: #fff; display: block; font-size: 13px; height: 34px; margin: 0 0 0 30px; padding: 16px 0 0 30px; width: 144px;}
a:hover#haut-de-page {background: url(../images/haut-de-page.jpg) 0 -50px no-repeat; color: #5a471b;}
#footer p {font-size: 9px; margin: 0 auto; padding: 16px 0 0 50px; width: 500px;}

#footer p.p2 {
text-align: center;	
margin-top: -10px;
font-size: 11px;
font-weight: bold;
color: #A89166;

}

#footer p a {color: #5a471b; font-weight: bold;}



/* Realisations
--------------------------------------------------------------------------------------- */
#content div.realisations ul, #content div.realisations ul li, #content div.realisation ul, #content div.realisation ul li{
	background: none;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
	div.realisations li a{
		float: left;
		display: inline;
		width: 215px;
		margin-right: 7px;
		margin-bottom: 7px;
		text-decoration: none;
		border: 2px solid #b3aa7f;
		padding: 2px;
	}
	div.realisations li a strong{
		float: left;
		width: 215px;
		text-align: center;
	}
		
		div.realisations li a:hover{
			background:#e4dabf;
		}
	#content div.realisation ul li{
		width: 175px;
	}
	div.realisation li a{
		float: left;
		display: inline;
		width: 160px;
		margin-right: 7px;
		margin-bottom: 7px;
		text-decoration: none;
		border: 2px solid #b3aa7f;
		padding: 2px;
	}
		div.realisations li a:hover{
			background:#e4dabf;
		}
div.realisation .photo{
	text-align:center;
	background:#e4dabf;
	padding:5px;
	margin-right:30px;
}
	div.realisation .photo a{
		text-decoration:none;
		border:0;
	}
	div.realisation .photo img{
		border:2px solid #FFFFFF;
	}

/*#content div.realisation{padding-top: 0px;}
#content div.realisation div.left{
	float: left;
	width: 420px;
	padding-left: 28px;
	padding-top: 10px;
}
#content div.realisation div.right{
	float: left;
	width: 311px;
}
	#body #content div.realisation div.right div.text{padding: 9px 28px 0px 28px;}
	#body #content div.realisation div.right p{padding: 0px 0px 18px 0px;}
	
	#content div.realisation div.left a{
		position: relative;
		float: left;
		text-decoration: none;
	}
	#content div.realisation div.left a img{
		border: 1px solid #4a1b0b;
		padding: 3px;
		background: #f5eee6;
		margin-bottom: 6px;
	}
	#content div.realisation div.left a span{
		position: absolute;
		display: block;
		top: 2px;
		left: 2px;
		background: #f5eee6;
		padding: 2px 5px 4px 5px;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	#content div.realisation div.left a:hover img{
		border: 1px solid #274054;
		background: #cfe2f1;
	}
	#content div.realisation div.left a:hover span{background: #cfe2f1;}
	
	#content div.realisation div.left ul,
	#content div.realisation div.left ul li,
	#content div.realisations h3{
		margin-left: 0px;
		margin-right: 0px;
	}
	#content div.realisation div.left ul,
	#content div.realisation div.left ul li{
		padding: 0px;
		float: left;
	}
	#content div.realisations ul,
	#content div.realisations ul li,
	#content div.reallist ul,
	#content div.reallist ul li{
		margin: 0px;
		padding: 0px;
		background: none;
		display: inline;
	}
	#content div.realisation div.left ul li a{
		float: left;
		margin: 6px 12px 0px 0px;
	}
	
	#content div.realisations{padding: 20px 28px;}
	#content div.realisations ul li,
	#content div.reallist ul li{
		float: left;
		height: 160px;
	}
	#content div.realisations ul li a,
	#content div.reallist ul li a{
		float: left;
		display: inline;
		width: 168px;
		margin-right: 7px;
		margin-bottom: 7px;
		text-decoration: none;
	}
	#content div.realisations ul li a img,
	#content div.reallist ul li a img{
		border: 1px solid #4a1b0b;
		border-bottom: none;
		padding: 3px;
		background: #f5eee6;
	}
	#content div.realisations ul li a strong,
	#content div.reallist ul li a strong{
		display: block;
		float: left;
		width: 146px;
		border: 1px solid #4a1b0b;
		border-top: none;
		background: #f5eee6;
		padding: 2px 10px 5px 10px;
		color: #FFFFFF;
		text-align: center;
		color: #4a1b0b;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: normal;
	}
	#content div.realisations ul li a:hover img,
	#content div.realisations ul li a:hover strong,
	#content div.reallist ul li a:hover img,
	#content div.reallist ul li a:hover strong{
		border-color: #274054;
		background: #cfe2f1;
		color: #274054;
	}
	
	#content div.reallist ul,
	#content div.reallist ul li{
		display: block;
		height: auto;
	}
	#content div.reallist ul{padding-top: 10px;}
	#content div.reallist ul li{float: none;}
	#content div.reallist ul li a{
		float: none;
		width: 197px;
		display: block;
		margin-left: 20px;
		margin-right: 0px;
	}
	#content div.reallist ul li a strong{
		float: none;
		width: auto;
	}*/

.soumission div {float:left;width:180px;border:0px;}
.soumission div img {float:left;}

#content ul.liste_supprimable li {width:400px;}
#content ul.liste_supprimable li a {display:block;width:300px;padding:0;margin:0;}
#content ul.liste_supprimable li a.supression {float:right;width:auto;color:#FF0000;}
#content ul.liste_supprimable li br {display:none;}