body{
	background:#e6e6e6 url(images/bg.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0 auto;
	padding:0;
}
/* DIVERS */
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none;
}
.red{
	color:red;
}
.bold{
	font-weight:bold;
}
.block{
	display:block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	visibility:hidden;
	height:3px;
	clear:both;
}
.inner{
	padding:7px;
}
h3.arrowed{
	margin-left:27px;
	text-indent:67px;
	height:63px;
	line-height:63px;
	color:#e1a431;
	background:url(images/arrow.jpg) no-repeat top left;
}
p.arrowed{
	text-indent:17px;
	line-height:30px;
	background:url(images/arrows.jpg) no-repeat center left;
}
p.arrowed a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dashed #aaa;
}
p.arrowed a:hover{
	color:#666;
	text-decoration:none;
	border:0px;
}


/* FORM */
p.obligatoire{
	margin-bottom:17px;
	font-weight:bold;
	text-align:center;
}
#validatedForm{
	font-size:0.8em;
}
#validatedForm input.error, #validatedForm textarea.error, #validatedForm select.error {
	border:2px solid #c83502;
}
#validatedForm label.error{
	color:#c83502;
}
fieldset{
	background-color:#fefefe;
	width:655px;
	margin:23px auto 0;
	padding-bottom:7px;
}

fieldset.position1{
	border:0px solid #a8bd18;
}
fieldset.position2{
	border:0px solid #7d2769;
}
fieldset.position3{
	border:0px solid #f5740b;
}

div.position{
	position:relative;
	text-indent:50px;
	background:url(images/blue.jpg) repeat-x;
	width:655px;
	font-size:1.3em;
	color:#fff;
	height:36px;
	line-height:36px;
	margin:0 auto 17px;
}
div.position1{
	background:url(images/green.jpg) repeat-x;
	font-size:1.6em;
}
div.position2{
	background:url(images/purple.jpg) repeat-x;
	font-size:1.6em;
}
div.position3{
	background:url(images/orange.jpg) repeat-x;
	font-size:1.6em;
}
.position img{
	position:absolute;
	top:-6px;
	left:-33px;
}

label.normalForm, span.normalForm{
	float:left;
	padding-right:7px;
	text-align:right;
	width:178px;
	line-height:22px;
}
input.normalForm, select.normalForm{
	height:22px;
	width:150px;
}

input.smallForm, select.smallForm{
	height:22px;
	width:50px;
}
label.longForm, span.longForm{
	height:22px;
	display:block;
}
select.longForm, input.longForm{
	margin-left:185px;
	width:150px;
}
div.longForm{
	margin-left:185px;
}
input, textarea, select{
	background-color:#ffe;
	border:solid 1px gray;
}
.noBorder{
	border:0;
}
textarea.normalForm, textarea.longForm {
	width:460px;
	height:100px;
}
.servalNormalForm{
	width:153px;
	float:left;
}
.wrapServalForm{
	margin-left:185px;
}
#label_supprimer_ligne, #label_ajouter_ligne{
	float:right;
	color:#007fcf;
	margin-right:17px;
	text-transform:uppercase;
}
input.submit{
	border:0;
	width:400px;
	margin:13px 0 13px 164px;
}
select.toolong{
	width:460px;
}
.valider{
	display:block;
	width:323px;
	height:60px;
	margin:13px 0 13px 164px;
	border:0;
	cursor:pointer;
	background:url(images/valider.jpg) no-repeat left top;
}
.valider:hover{
	background: url(images/valider.jpg) no-repeat left bottom;
}
.support{
	margin:13px 0 13px 187px;
}
#coemprunteur1, #coemprunteur2, #coemprunteur3, #coemprunteur4{
	margin-top:13px;
	background-color:#fafafa;
	border:1px solid #0b0;
	display:none;
}
#coemprunteur1 p, #coemprunteur2 p, #coemprunteur3 p, #coemprunteur4 p {
	font-size:1.3em;
	font-weight:bold;
	margin:3px 0 13px 13px;
} 

/* STRUCTURE */
#wrap{
	position:relative;
	width:1004px;
	margin:0 auto;
	padding:0;
	background:url(images/wrap.jpg) repeat top left;
}
#header{
	position:relative;
	width:1004px;
	height:135px;
	background:url(images/header.jpg) top left;
	color:#fff;
}
#headers{
	position:relative;
	bottom:27px;
	width:1000px;
	height:150px;
	margin:0 auto;
	background-color:#666;
}
#headers h2{
	position:absolute; 
	bottom:3px;
	right:3px;
	font-size:1.4em;
	padding:3px;
	color:#fff;
	background:url(images/headers.png) repeat-x;
}
#logo{
	position:absolute;
	left:21px;
	top:6px;
	border:0;
}
#info{
	position:absolute;
	left:240px;
	top:75px;
}
#info h1{
	color:#000;
	font-size:0.7em;
	font-weight:bold;
}
#bottom{
	position:relative;
	width:1004px;
	height:13px;
	background:url(images/bottom.jpg) bottom left;
}

/* MAIN */
#content{
	width:666px;
	float:left;
}
#navbar{
	margin:0 0 33px 33px;
}
#navbar img{
	margin:0 7px;
}
#navbar a{
	font-weight:bold;
	color:#7d2769;
	text-decoration:none;
}
#navbar a:hover{
	color:#000;
}
#description{
	width:635px;
	margin:13px auto;
	text-align:justify;
}
#description img{
	width:120px;
	float:left;
}
#description div{
	width:510px;
	float:right;
}
#description ul{
	margin:7px 0 0 37px;
	float:left;
	width:207px;
}

