

.body {   

	margin:0;

	margin-top: 30px; 

	background-color:#c8d100;

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color:#3b3b3b;

	font-size:11px;

}







p, ul, li, h1, h2, h3, span, form {

	padding: 0px;

	margin: 0px;

}





h1, h2, h3 {

	margin-bottom:5px;

	margin-top:5px;

}



h1 {

	font-size:16px;

	font-weight:bold;

	color:#275985

}



h1 span {

	font-size:11px;

	font-weight:normal;

}



h2 {

	margin-top:0;

	font-size:12px;

	font-weight:bold;

	color:#3a3a3a

}



p {

	margin-bottom:3px;

}



a {

	color:#275985;

}



img {border:0;}



/*div{border:solid 1px #f00;}*/

#map_canvas{
	height: 260px;
	width: 320px;
}



#chargement {

	position:relative;

	left:250px;

	top:-150px;

	width:300px;

	background:#404040;

	font-size:25px;

	color:#fff;

	text-align:center;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:50px;

	padding-top:50px;

}



/*********** classes pour aligner une image et un texte verticalement*************/

p.alignmiddle img, p.alignmiddle span ,p.alignmiddle input{ 

   vertical-align: middle;

   display: inline; 

}



p.alignmiddle span { 

   padding-left: 5px; 

}



/*********** liste avec puce background ****************/

ul.sanspuce li {

list-style-type: none;

background: url(http://www.solutions-vpc.com/fr/Bt/puce.gif) no-repeat;

padding-left: 15px;

width:128px;

}



ul.sanspuce {

padding:0; margin:0; width:100px;

}





/********** CENTRE *******************/



#general {

	margin:auto;

	width:886px;

}



#entete {

	background:url(http://www.solutions-vpc.com/fr/Bt/entete_fond.jpg) no-repeat;

	height:69px;

	padding-left:32px;

	padding-top:32px;

}

	#cheminfer {

		padding-top:9px;

		color:#fff;

		font-size:11px

	}

	#entete img {

		padding-left:5px;

	}



#centre {

	background:url(http://www.solutions-vpc.com/fr/Bt/centre_fond.gif) repeat-y;

	padding-left:21px;

	padding-right:21px;

}

	#centre_contenu {

		padding-left:20px;

		padding-right:20px

	}



#sousmenu {

	border-bottom:solid 1px #cbcbcb;

	padding-top:10px;

	padding-bottom:5px;

	margin-bottom:10px;

	padding-left:5px;

}



#sousmenu li {

	display:inline;

	margin-right:4px;

}

#sousmenu li a {

	width:auto;

	font-weight:bold;

	font-size:14px;

	color:#fff;

	text-decoration:none;

	padding:5px;

	padding-left:25px

}



#sousmenu li a:link, #sousmenu li a:visited, #sousmenu li a:active {

	background:url(http://www.solutions-vpc.com/fr/Bt/sousmenu_fond_out.gif) repeat-x 0 0;

}

#sousmenu li a:hover{

	background:url(http://www.solutions-vpc.com/fr/Bt/sousmenu_fond_over.gif) repeat-x 0 0;

}



#sousmenu li.selection a:link, #sousmenu li.selection a:visited, #sousmenu li.selection a:active  {

	background:url(http://www.solutions-vpc.com/fr/Bt/sousmenu_fond_over.gif) repeat-x 0 0 !important ;

}



#pieddepage {

	position:relative;

	background:url(http://www.solutions-vpc.com/fr/Bt/pieddepage_fond.jpg) no-repeat;

	height:26px;

	padding-top:32px;

	color:#fff;

	font-size:11px;

}

	#pdp_adresse {

		position:absolute;

		left:75px;

	}

	#pdp_navigation {

		position:absolute;

		right:45px;

		padding-top:3px;

	}

#medietas {

	text-align:right;

	padding-right:40px;

}





/******** Ce produit est-il pour moi ************/

.td_padding {

	padding-left:25px;

}



#produit_tableau td {

	background:url(http://www.solutions-vpc.com/fr/Bt/produit_td.gif) no-repeat top left;

	padding-left:10px;

	padding-right:20px;

	color:#275985

}



