/* CSS Document */
/*---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
	}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:11px;
	}
	a {text-decoration:none;}
	a:hover {text-decoration:none;}
	img {border:none;}
	ul,li,radio,label {list-style:none;}
	
	.infobulle{
		position: absolute;	
		visibility : hidden;			
		border: 1px solid Black;
		padding: 3px;
		font-family: Verdana, Arial;
		font-size: 1em;
		width:200px;
		background-color: #E8EBF2;
		display:inline;
		z-index:10;
		top:0;
		left:0
	}
/*----------------------------global------------------------------*/
#global{
	position:relative;
	width:767px;
	margin:0 auto;
	padding: 2px 2px 0 2px;
}
#header{
	width:765px;
	height:110px;
	background:url(../img/environment/header.gif);
}
#header a.go_home{
	display:block;
	float:left;
	width:100%;
	height:90px;
}

a.aide, a.produits_tarifs, a.cgdv, a.contact, a.mentions_legales  {
	position:absolute;
	top:93px;
	color:#fff;
	font-weight:bold;
	font-size:1.3em
}
a.aide {
	left:15px;
}
a.produits_tarifs {
	left:140px
}
a.cgdv {
	left:290px
}
a.contact {
	left:540px
}
a.mentions_legales {
	left:620px
}
#header a:hover.aide{text-decoration:underline}

/*----------------------------footer------------------------------*/
div.mentions {
	float:left;
	width:100%; 
	border-top:1px solid #126597;
	padding-top:5px;
	text-align:justify
}

/*---------------------------bloc principal contenant 3 autres bloc (gauche, droit et bleu)-------------------------------*/
#main{
	width:747px;
	padding:25px 10px 10px 5px;
	float:left;
}
/*----------------------------bloc gauche------------------------------*/
#bloc_left{
	width:199px;
	float:left;
}
#top_left{
	width:199px;
	height:5px;
	background:url(../img/environment/top_left.gif) no-repeat;
	float:left;
	font-size:0em
}
#middle_left{
	width:177px;
	border-left:solid #2778a3 1px;
	border-right:solid #2778a3 1px;
	background:#f3f3f3;
	float:left;
	padding:10px;
}
#bottom_left{
	width:199px;
	height:5px;
	background:url(../img/environment/bottom_left.gif) no-repeat;
	float:left;
}
ul.liens_gche {
	color:#fe0000;
	font-weight:normal;
}
ul.liens_gche li{
	background:url(../img/basics/puce_bleue.gif) no-repeat 0 6px;
	padding-left:7px;
	margin:5px 0;
	font-size:0.9em;
}
ul.liens_gche li a{
	color:#ff0000;
}
ul.liens_gche li a:hover{
	text-decoration:underline;
}
/*----------------------------bloc droit avec formulaire-----------------------------*/
.champs {
	background:#e8ebf2;
	border:#128bb6 1px solid;
	width:202px;
	height:16px;
	padding:1px 0 0 3px;
	font-size:1em;
}
select.champs {
	width:400px;
	height:auto
}
#bloc_right{
	width:528px;
	float:right;
}
#top_right{
	width:528px;
	height:39px;
	background:url(../img/environment/top_contenu.gif);
	float:left;
	font-size:0em
}
#top_right_acheter{
	width:528px;
	height:39px;
	background:url(../img/environment/titre_achetez_fichier.gif);
	float:left;
	font-size:0em
}
#top_right_contact{
	width:528px;
	height:39px;
	background:url(../img/environment/titre_contact_fichier.gif);
	float:left;
	font-size:0em
}
#top_right_resume{
	width:528px;
	height:39px;
	background:url(../img/environment/titre_resume_commande.gif);
	float:left;
	font-size:0em
}
#middle_right{
	width:496px;
	border-left:solid #aecfe7 1px;
	border-right:solid #aecfe7 1px;
	background-color:#fff;
	padding:20px 10px 10px 20px;
	float:left;
}
*+html #middle_right{min-height:435px;}

