body{
	background-color: #fff;
	text-align:center;
	font-size:12px;
	font-family:arial,sans-serif;
	margin: 10px;
}

.site{
	margin: 0px auto;
	text-align:justify;
	width: 910px;
}
.insite{ width: 900px;}
h2{font-size: 1.5em;}
h3{font-size: 1.2em;}
#header-shadow{background: url(images/header-shadow.gif) no-repeat 0 0; padding-top:5px;}
#content-shadow{background: url(images/content-shadow.gif) repeat-y 0 0}
#bottom-shadow{background: url(images/bottom-shadow.gif) no-repeat bottom left;padding-bottom:5px;}

form, ul{ margin: 0px; padding: 0px; }
li{ list-style-type: none;}
.right{ text-align: right;}
img.right{ float:right;}
img.left{ float:left;}
.red{  color: #9e1e1e; text-align:right;}
hr.clear-all{
	height: 0px;
	font-size: 0px;
	clear : both;
	overflow: hidden;
	visibility: hidden;
}

/* Header*/
#header{
	background: url(images/header.jpg) no-repeat 0 0;
	height: 165px;
	margin: 0 5px;
	position: relative;
}
#header h1{
	margin:0px;
	text-indent: -5000px;
}
#header h1 a{
	background: url(images/logo-tempologis.gif) no-repeat 0 0;
	display: block;
	width:262px;
	height:138px;
}
#header ul{
	background:transparent url('images/bg_overlay.png') repeat scroll 0pt;
	position: absolute;
	right: 30px;
	top: 10px;
}
#header ul li{
	text-indent: 25px;
}
#header ul li a{
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	display: block;
}

#flag-fr { background: url('images/fr.png') no-repeat 4px center;}
#flag-en{ background: url('images/gb.png') no-repeat 4px center;}
/* Content */
#content{
	position: relative;
	color: #3d3d3d;
	margin: 0 5px;
}
#content-simple{
	padding: 10px;
}
.content-bck-chaise{
	background: url(images/bckgrd-chaise.jpg) no-repeat bottom left;
}
#left-content p, #left-content ul li{
	line-height:1.5em;}
}
#left-content ul{ margin-left: 0px;}
#left-content ul li{ list-style-type: disc;  margin-left: 20px;}
#left-content h2, #content h3, .intro{
	color: #b88668;
}

#left-content, #right-content{
	margin: 0px;
	padding: 0px;
}
#left-content{
	float: left;
	width:633px;
	position: relative;
}
#left-content a{
	color: #3d3d3d;
}
#left-content-text{
	float: right;
	width: 331px;
	padding-top: 80px;
}
.right-padding{
	padding-right: 30px;
}
#left-content-xtra, left-content-xtra-padding{
	float: left;
	width: 302px;
}
#left-content-xtra-padding{
	padding-top: 80px;
}
.img-xtra-left{
	float:left;
	padding-top:6px;
}
.img-xtra-right{
	float:right;
	padding-right: 16px;
	padding-top:6px;
}

/* right Content */
#right-content{
	background: url(images/barre_verticale.gif) no-repeat 0 10px;
	float: right;
	width:267px;
	height: 450px;
}

#right-content-padding{
	padding: 30px;
}
.right-block h3{
	background-color:#ab907a;
	border-top: 3px solid #bca18b;
	border-bottom: 3px solid #bca18b;
	text-align: right;
	padding-right: 10px;
	font-weight: normal;
	font-size: 1em;
	margin: 5px 0 0 0;
}
.right-block h3 a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.right-block ul li{
	margin-top: 5px;
}
.right-block ul li a{
	background-color: #f0f1f1;
	display: block;
	color: #3d3d3d;
	text-indent: 15px;
	text-decoration: none;
}
.right-block ul li a:hover, .right-block ul li a.activ{
	background-color: #b5b5b5;
}

