/** reset css **/

html { 
	font-size: 0.75em; 
}
body {
	font-family: Arial Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}

body,dl,dt,dd,form { margin: 0; padding: 0; }
a img { border: 0; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th { text-align:left; font-weight:normal; }	
:focus, :active { outline: 0; }
.clearer   {
	clear:both;
}
h1,h2,h3{
	font-size:1em;
}
p{
	text-align:justify;
}

/** Styles globaux **/

hr {
	border:none;
	background:url(../images/barre-horizontale.png) no-repeat center;
	margin:20px 0;
	height:1px;
}
a.discret, 
a.discret:visited {
	color:inherit;
	text-decoration:none;
}
a.discret:hover {
	color:inherit;
	text-decoration:underline;
}
a {
}
a:visited {
}

marquee#defil {
	margin:12px 20px;
	line-height:34px;
	font-size:1.3em;
	color:#3e588b;
}

/** layout **/

#conteneur {
	width:992px;
	margin:auto;
	margin-top:10px;
	position:relative;
}
	#header {
		height: 150px; 
		background: transparent url(../images/bandeau.jpg) no-repeat; 
	}
		#anim {
			position:absolute;
			right:0;
		}
	#bandeau {
		height:60px;
	}
	#contenu {
		background: transparent url(../images/fond-page-haut.png) no-repeat; 
		margin:0px;
		position:relative;
	}
		.colonne  {
			overflow:hidden;
			padding-bottom:140px;
			min-height:400px;
		}
		.colonne.gauche {
			float:left;
			width:331px;
			background: transparent url(../images/barre-verticale-longue.png) right 10px no-repeat; 
		}
		.colonne.centre {
			float:left;
			width:330px;
		}
		.colonne.droite {
			float:left;
			width:331px;
			background: transparent url(../images/barre-verticale-longue.png) left 10px no-repeat; 
		}		
	#bbas{
		background:url(../images/fond-page-bas-1px.jpg) repeat-x ;
		height:133px;
		width:992px;
		margin:auto;
		margin-top:-113px;
		position:relative;
		z-index:-1000;
	}
	#footer{
		margin-top:20px;
		margin-bottom:20px;
	}

/** header **/	

#header h1 {  
}
#header h1 a:link, #header h1 a:visited { 
	display: block;
	height: 150px;
	width: 370px;  
	text-indent: 370px;
	overflow:hidden;
	white-space:nowrap;
}
#header #telephone {	
	text-indent: 172px; overflow:hidden; white-space:nowrap;
	background: url(../images/indigo.png) right;
	height: 33px;
	width: 172px; 
	position:absolute;	
	left:30px;
	top:100px;
}

/** pages intérieures **/

#gauche {
	margin-right:300px;
	margin-left:40px;
	min-height:300px;
}
	#gauche.full {
		margin-right:40px;
		min-height:0;
	}

#droite {
	position:absolute;
	right:0;
	top:120px;
}
	#droite a {
		display:block;
		line-height:33px;
		width:180px;
		text-align:right;
		padding-right:20px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.2em;
		margin-bottom:5px;
	}
	#droite a#accueil {
		background:url(../images/menu-1.png) no-repeat;
	}
	#droite a#catalogue {
		background:url(../images/menu-2.png) no-repeat;
	}
	#droite a#concept {
		background:url(../images/menu-3.png) no-repeat;
	}
	#droite a#boutiques {
		background:url(../images/menu-4.png) no-repeat;
	}
	#droite a#environnement {
		background:url(../images/menu-5.png) no-repeat;
	}

	#gauche h2 {
		font-size:1.4em;
		color:#4f7c39;
	}
	#gauche h3 {
		background:url(../images/puce-vert.png) no-repeat;
		vertical-align:bottom;
		padding-left:22px;
		font-size:1.1em;
		vertical-align:middle;	
		margin-top:20px;
	}
	#gauche h3.turquoise {
		background:url(../images/puce-bleue.png) no-repeat;
		color:#00777D;
	}
	#gauche h3.rouge {
		background:url(../images/puce-rouge.png) no-repeat;
		color:#E20045;
	}
	#gauche h3.vert {
		background:url(../images/puce-vert.png) no-repeat;
		color:#51a12a;
	}
	#gauche h3.violet {
		background:url(../images/puce-violet.png) no-repeat;
		color:#7e639f;
	}

	
/**¨Page d'accueil **/
#colonnes {
	position:relative;
}
.colonne .texte,
.colonne .photo,
.colonne .lien,
.colonne h3.gamme,
.colonne .encart{
	width:240px;
	margin:0 45px;
}
.colonne h2 {
	width:220px; /* 269-50 */
	padding-left:49px;
	margin:10px 30px 17px 30px;
	line-height:40px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:normal;
}
	.colonne.gauche h2 {
		background: url(../images/bouton-catalogue.png);
	}
	.colonne.centre h2 {
		background: url(../images/bouton-concept.png);
	}
	.colonne.droite h2 {
		background: url(../images/bouton-boutique.png);
	}