/********** Temoignages / Témoignages **********/

#content_temoignages {

	position:relative;

	width:800px;

	height:414px;

}



#temoignage1 {

	top:10px;

	left:10px;

	z-index:3

}



#temoignage2 {

	top:140px;

	left:261px;

	z-index:2

}



#temoignage3 {

	top:270px;

	left:123px;

	z-index:1

}



.temoignage {

	position:absolute;

	width:523px;

	background:#fff;

	border:solid 2px #c6c6c6;

	padding:10px;

}

.temoignage h2 {

	font-size:13px;

	font-weight:bold;

	color:#bbc300

}



/*************** Nous rencontrer *******************/

#nous_rencontrer {

	position:relative;

}

#rencontre_gauche {

	padding-right:330px;

}



#rencontre_droite {

	position:absolute;

	top:25px;

	left:500px;

}



#rencontrer_h1 {

	margin-left:120px;

}



/************** Nos tarifs ****************/

.table_modules li {

	list-style:none;

	background:url(http://www.solutions-vpc.com/fr/Bt/puce_jaune.gif) no-repeat 0 3px;

	padding-left:10px;

	color:#275985

}



.table_sel {

	background:#c8d100;	

	margin-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:5px;

}



.table_class {

	background:#c7d2dc;	

	margin-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:5px;

}



.table_modules th a {

	color:#404040;

	font-size:12px;

	font-weight:normal;

}

/*

.table_modules td {

width:253px;

}

*/

.sousliste {

margin-left:15px;

}



.table_modules table td {

	margin-top:1px;

	background:#e5e5e5;

	padding-left:5px;

	width:243px;

}





#table_jeton {

	background:url(http://www.solutions-vpc.com/fr/Bt/table_fond.gif) repeat-y ;

	width:822px;

}



.table_jeton_gris {

	background:#f9f9f9;

	padding:10px;

	color:#275985

}



#haut_gauche {

	background:url(http://www.solutions-vpc.com/fr/Bt/table_haut_gauche.gif) no-repeat ;

	width:520px;

	height:76px;

	font-size:20px;

	color:#fff;

	font-weight:normal

}

#haut_jeton {

	background:url(http://www.solutions-vpc.com/fr/Bt/table_haut_jeton.jpg) no-repeat ;

	width:102px;

	height:76px

}

#haut_droite{

	background:url(http://www.solutions-vpc.com/fr/Bt/table_haut_droite.jpg) no-repeat ;

	width:200px;

	height:76px;

	font-size:24px;

	color:#fff;

	font-weight:normal

}



/*

#table_titre {

	font-size:14px;

	color:#828282;

	font-weight:bold;

	padding-left:20px

}

*/

#table_titre {

background:url(http://www.solutions-vpc.com/fr/Bt/table_fond_haut.gif) repeat-y;

	font-size:14px;

	text-align:center;

	color:#fff;

	font-weight:bold;

	height:27px;

}

#exemple3jetons {

	font-size:15px;

	font-weight:bold;

	color:#275985;

	text-align:center

}





#table_options {

	color:#404040

}

#table_options th {

	background:#c8d100;

	text-align:left;

	padding-top:1px;

	height:18px

}



#table_options th.entete {

	background:#c5c5c5;

	color:#fff;

	text-align:center;

	height:10px

}



#table_options td {

	background:#ececec;

	height:18px;

	padding-left:2px;

}



.asterisque {

	font-size:9px;

	font-style:italic;

}



/***************** Références *********************/

#references_conteneur {

	position:relative;

	padding-top:20px;

	padding-bottom:15px;

}

#fiche_produit {

	padding-right:415px;

}

#liste_produits {

	position:absolute;

	top:50px;

	left:390px;

}



/******* liste des ref ******/

#catalogue_conteneur {

	background:#d6d6d6;

/*	width:340px;*/

	padding:15px;

	padding-right:10px

}

#catalogue_conteneur input {

	padding-left:5px;

	padding-right:5px;

}



