
  /*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Gris foncé : 322d33 */


  /*/////////////////////////////////
 ///// Classes de la structure /////
/////////////////////////////////*/


#contenu {
	background-image:url(../img/mea_1.jpg);
}

#contenu_header {
	height:330px;
	width:100%;
	padding:0;
	margin:0;
	cursor:pointer;
}

.colonne_gauche {
	width:465px;
	float:left;
}

.colonne_droite {
	width:215px;
	float:right;
	text-align:justify;
}

.colonne_gauche UL {
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	
	list-style:none;
	padding-left:0;
	padding-bottom:0;
}

.colonne_gauche LI {
	color:#76b758;
	font-weight:bold;
	text-indent:20px;
	
	background-image:url(../img/li.gif);
	background-position:left;
	background-repeat:no-repeat;
	
	padding-left:0;
	margin-right:10px;
	margin-left:0;
	line-height:24px;
	overflow:hidden;
}

.colonne_gauche LI STRONG {
	color:#76b758;
}

.colonne_gauche STRONG {
	color:#004687;
}

.colonne_gauche H1 STRONG {
	color:#76b758;
}

marquee DIV {

}


.div_global{
float:left;
margin:0px 2px 4px 2px;
height:30px;
width:120px;
padding-top:90px;
border:1px solid #70ad3a;
cursor:pointer;
background-repeat:no-repeat;
background-position:top center;
}


.div_global .div_bas{
height:30px;
width:116px;
padding:2px;
margin:0;
text-align:center;
cursor:pointer;
background-color:#70ad3a;
/*filter:alpha(Opacity=100); 
opacity: 0.8;*/
font-size:11px;
line-height:13px;
display:table-cell;
vertical-align:middle;
}

MARQUEE a:link, MARQUEE a:active, MARQUEE  a:visited {
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

MARQUEE a:hover {
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
}


#contenu_header .produit {
	font-family:'Trebuchet MS';
	font-size:27px;
	line-height:30px;
	color:#848967;
	text-decoration:none;
	white-space:nowrap;
	
	position:absolute;
	right:32px;
	top:248px;
}

#contenu_header .baseline {
	font-family:'Trebuchet MS';
	font-size:14px;
	color:#313131;
	font-style:italic;
	font-weight:bold;
	white-space:nowrap;
	
	position:absolute;
	right:32px;
	top:278px;
}

#contenu_header .prix {
	font-family:'Trebuchet MS';
	font-size:12px;
	color:#848484;
	white-space:nowrap;
	
	position:absolute;
	right:32px;
	top:330px;
}

A #contenu_header {
	text-decoration:none;
}