#bottom_right{
	width:528px;
	height:4px;
	background:url(../img/environment/bottom_contenu.gif) no-repeat;
	float:left;
}
#formulaire1{
	width:100%;
}
#formulaire2{
	width:100%;
}
#formulaire3{
	width:100%;
	height:35px;
	padding-top:5px;
}
#formulaire4{
	width:481px;
	height:55px;
}
#formulaire4 table#tranche{
	width:100%;
	margin:6px 0
}
#formulaire4 table#tranche td{padding:3px 0}
* html #formulaire4 table#tranche td{padding:0}
#formulaire4 table#tranche{width:100%}
#tiret, .tiret {
	width:495px;
	height:1px;
	background:url(../img/basics/tiret_bleu.gif) repeat-x;
	margin-top:8px;
	font-size:0em
}
.zone_formulaire{
	width:80px;
	height:14px;
	background-image:url(../img/basics/puce_bleue.gif)no-repeat 0 6px;
	float:left;
	padding-left:7px;
	margin-top:2px;
}
.zone_formulaire span {color:#CB0000}
/*-----------------------bloc bleu-------------------------*/
#bloc_bleu{
	width:528px;
	float:right;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
}
#top_bleu{
	width:528px;
	height:21px;
	background:url(../img/environment/top_bleu.gif);
	float:left;
}
#middle_bleu{
	width:496px;
	border-left:solid #07588d 1px;
	border-right:solid #07588d 1px;
	background:url(../img/environment/middle_bleu.jpg) repeat-x #128bb6;
	float:left;
	padding:15px 20px 10px 10px;
}
#bottom_bleu{
	width:528px;
	height:4px;
	background-image:url(../img/environment/bottom_bleu.gif) no-repeat;
	float:left;
}
#txt_gauche{
	width:245px;
	float:left;
}
#txt_droit{
	width:230px;
	font-weight:bold;
	float:right;
}
ul.bleu{
	color:#fff;
	font-weight:normal;
}
ul.bleu li{
	background:url(../img/basics/puce_bleue_fonce.gif) no-repeat 0 6px;
	padding-left:7px;
}
ul.bleu li a{
	color:#fff;
}
ul.bleu li a:hover{
	text-decoration:underline;
}
/*----------------------------bas de page--------------------------------*/
#footer{
	width:745px;
	float:left;
	margin-top:20px;
}
/*----------------------------polices-----------------------------------*/
#police_bleue{
	color:128cb5;
}
/*================================================page "liste"======================================================================*/



/*------------------------bloc left---------------------------------*/
#bloc_left_liste{
	width:199px;
	float:left;
}
/*-----------------------petit bloc bleu ---------------------------*/
#petit_bloc_bleu{
	width:199px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	float:left;
}
#petit_top_bleu{
	width:199px;
	height:38px;
	background:url(../img/environment/top_bleu_petit.gif);
	float:left;
}
#petit_middle_bleu{
	width:189px;
	background:url(../img/environment/middle_bleu_petit.gif) repeat-x;
	float:left;
	padding:10px 0 5px 10px;
}
#petit_bottom_bleu{
	float:left;
	width:199px;
	height:4px;
	background:url(../img/environment/bottom_bleu_petit.gif) no-repeat;
}
ul.petit_bloc_bleu li{
	background:url(../img/basics/puce_bleue_fonce.gif) no-repeat 0 6px;
	padding-left:7px;
	color:#fff;
}
ul.petit_bloc_bleu li a{
	color:#fff;
}
ul.petit_bloc_bleu li a:hover{
	text-decoration:underline;
}
/*----------------------------bloc résumé "liste"---------------------------------*/
#bloc_resume{
	width:199px;
	float:left;
}
#top_resume{
	width:199px;
	height:20px;
	background:url(../img/environment/resume_top.gif) no-repeat;
	float:left;
}
#middle_resume{
	width:197px;	
	border-left:#2778a3 solid 1px;
	border-right:#2778a3 solid 1px;
	background-color:#f3f3f3;
	float:left;
}
#bottom_resume{
	width:199px;
	height:6px;
	background:url(../img/environment/resume_bottom.gif) no-repeat;
	float:left;
}
.resume{
	background:url(../img/basics/puce_bleue.gif) no-repeat 0 6px;
	padding-left:7px;
	color:#000;
	margin:5px 0 10px 10px;
}
.resume span{
	color:138ab5;
	font-weight:bold;
	padding-left:25px;
}
.total{
	color:000;
	padding:10px;
}
.total span{
	color:#cb0000;
	font-weight:bold;
}	
/*----------------------------------bloc droit "liste"-------------------------------------*/
#bloc_liste{
	width:528px;
	float:right;
	margin-top:16px;
}
#top_liste, #resume_commande{
	width:178px;
	height:25px;
	background:url(../img/environment/top_liste.gif) no-repeat;
	float:left;
	padding:14px 0 0 350px;
	color:#2778a7;
}
#resume_commande {background:url(../img/environment/titre_resume_commande.gif) no-repeat}
#middle_liste{
	width:517px;
	border-right:#adcfe8 solid 1px;
	border-left:#adcfe8 solid 1px;
	background-color:#feffff;
	padding-left:10px;
	float:left;
}
#bottom_liste{
	width:178px;
	height:25px;
	background:url(../img/environment/bottom_liste_simple.gif) no-repeat;
	float:left;
	padding:3px 0 0 350px;
	color:#2778a7;
}
ul.compas li{
	display:inline;
	margin-left:5px;
}
ul.compas li a{
	color:#2778a7;
}
um.compas li a:hover{
	text-decoration:underline;
}
.select {
	height:17px;
	float:left;
	margin-left:10px;
}
/*--------------------------------table--------------------------------------*/
table.list{
	width:510px;
	border-collapse:collapse;
	float:left;
}
/*----------------------table entête--------------------------*/
table.list tr th {
	background: url(../img/basics/tiret_bleu.gif) repeat-x top #67a0be;
	padding:3px;
	color:#fff;
	font-weight:normal;
	text-transform:capitalize;
}
/*---------------------------------------------------------*/
table.list tr td{
	background: url(../img/basics/tiret_bleu.gif) repeat-x top;
	padding:3px;
	height:30px;
	text-transform:uppercase;
}
table.list tr.pair td{
	background: url(../img/basics/tiret_bleu.gif) repeat-x top #f3f3f3;
}
td.gras{
	font-weight:bold;
}
p.gras{
	font-weight:bold
	}