#pagination_bas {

	text-align:right;

}



.fiche {

	float:left;

	width:100px;

	text-align:center;

	padding:1px;

}



.fiche_produit_image {

	text-align:center

}



.lien_border {

	display:block;

	width:100px;

	height:71px;

	border:solid 1px #fff;

}



.lien_border:hover {

	border:solid 1px #9f9f9f;

}



/*

.lien_border img {

	border:solid 1px #ff0;

}



.lien_border:hover img {

	border:solid 1px #9f9f9f;

}

*/

.ref_intitule {

	color:#404040

}



/******* ref detail *********/

.ref_haut {

	width:390px;

	height:17px;

	padding-top:14px;

	padding-left:20px;

	background:url(http://www.solutions-vpc.com/fr/Bt/ref_haut.gif) no-repeat;

	font-size:12px;

	font-weight:bold;

	color:#fff;

}

.ref_repete {

	width:350px;

	padding:20px;

	background:url(http://www.solutions-vpc.com/fr/Bt/ref_repete.gif) repeat-y;

	font-size:13px;

}

.ref_bas {

	width:390px;

	height:28px;

	background:url(http://www.solutions-vpc.com/fr/Bt/ref_bas.gif) no-repeat;

}







/***************** contact ***********************/



div #contact {

	width:620px;

	margin:auto;

	font-size:12px;

	color:#404040;

}



#contact h1 {

	font-size:24px;

	padding-left:40px

}



#contact h1.padding_titre {

	padding-left:110px;

}





.contact_champs {

	border: 1px solid #c0c0c0;

	background-color: #fff;

	color: #404040;

	font-size: 11px;

	width: 216px;

}



#contact textarea {

	border: 1px solid #ccc;

	background-color: #fff;

	color: #c0c0c0;

	font-size: 11px;

	width: 615px;

}





#contact_valider {

	text-align:center

}



#contact a {

	color:#969798

}





#qui-etes-vous {

	margin-top:10px;

	padding-left:25px;

	padding-right:25px;

	background:#cecece;

	color:#404040;

}



#qui-etes-vous .contact_champs {

	width:180px;

}



#qui-etes-vous .ville {

	width: 297px !important ;

}

#qui-etes-vous .cp{

	width: 77px !important ;

}

#qui-etes-vous .adresse{

	width: 465px !important ;

}





/**************** validation du contact ***********************/



#validecontact{

	padding-top: 10px;

}





	#validecontact h2{

		color: #f00;

		text-align: center;

	}



#validecontacterr{

	width: 360px;

	padding-left: 10px;

	margin:auto;

}

#validecontactok{

	width: 360px;

	padding-left: 10px;

	margin:auto;

}

#validecontactretour {

	width: 360px;

	padding-top:15px;

	margin:auto;

	text-align:center;

	

}









/*------------ detail de news ------------------*/

#news_detail {

	text-align: justify;

}





/*------------ recherche de news ---------------*/



#rnews_titre {

	width: 641px;

	height: 30px;

	background-image: url(http://www.solutions-vpc.com/fr/Bt/titre_fond640.jpg);

	background-repeat: no-repeat;

	font-size: 14px;

	font-weight: bold;

	color: #676767;

}



#rnews_retour {

	width: 750px;

	text-align: center;

	height: 30px;

}





/*----------- actualites / news ---------------------*/



#actu .champs { width:150px;}



#news_search{

	float:left;

	font-size: 14px;

	font-weight: bold;

	color: #676767;

}



#news_search td{

	height: 40px;

}



#news_searchmc{

	float: left;

	width:400px;

}



#news_searcharchives{

	float: right;

	width:320px;

}



.news_texte {

	float: left;

	width: 580px;

	padding-right:20px;

}

	.news_texte h1 {padding-bottom:0px;}

	

	.news_texte h3 {

		color: #9bbd76;

		font-size: 14px;

		font-weight: bold;

		padding: 0px;

		margin: 0px;

	}



	.news_texte h1 a:link {

		color: #333333;

		text-decoration: none;

		font-size: 16px;

		font-weight: bold;

		padding: 0px;

	}



	.news_texte h1 a:visited {

		color: #333333;

		text-decoration: none;

		font-size: 16px;

		font-weight: bold;

		padding: 0px;

	}

	

	.news_texte h1 a:hover {

		color: #333333;

		text-decoration: underline;

	}





	.news_texte h4 {

		color: #976a40;

		font-weight: normal;

		padding: 0px;

		margin: 0px;

		font-size:12px;

	}



