body {
	background-color:#333333;
	color:#eeeeee;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:justify;
	
	margin:0px;
	padding:0px;
}

a
{
	outline:none;
}

img
{
	border:0;
	outline:none;
}

p
{
	margin:0px 0px 10px 0px;
	padding:0px;
}


h2
{
	font-size:20px;
	margin:0px;
	padding:20px 0px 10px 0px;
}


/* ##################################################################################### */
/* STRUCTURE DE LA PAGE
/* ##################################################################################### */
div#conteneur_large
{
	display:block;
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	border:0px solid red;
	background-image:url(img/degrade_haut.png);
	background-repeat:repeat-x;
}


div#conteneur_page
{
	display:block;
	position:relative;
	width:950px; /* largeur totale de la page web */
	padding:0;
	margin:0 auto 0 auto; /* centrage horizontal du contenu */
}

/* ##################################################################################### */
/* FIN STRUCTURE DE LA PAGE
/* ##################################################################################### */



/* ##################################################################################### */
/* BANDEAU SUPERIEUR
/* ##################################################################################### */
div#bandeau_sup
{
	display:block;
	position:relative;
	z-index:10;
	padding:0;
	margin:0px 0px 20px 0px;
	height:130px;
	border:0px solid orange;
}


h1.logo
{
	position:absolute;
	width:92px;
	height:92px;
	
	margin:0px;
	padding:0px;
	
	left: 9px;
	top: 21px;
	
	z-index:9000;
	visibility: visible;
}

h1.logo span
{
	position:relative;
	display:none;
}

img#slogan_topsite
{
	position:absolute;
	display:block;
	padding:0;
	margin:0;
	border:0;
	left:492px;
	top:50px;
}


/* ##################################################################################### */
/* MENU SUPERIEUR
/* ##################################################################################### */
div#menu_sup
{
	position:absolute; 
	display:block; 
	border:0px solid yellow;
	z-index:1000;
	top:-17px;
	right:-2px;
}

div#menu_sup a.onglet
{
	position:relative;
	display:inline;
	float:left;
	margin:0px 2px 0px 0px;
	padding-top:19px;
	height:40px;
	
	font-size:13px;
	color:#3a4961;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}

div#menu_sup a.gris
{
	background-color:#dadce0;
	border:1px solid #3a4961;
}

div#menu_sup a.jaune
{
	background-color:#FFFF66;
	border:1px solid #FF9900;
}


div#menu_sup a.onglet span
{
	position:relative;
	margin:0px 8px 0px 8px;
}



/* ##################################################################################### */
/* FIN MENU SUPERIEUR
/* ##################################################################################### */



/* ##################################################################################### */
/* CONTENU DES PAGES
/* ##################################################################################### */
div#contenu_page
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	
	border:0px solid green;
}

div.colonne_gauche
{
	position:relative;
	display:block;
	float:left;
	border:0px solid red;
	width:700px;
}

div#comment_ca_marche 
{
	margin:-20px 0px 15px 0px;
	color:#ffffff;
	
}

div#comment_ca_marche p
{
	padding:0px;
	margin:0px 0px 3px 0px;
	font-size:14px;
}

div#comment_ca_marche p img
{
	margin-right:10px;
}


div.encart_arrondi_blanc
{
	position:relative;
	display:block;
	background-color:#ffffff;
	
	margin:0;
	padding:0;
	
}

div.contenu div.encart_arrondi_blanc p, div.contenu div.encart_arrondi_blanc a, div.contenu div.encart_arrondi_blanc strong
{
	color:#4c535f;
}

div#conteneur_catalogue
{
	display:block;
	position:relative;
}

div.encart_catalogue
{
	position:absolute;
	display:block;
	top:120px;
	left:4px;
	width:702px;
	height:894px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	border:0px solid green;
}



/* ##################################################################################### */
/* COLONNE DROITE
/* ##################################################################################### */

div.colonne_droite
{
	position:relative;
	display:block;
	
	float:right;
	width:212px;
	height:1165px;
	padding:6px;
	
	text-align:center;
	color:#ffffff;
	
	border:1px solid #757575;
	background-color:#232229;
}

div.colonne_droite a
{
	margin:0;
	padding:0;
}

div.colonne_droite div.encart
{
	display:block;
	position:relative;
	margin:0px 0px 5px 0px;
	padding:0;
	border-bottom:1px solid #525257;
}

div.colonne_droite div.encart p
{
	font-size:11px;
}

div.colonne_droite a.lien_site
{
	position:relative;
	display:block;
	color:#cccccc;
	font-size:11px;
	text-decoration:none;
	margin:12px 0px 24px 0px;
}

div.colonne_droite a.lien_site:hover
{
	color:#fff828;
}


div.colonne_droite a.lien_site img
{
	border:1px solid #949397;
	text-decoration:none;
	margin:0px 0px 6px 0px;
}

div.colonne_droite a.lien_site:hover img
{
	border:1px solid #fff828;
}


div.colonne_droite div.encart h3
{
	color:#fff828;
	font-size:15px;
	font-weight:normal;
	margin:15px 0px 10px 0px;
	padding:0;
}

/* ##################################################################################### */
/* FIN COLONNE DROITE
/* ##################################################################################### */