#connexion_compte h3{
	color: #b88668;
	margin: 0 0 5px 0;
}
#mini_connexion{
	background-color: #b88668;
}
#mini_connexion p{ margin: 0px; padding: 4px 2px; line-height: 20px; color: #fff;}
#mini_connexion input.saisie{width: 90px; border:1px solid #7b543d; padding: 0px;}
input.submit{border:1px solid #7b543d; padding: 0px;}
#mini_connexion label{
	width: 100px;
	text-align:right;
	display: inline;
	float: left;
	line-height: 20px;
	padding-right: 3px;
}
/* bottom */
#bottom{
	padding: 0px;
	clear: both;
	background-color:#b88668;
	margin: 0 5px;
}
#bottom ul{
	width: 380px;
	float: right;
	margin:0px;
}
#bottom ul li{
	float: left;
	padding-right: 26px;
}
#bottom ul li a{
	color:#fff;
	text-decoration: none;
}
/** Formulaire **/
textarea.input-textarea{ width: 280px;, height: 80px;}
input.input-full{ width: 280px;}
input.input-middle{	width: 150px;}
input.input-small{	width: 80px;}
input.input-micro{	width: 30px;}


textarea.input-textarea, input.input-full, input.input-small, input.input-middle, input.input-micro{
	border: 1px solid  #b5b5b5;
}

.form-erreur, .form-confirmation{
	padding: 5px;
	font-weight: bold;
	margin: 10px 0;
}
.form-erreur a{ color: #fff;}
.form-confirmation a{ color: #333;}
.form-erreur{
	color: #fff;
	border: 3px solid #9e1e1e;
	background-color: #c14444;	
}
.form-confirmation{
	color: #333;
	border: 3px solid #F5FAF4;
	background-color: #E2F0D9;
}

.list-demande table{
	width: 100%;
	border-collapse: collapse;	
}
.list-demande table a{
	color: #ffffff;
	background-color: #B88668;
	font-weight: bold;
	text-decoration:none;
}

.list-demande table th{
	background-color: #f0f1f1;
}
.list-demande table th, .list-demande table td{
	padding: 2px;
}
.list-demande table td{
	border-bottom: 1px solid #f0f1f1;
}

.tableau{
	width: 100%;
}

/***********************
	Detail demande
************************/
.detail-demande{
	margin: 0px 0px 20px 0px;
	}

.detail-demande p{
	margin:0px;
	padding:0px;
}

h3.toggle{
	background: transparent url(images/btn-moins.gif) no-repeat center right;
	height: 20px;
	cursor:pointer;
	
	}

div.paiement_cheque{
	border-bottom: 2px solid #F0F1F1;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	}
p.adresse{
	font-weight: bold;
	background-color:#F0F1F1;
	color:#3D3D3D;
	padding: 2px 0px 2px 5px;
	margin: 5px 0px 5px 0px;
	}
	
.detail-demande h4{
	margin:8px 0px 5px 0px;
	padding:0px;
}

table.liste-propositions{
	width: 100%;
	border-collapse: collapse;	
}


table.liste-propositions  th{
	background-color: #f0f1f1;
}
table.liste-propositions th, table.liste-propositions td{
	padding: 2px;
}
table.liste-propositions td{
	border-bottom: 1px solid #f0f1f1;
}
/***********************************/
.questionnaire-intro{
	font-size: 1.3em;
}
.questionnaire-question{
	border: 1px solid #EFE6E0;
	padding: 0 5px 5px 5px;
	margin: 10px 0;
}
/***********************************/
#promo-ete{
	background: url('images/promo-remise.gif') no-repeat scroll top left;
	height: 40px;
	/* height: 0px; */
	margin:0 5px;
}
#inovallee{
	background: #f3f8df url('images/inovallee.gif') no-repeat scroll top left;
}
#inovallee h3, #inovallee p{
	margin: 0px;
	text-indent: -4000px;
}
#inovallee-titre {
	height: 61px;
	position: relative;
}
#inovallee-inscription{
	position: absolute;
	right: 15px;
	top: 10px;
	text-align: center;
}
#inovallee-inscription a{
	display: block;
	font-size: 10px;
	color: #333333;
	width: 182px;
	height: 40px;
	line-height: 20px;
	text-decoration: none;
}
#inovallee-inscription a span{
	font-size: 13px;
}
#inovallee-inscription a:hover{
	background-color : #b4db68;
	color: #fff;
}
#inovallee-formulaire{
	padding: 15px 10px;
}