/*border:solid 1px #000;*/

/*-------------------------------recherche avancée------------------------------------------*/
#top_bloc_rech_avancee{
	width:528px;
	height:4px;
	background:url(../img/environment/top_rech.gif) no-repeat;
	float:left;
	margin-top:5px;
}
#bottom_bloc_rech_avancee{
	width:528px;
	height:4px;
	background:url(../img/environment/bottom_contenu.gif) no-repeat;
	float:left;
}
#middle_bloc_rech_avancee{
	width:516px;
	border-right:#adcfe8 solid 1px;
	border-left:#adcfe8 solid 1px;
	background-color:#fff;
	padding-left:10px;
	float:left;
}
h1{
	font-size:18px;
	color:#07598e;
	font-weight:bold;
	text-decoration:underline;
}
p.texte_rech{
	color:#07598e;
	font-size:11px;
	font-weight:bold;
}
h2{
	font-size:14px;
	color:#07598e;
	font-weight:bold;
}
#bloc_communes{
	width:150px;
	float:right;
}
.communes{
	float:right;
	padding-right:10px;
}

#pdf_naf {
	position:relative;
	left:10px;
	top:0;
	color:#128bb6
}
#pdf_naf:hover {
	text-decoration:underline
}

/* ---------------------------------------------------------------------------- Ajout du 31/05/07 */
	#bloc_left_home {
		float:left;
		width:299px
	}
	#bloc_right_home{
		float:right;
		width:428px
	}
	div.bloc_bleu {
		width:366px;
		height:81px;
		background:url(../img/environment/bloc_bleu.jpg);
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		padding:12px 0 3px 24px;
		margin:30px 0
	}
	div.bloc_bleu a {
		color:#fff;
		font-size:1.5em;
		text-transform:uppercase
	}
	div.bloc_bleu a:hover {text-decoration:underline}
	div.bloc_bleu p {padding:8px 90px 0 0}
	div.formulaire {
		float:left;
		width:80%;
		margin:0 0 7px 0;
		padding:0 0 0 20%
	}
	div.actions {
		float:left;
		width:100%;
		padding:10px 0 0 0
	}
	div.actions a.retour {float:left}
	div.actions .droite {float:right}
	div.actions .gauche {float:left}
	a.conditions_ventes {
		color:#128BB6;
		line-height:18px;
		margin:0 0 0 10px
	}
	a.conditions_ventes:hover {text-decoration:underline}
	
	#recap {padding:0 0 0 40px}
	#recap li {
		background:url(../img/basics/puce_bleue.gif) no-repeat 0 5px;
		padding:0 0 0 9px;
		margin:0 0 5px 0
	}
	#recap li ul {padding:3px 0 0 20px}
	#recap li ul li {
		background:none;
		margin:0
	}
	a.bleu_clair {color:#128BB6}
	a.bleu_clair:hover {text-decoration:underline}