.colonne .texte {
	margin-bottom:10px;
}
.colonne .photo {
	margin-bottom:10px;
}
.colonne .lien {
	margin-bottom:15px;
	font-weight:bold;
	font-size:0.9em;
}
	.colonne .lien a {
		color:black;
	}

.colonne div.encart{
	height:110px;
	padding-top:10px;
	bottom:5px;
	position:absolute;
}

	.colonne div.encart h3{
		height:38px;
		font-size:1.2em;
		line-height:19px;
		padding-left:47px;
		text-transform:uppercase;
		font-weight:bold;
		background:url(../images/logo-concept.png) no-repeat;
		margin:0 15px 10px 15px;
	}
	.colonne div.encart .laius{
		margin:0 15px 5px 15px;
		font-size:0.9em;
		text-align:left;
	}
	.colonne div.encart .lien{
		margin:0 15px 0 15px;
		font-size:0.9em;
	}

	.colonne.gauche h3.gamme {
		background:url(../images/puce-orange.png) no-repeat;
		vertical-align:bottom;
		padding-left:22px;
	}
	.colonne.gauche ul {
		list-style-type:none;
		float:left;
		padding:0;
		margin:5px 0;
		width:120px;
	}
	.colonne.gauche ul li {
	}
	.colonne.gauche ul.un {
		margin-left:45px;
	}
	.colonne.gauche ul.deux{
		margin-right:45px;
	}	

	.colonne.gauche div.encart{
		background: url(../images/fond-encart-catalogue.png) no-repeat;
	}
	.colonne.centre div.encart{
		background: url(../images/fond-encart-concept.png) no-repeat;
	}
	.colonne.droite div.encart{
		background: url(../images/fond-encart-boutique.png) no-repeat;
	}

	.colonne.gauche div.encart h3 {
		color:#b2782b;
	}
	.colonne.centre div.encart h3 {
		color:#0D8087;
	}
	.colonne.droite div.encart h3 {
		color:#C72177;
	}

	.colonne.gauche div.encart a{
		color:#b2782b;
	}
	.colonne.centre div.encart a {
		color:#0D8087;
	}
	.colonne.droite div.encart a {
		color:#C72177;
	}

	
#bandeau-bas {
	padding:20px 26px 0 26px;
}
#bandeau-bas dl {
	width:170px;
	padding:9px;
	float:left;
}
#bandeau-bas dt {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:3px;
	font-size:1.2em;
}
	#bandeau-bas .vert dt {
		color:#12902e;
	}
	#bandeau-bas .bleu  dt {
		color:#0d8087;
	}
	#bandeau-bas .orange  dt {
		color:#dd8027;
	}
	#bandeau-bas .rose  dt {
		color:#c72177;
	}
	#bandeau-bas .rouge  dt {
		color:#b23531;
	}
	
#footer {
	font-size:0.9em;
}
#footer a{
	color:#000000;
}
#footer p{
	text-align:center;
	margin:3px;
}

/** boutiques **/

.boutique {
	margin-top:20px;
	width:500px;
	padding-bottom:20px;
}
	.boutique h3 {
		margin:0;
	}
	.boutique img {
		float:right;
	}
	.boutique p {
		margin:5px 0;
		font-size:0.9em;
	}
	.boutique strong ,
	.boutique a {
		color:#3031AE;
		font-weight:bold;
		text-decoration:none;
	}
	


#notreconcept {
	font-size:1.2em;
	color:#BD007B;
/*	font-variant:small-caps; */
}
.conceptul li{
	margin-bottom:5px;
	margin-left:0;
}
.conceptul, 
.conceptp {
	margin-left:30px;
	padding-left:0;
}
strong {
}





form#contact {
	border:1px solid #CBD0E4;
	padding:10px;
	background:#FFFFFF;
}
fieldset {
	padding:0px;
	border:none;
}
#contact dl {
clear:left;
}
#contact dl.err dt {
	color:red;
}
#contact dt {
	float:left;
	width:100px;
	height:2.3em;
}
#contact dd {
}
input[type="text"],
textarea {
	border:1px solid #CBD0E4;
	background:#FFFFFF;
}
textarea {
	height:100px;
}
.long {
	width:500px;
}
.court {
	width:200px;
}
#erreurp {
	color:#ffffff;
	font-weight:bold; 
	padding:5px 10px;
	margin:0 0 10px 0;
	border:1px solid #550000;
	background:#FE9774;	
}
#succesp {
}

#coord {
}

	a#contactf {
		display:block;
		line-height:33px;
		width:166px;
		padding-left:50px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.2em;
		margin-bottom:5px;
		background:url(../images/menu-6.png) no-repeat;
		text-decoration:none;
	}

#pdf {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#pdf:hover {
	text-decoration:underline;
}

#catalogueflash {
	margin:0 -40px;
	width:1000px;
}