/* CSS Document */
@import "charte.css";
@import "menus.css";

/*****************************************************/
/*
/* 		TEXTES
/*
/*****************************************************/

h1{
	font:bold 2.5em Arial, Verdana, sans-serif;
	color:#ED7F10;
	padding:45px 0 10px 36px;
	background:url(../images/charte/puce-titre.gif) bottom left no-repeat;
}
h1.accueil{
	background:url(../images/charte/titre.gif) bottom left no-repeat;
}
h1 span{display:none;}
h2{
	font:bold 1.6em Arial, Verdana, sans-serif;
	color:#ED7F10;
	padding:5px 0 5px 35px;
}
h3{
	font:bold 1.4em Arial, Verdana, sans-serif;
	color:#A10684;
	margin:10px 10px 10px 35px;
	padding-left:10px;
	border-left:4px solid #ED7F10;
}
p,ul{
	font:1.2em Arial, Verdana, sans-serif;
	color:#A10684;
	padding:5px 0 5px 40px;
}
p{
	text-align:justify;
}
ul{
	margin-left:20px;
}
li{
	list-style:square;
}
a{
	font: Arial, Verdana, sans-serif;
	color:#A10684;
	text-decoration:underline;
}
a:hover{
	color:#ED7F10;
}
hr{
 border:none;
 background:#E298D4;
 height:1px;
 color:#E298D4;
}

/*****************************************************/
/*
/* 		FORMULAIRES
/*
/*****************************************************/
form.type{
	margin:20px 0 40px 40px;
	width:560px;
}
form.type div{
	float:left;
	width:180px;
}
form.type label{
	display:block;
	margin:5px 3px;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#A10684;
}
form.type label input, form.type label textarea{
	font:1em Arial, Helvetica, sans-serif;
	color:#ed7f10;
	background:#fff6fd;
	border:1px solid #ffdef9;
	padding:2px;
}
form.type label input{
	width:170px;
}
form.type label textarea{
	width:528px;
}
form.type label input:focus, form.type label textarea:focus{
border-color:#eb9ddc;
}
form.type .btn{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	background:#ed7f10;
	border:1px solid;
	border-top-color:#f8bd81;
	border-left-color:#f8bd81;
	border-bottom-color:#995108;
	border-right-color:#995108;
	margin:3px;
	width:170px;
}

/*****************************************************/
/*
/* 		Mise en page
/*
/*****************************************************/
.troisImages {
	margin-left:40px;
}
.troisImages img {
	border:1px solid #eb9ddc;
	padding:4px;
	margin-right:20px;
}
.imageContour {
	border:1px solid #eb9ddc;
	padding:4px;
}
a.btnPlan {
	display:block;
	border:1px solid #eb9ddc;
	padding:4px;
	margin-left:20px;
	float:right;
}
a.btnPlan:hover{
	border:1px solid #ED7F10;
}
a.btnPlan img{
	border:none;
	vertical-align:middle;
}


/*****************************************************/
/*
/* 		Catalogue
/*
/*****************************************************/
.liste-prod{
	margin:5px 0 5px 40px;
}

.liste-prod a{
	display:block;
	margin:5px;
	float:left;
	width:250px;
	background:#fff6fd;
	padding:5px;
	margin-right:5px;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#A10684;
	text-decoration:none;
	min-height:100px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100px;/*---obligatoire pour le footer:IE---*/	
}
.liste-prod a:hover{
	background:#faebdc;
	color:#A10684;
}
.liste-prod img{
	padding:4px;
	border:none;
	float:left;
	margin:0 10px 10px 0;
}
.liste-prod div{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#ed7f10;
	padding-bottom:5px;
}
.breaker{
margin-left:40px;
font:1.2em Arial, Helvetica, sans-serif;
clear:both;
color:#A10684;
padding-bottom:10px;
}