html
{
	background-image:url(../graphisme/images/degrade_02.png);
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;	
}



#fond
{
	background-image:url(../graphisme/fond.jpg);
	background-repeat:no-repeat;
	background-position:center 20px;
}



#site
{
	width:935px;
	margin:auto;
	background-color:#FFF;
}


/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/* HEADER */
header
{
	background-image:url(../graphisme/images/header.jpg);
	background-repeat:no-repeat;
	padding-left:10px;	
}

#visuel
{
	float:left;	
	width:705px;
}
img#logo
{
	float:left;
	margin-top:68px;
}

div#bandeau
{
	float:right;
	width:467px;
	text-align:center;
	margin-top:17px;
	margin-right:10px;
}

a#accueil
{
	background-image:url(../graphisme/images/accueil1.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:195px;
	height:35px;
	color:#fff;
	line-height:35px;
	padding-left:17px;
	margin-right:8px;
}
a#accueil:hover
{	
	background-image:url(../graphisme/images/accueil2.jpg);
}

header nav
{
	margin-top:5px;
	float:left;
}
header nav ul
{
	float:left;
	width:485px;
}

header nav ul li
{
	float:left;
	width:97px;		
}

header nav ul li a
{
	display:block;
	background-image:url(../graphisme/images/onglet1.jpg);
	color:#fff;
	height:20px;
	padding-top:14px;
	text-align:center;
	font-size:10px;
}

header nav ul li a.deux_ligne
{
	height:30px;
	padding-top:4px;
}
header nav ul li a:hover
{
	background-image:url(../graphisme/images/onglet2.jpg);
}

#compte
{
	padding-top:115px;
	float:right;
	width:207px;
	margin-right:10px;
}

#compte a
{
	font-weight:bold;
	color:#000;
	display:block;
	margin-bottom:10px;
}

#compte #panier
{
	background-image:url(../graphisme/images/panier.jpg);
	background-repeat:no-repeat;
	height:67px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
}

#compte #panier a
{
	padding-left:35px;
	display:block;
	height:14px;
	padding-top:12px;
	color:#fff;
}

#compte #panier a:hover
{
	color:#000;
}

#compte #panier a.blanc
{
	padding-top:0px;	
	height:7px;
}

#compte p
{
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
}


/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/* ZONE GAUCHE*/ 

#colonne1
{
	float:left;
	width:212px;
	margin-left:10px;
	background-image:url(../graphisme/images/fond-colonne-gauche.jpg);
	background-repeat:no-repeat;
	padding-right:10px;
}

#colonne1 #form_recherche
{
	background-image:url(../graphisme/images/recherche1.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding-top:8px;
	margin-bottom:10px;
}

#colonne1 #form_recherche input.recherche
{
	background-image:url(../graphisme/images/recherche2.jpg);
	background-repeat:no-repeat;
	line-height:20px;
	height:20px;
	width:157px;
	margin-left:17px;
	float:left;
}

#colonne1 #form_recherche input#ok
{
	height:21px;
	width:21px;
	float:right;
	margin-right:7px;
}

#colonne1 .titre_gras
{
	font-weight:bold;
	font-size:11px;
	padding-left:17px;
	border-bottom:#a7a7a7 1px dashed;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:20px;	
}

#colonne1 nav.fleche li
{
	margin-bottom:5px;
}

#colonne1 nav.fleche a
{
	color:#000;
	font-size:10px;
	padding-left:15px;
	display:block;
	text-transform:uppercase;
}

#colonne1 nav.fleche a:hover
{
	color:#fd7c01;
	background-image:url(../graphisme/images/fleche-orange.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}


/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/* ZONE PRINCIPALE */ 


#colonne2
{
	width:470px;
	float:left;
	margin-top:40px;
	margin-bottom:30px;	
}

#colonne2.largeur_contenu
{
	width:650px;
	padding-left:30px;
}
#colonne2 #zone_titre
{
	padding-left:20px;
}

#colonne2 li.fleche_orange
{
	color:#000;
	background-image:url(../graphisme/images/fleche-orange.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	margin-bottom:5px;
	text-transform:uppercase;
}

#colonne2 div#bloc_cadeau
{
	background-image:url(../graphisme/images/cadeau_26.jpg);
	background-repeat:no-repeat;
	height:162px;
	width:212px;
	margin-top:8px;
	padding-left:10px;
}

#colonne2 div#bloc_cadeau p
{
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:10px;
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/* ZONE COLONNE DROITE */ 

#colonne3
{
	width:217px;
	float:right;
	background-image:url(../graphisme/images/fond-colonne-droite.jpg);
	padding-left:10px;
}

#colonne3 #telephone
{
	margin-top:5px;	
}

#colonne3 #rappel_cote
{
	background-image:url(../graphisme/images/rappel.jpg);
	background-repeat:no-repeat;
	width:192px;
	height:100px;
	margin-top:8px;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
}

#colonne3 #rappel_cote p
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:5px;
}

#colonne3 #rappel_cote input#nom_rappel
{
	width:92px;
	color:#000;
}

#colonne3 #rappel_cote input#numero_rappel
{
	width:78px;
	color:#000;
	float:left;
	display:block;
}

#colonne3 #rappel_cote input#ok_rappel
{
	float:left;
	display:block;
	margin-left:2px;
}


#colonne3 a#bloc_entreprise
{
	background-image:url(../graphisme/images/entreprise.jpg);
	background-repeat:no-repeat;	
	width:212px;
	height:70px;
	display:block;
	color:#fff;
	font-size:9px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	margin-top:8px;
	text-transform:uppercase;
}
#colonne3 a#bloc_entreprise:hover
{
	color:#000;
}

#colonne3 a#bloc_entreprise #devis
{
	font-size:10px;	
}

#colonne3 a#bloc_entreprise #sous_heure
{
	font-size:13px;
}

#colonne3 p#bloc_ce
{
	background-image:url(../graphisme/images/ce.jpg);
	width:212px;
	height:58px;
	display:block;
	color:#fff;
	font-size:10px;
	text-align:center;
	padding-top:12px;
	font-weight:bold;
	margin-top:8px;
	text-transform:uppercase;
}

/*#colonne3 p#bloc_ce:hover
{
	color:#000;
}*/

#colonne3 p#bloc_ce #ce_un
{
	font-size:13px;	
}

#colonne3 p#bloc_ce #remise
{
	font-size:16px;
}

#colonne3 div#affranchir
{
	background-image:url(../graphisme/images/affranchir_22.jpg);
	background-repeat:no-repeat;
	height:180px;
	width:222px;
	margin-top:8px;
}

#colonne3 div#affranchir p
{
	width:212px;
	text-align:center;
	padding-top:10px;
	color:#2066d1;
	font-weight:bold;
	text-transform:uppercase;
}

#colonne3 div#affranchir p a
{
	color:#2066d1;
}

#colonne3 div#affranchir ul
{
	margin-left:20px;
	margin-top:20px;
}

#colonne3 div#affranchir ul li a
{
	color:#000;
	font-weight:bold;
}

#colonne3 div#affranchir ul li a:hover
{
	color:#fff;	
}



#colonne3 div#traceur
{
	background-image:url(../graphisme/images/traceur.jpg);
	background-repeat:no-repeat;
	height:180px;
	width:212px;
	margin-top:8px;
}

#colonne3 div#traceur p
{
	text-align:center;
	padding-top:10px;
	color:#2066d1;
	font-weight:bold;
	text-transform:uppercase;
}

#colonne3 div#traceur p a
{
	color:#2066d1;
}

#colonne3 div#traceur ul
{
	margin-left:20px;
	margin-top:20px;
}

#colonne3 div#traceur ul li a
{
	color:#000;
	font-weight:bold;
}

#colonne3 div#traceur ul li a:hover
{
	color:#fff;	
}

#colonne3 div#bloc_cadeau
{
	background-image:url(../graphisme/images/cadeau_26.jpg);
	background-repeat:no-repeat;
	height:162px;
	width:212px;
	margin-top:8px;
	padding-left:10px;
}

#colonne3 div#bloc_cadeau p
{
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:10px;
}

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/* ZONE FOOTER */ 

#footer
{
	background-image:url(../graphisme/images/footer_32.jpg);
	background-repeat:repeat-x;
	height:484px;
	border-top:#a7a7a7 1px dashed;
	background-color:#fff;
}

footer
{
	width:935px;
	background-image:url(../graphisme/images/footer_20.jpg);
	margin:auto;
	background-repeat:no-repeat;
	padding-top:25px;
}

#footer footer #footer1
{
	height:195px;	
}

#footer footer #footer1 .colonne
{
	width:203px;
	padding-left:30px;
	float:left;
}


#footer footer #footer1 .colonne .titre_footer
{
	background-image:url(../graphisme/images/footer-orange_24.jpg);
	background-repeat:no-repeat;
	width:144px;
	line-height:22px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

#footer footer #footer1 .colonne ul
{
	margin-top:15px;
}

#footer footer #footer1 .colonne ul li a
{
	color:#000;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}

#footer footer #footer1 .colonne ul li a:hover
{
	color:#ff7d00;
}

#footer footer #footer2
{
	height:205px;
	padding-top:25px;	
}

#footer footer #footer2 .colonne
{
	width:203px;
	padding-left:30px;
	float:left;
}


#footer footer #footer2 .colonne .titre_footer
{
	background-image:url(../graphisme/images/footer2_34.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:144px;
	line-height:22px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

#footer footer #footer2 .colonne ul
{
	margin-top:15px;
}

#footer footer #footer2 .colonne ul li a
{
	color:#000;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}
#footer footer #footer2 .colonne img.marge
{
	margin-right:5px;
	margin-top:3px;
}

#footer footer #footer2 .colonne ul li a:hover
{
	color:#ff7d00;
}



#footer footer #copy
{
	font-size:10px;
	font-style:italic;
	color:#000;
	text-align:right;
}

#footer footer #copy a
{
	color:#000;		
}

#adresse h1			{ font-size:10px; margin:0; padding:0; font-weight:bold; }
#adresse h2			{ font-size:10px; margin:0; padding:0; font-weight:normal; }
#adresse h3			{ font-size:10px; margin:0; padding:0; font-weight:normal; }
#adresse h4			{ font-size:10px; margin:0; padding:0; font-weight:normal; }
#adresse h5			{ font-size:10px; margin:0; padding:0; font-weight:normal; }