.news_photo{

	float: left;

	width: 120px;

}



.news_fondhaut{

	background-image: url(http://www.solutions-vpc.com/fr/Bt/news_fondhaut.gif);

	background-repeat: no-repeat;

	width: 749px;

	height: 15px;

}



.news_fond{

	background-image: url(http://www.solutions-vpc.com/fr/Bt/news_fond.gif);

	background-repeat: repeat-y;

	padding-left: 15px;

	padding-right: 10px;

	width: 724px;

}



.news_fondbas{

	background-image: url(http://www.solutions-vpc.com/fr/Bt/news_fondbas.gif);

	background-repeat: no-repeat;

	width: 749px;

	height: 15px;

}





/*----------- mentions légales ---------*/



#mentions a:link {  

	font-size: 10px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666; 

	text-decoration: underline

}



#mentions a:visited {

	color: #666666; 

	text-decoration: underline

	}

#mentions a:hover {  

	text-decoration:underline

	}







/**************** resultats avancée ******************** */

#res_avance {

padding-top:0px;

}



#res_avance hr {background:#cecece; height:1px;}



#res_avance .texte {

font-weight:normal;

}



#res_avance a:link {  font-family: Helvetica, Arial , Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: underline}

#res_avance a:visited {  font-family: Helvetica, Arial , Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #ababab; text-decoration: underline}

#res_avance a:hover {  font-family: Helvetica, Arial , Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration:underline}



#rech_result {margin-left:15px;}



#rech_result th { background:url(http://www.solutions-vpc.com/fr/Bt/resultatavance_fond.gif) no-repeat; width:170px; color:#fff; font-weight:bold; padding-left:5px; height:25px; vertical-align:middle;}

#rech_result .fond { background:#e8e8e8; color:#767676; padding-left:5px; height:25px;}



.resrech_intitule_gris { font-size: 12px; font-style: normal; color: #767676; font-weight: bold ; text-decoration: none}









/*********** divers ***********/

.clear_both {

	clear:both;

}



.td_jaune {

	font-size:12px;

	color:#fff;

	width:362px;

	background:url(http://www.solutions-vpc.com/fr/Bt/jaune_td.gif) no-repeat 20px 20px #c8d100;

	padding-left:30px;

}





.bleu {

	color:#275985

}



.jaune {

	color:#c8d100

}



.gris {

	color:#404040

}





.h_texte {

	display:none

}



.fleche_bleu li {

	list-style:none;

	background:url(http://www.solutions-vpc.com/fr/Bt/fleche_bleu.gif) no-repeat 0px 5px;

	padding-left:15px;

}



.bull {

	margin-left:15px;

}





.justifie {text-align:justify;}



.clear {

	clear: both;

}





.r_arbreencours, .r_arbre {

	color:#969798;

	font-size:11px

}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	//opacity: 0.85;
	width:300px;
}
#tooltip h3, #tooltip div { margin: 0; }

.envoyer {
    background: url("http://www.solutions-vpc.com/fr/Bt/bt_valider.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0;
    height: 33px;
    padding-top: 32px;
    width: 88px;
}


.contenu-gauche {
	width: 180px;
}
.text-mail {
	font-size: 20px;
	font-weight: bolder;
	color: #285984;
}
.contenu-centre {
	width: 200px;
}

.rencontacter {
    background: url("http://www.solutions-vpc.com/fr/Bt/recontacte.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0;
    height: 60px;
    padding-top: 32px;
    width: 216px;
}
.tester {
    background: url("http://www.solutions-vpc.com/fr/Bt/tester.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0;
    height: 60px;
    padding-top: 32px;
    width: 216px;
}