#devis{
	width:635px;
	margin:0 auto;
}
#devis p{
	padding:7px;
	text-align:justify;
}
#devis ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
#devis li{
	position:relative;
	float:left;
	margin:7px;
	padding:0;
}
#devis li a{
	display:block;
	width:144px;
	height:132px;
	color:#616161;
	text-decoration:none;
	background:url(images/categories.jpg) top left;
}
#devis li a:hover{
	color:#ffd700;
	background:url(images/categories.jpg) bottom left;
}
#devis li a img{
	position:absolute;
	width:120px;
	height:80px;
	top:7px;
	left:13px;
	border:0;
}
#devis li a div{
	position:absolute;
	width:135px;
	height:40px;
	bottom:0;
	left:3px;
	font-weight:bold;
}

#page{
	padding:27px;
	text-align:justify;
}
#page p{
	margin:0 0 13px;
}
#sitemap li{
	text-indent:13px;
	list-style:none;
	border-left:1px dotted #666;
}
#sitemap a:hover{
	color:#666;
}
#sitemap li a{
	color:#e1a431;
	text-decoration:none;
	font-weight:bold;
}
#sitemap li li{
	text-indent:27px;
	list-style:none;
	border:0;
}
#sitemap li li a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

/* SIDEBAR */
#sidebar{
	width:338px;
	float:right;
}
#sidebar h2{
	color:#007fcf;
	font-size:2em;
	text-align:center;
	padding:7px 0 7px;
}
#accueil{
	width:151px;
	height:27px;
	margin-left:86px;
	background:url(images/accueil.jpg) top left;
	line-height:27px;
	text-align:center;
}
#accueil a{
	color:#000;
	text-decoration:none;
}
#accueil a:hover{
	color:#666;
}
#categories{
	width:323px;
	margin-left:5px;
	font-size:0.8em;
	background:#ededed url(images/sidebar-categories.jpg) no-repeat top left;
}
#categories .leftCol{
	width:168px;
	float:left;
}
#categories .rightCol{
	width:154px;
	float:right;
}
#categories a{
	color:#000;
	text-decoration:none;
	line-height:20px;
}
#categories a:hover{
	color:#666;
}
#recherche{
	width:323px;
	margin-left:5px;
	font-size:0.9em;
	background:#ededed url(images/sidebar-recherche.jpg) no-repeat top left;
}
a.propositions{
	color:#000;
}
.rechercheInput{
	border:1px solid #007fcf;
	margin-left:7px;
	height:23px;
	line-height:23px;
}
.rechercheOK{
	display:block;
	width:35px;
	height:22px;
	margin:3px 0 13px 229px;
	border:0;
	cursor:pointer;
	background:url(images/ok.jpg) no-repeat left top;
}
.rechercheOK:hover{
	background:url(images/ok.jpg) no-repeat left bottom;
}
#conseil{
	width:323px;
	height:203px;
	margin:0 0 13px 5px;
	font-size:0.9em;
	background:#ededed url(images/sidebar-conseil.jpg) no-repeat top left;
}
#telephone{
	position:relative;
	width:300px;
	height:28px;
	margin:0 auto 7px;
	background:url(images/telephone.jpg) no-repeat left bottom;
}
#telephone .texte{
	position:relative;
	bottom:5px;
	margin-left:43px;
	display:inline;
}
#telephone .num{
	color:#007fcf;
	font-size:2em;
	margin-left:17px;
	display:inline;
}
#conseil p{
	width:200px;
	color:#5b5c5e;
	text-align:center;
}
#conseil p span{
	color:#007fcf;
	font-weight:bold;
}
p.prix{
	margin-top:23px;
	font-size:0.7em;
}
.merci{
	width:635px;
	margin:0 auto;
	text-align:justify;
}
.merci img{
	border:0;
}

/* FOOTER */
#footer{
	width:1004px;
	margin:7px auto;
	color:#a3a3a3;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#a3a3a3;
	text-decoration:none;
}
#footer-top{
	width:1004px;
	height:7px;
	background:url(images/footer-top.jpg) no-repeat left top;
}
#footer-content{
	width:1004px;
	background:url(images/footer-content.jpg) repeat-y left top;
}
.largeCol{
	text-align:justify;
	width:375px;
	float:left;
	font-size:0.8em;
}
.narrowCol{
	width:208px;
	float:left;
	border-left:1px dashed #666;
}
.normalCol{
	width:275px;
	float:left;
}
.containerNormal{
	width:550px;
	margin:0 auto 27px;
}

#footer-bottom{
	width:1004px;
	height:7px;
	background:url(images/footer-bottom.jpg) no-repeat left bottom;
}

/* DIAPO */
#diapo{
	position:relative;
	height:248px;
	width:643px;
	margin:27px auto;
}
ul.slideshow {
	list-style:none;
	width:643px;
	height:248px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}
ul.slideshow li.show {
	z-index:5;	
}
ul img {
	border:none;	
}
#slideshow-caption {
	width:643px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:5;
}
#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:10;	
}
#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}
#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

/* RECHERCHE */
.recherche{
	width:635px;
	margin:13px auto;
	text-align:justify;
	border-bottom:1px solid #ccc;
}
.recherche img{
	margin-top:23px;
	width:120px;
	float:left;
}
.recherche div{
	width:510px;
	margin:13px 0;
	float:right;
}
.recherche p{
	margin-top:7px;
}
.recherche h3{
	display:inline;
}
.recherche a{
	color:#000;
	font-size:0.8em;
	text-decoration:none;
}
.recherche a:hover{
	color:#666;
}
.recherche h3 a{
	font-size:1em;
	color:#e1a431;
	text-decoration:none;
}
.recherche h3 a:hover{
	color:#666;
}

/* POPUP */
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}  
#popupAttente{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:384px;  
	width:408px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;  
	padding:12px;  
	font-size:1.2em;
	text-align:center;
}