/****************** Gère l'affichage des textes à l'intérieur des zones de contenu ******************/

/** TITRES **/
#lcmCenter h1.titrepage{
	font-size: 20px;
	text-transform:uppercase;
	font-weight: normal;
	line-height:24px;
}
#lcmCenter h2.soustitrepage{
	font-size: 16px;
	text-transform:uppercase;
	font-weight: normal;
}
#lcmCenter h2.soustitrepagesmall,
#lcmCenter #lcmRightMenu h2.soustitrepagesmall {
	font-size: 16px;	
	text-transform:none;
	font-weight: normal;
}
#lcmCenter .chapeau{
	font-size: 15px;
	font-weight: normal;
}
#lcmCenter .titreparagraphe{
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
}
#lcmCenter .titreparagraphe2{
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase;
}

/** PARAGRAPHES **/
#lcmCenter .petitparagraphe{
	font-size:10px;
	font-weight :bold;
}


/** LIENS **/
#lcmCenter a.petitlien{
	font-size:10px;
	font-weight :bold;
}
#lcmCenter a.souligne, #lcmCenter .souligne a{
	text-decoration: underline;
}

/** PUCES **/
/** Cette classe génére une puce (caractère > noir) sur <p> et <ul> (texte de taille normale) **/
#lcmCenter p.arrow_niv1, #lcmCenter .arrow_niv1 li, #lcmCenter a.arrow_niv1, #lcmCenter span.arrow_niv1{
	background: url('/img/i_arrow_link_niv1.gif') no-repeat 0 5px;
	padding-left: 8px;
}
/** Cette classe génére une puce (caractère > noir) sur <p> et <ul> (texte de grande taille) **/
#lcmCenter p.arrow_niv1_big, #lcmCenter .arrow_niv1_big li, #lcmCenter a.arrow_niv1_big{
	background: url('/img/i_arrow_link_niv1.gif') no-repeat 0 5px;
	padding-left: 8px;
}
/** Cette classe génére une puce (caractère > noir) sur <p> et <ul> (texte de petite taille) **/
#lcmCenter p.arrow_niv1_small, #lcmCenter .arrow_niv1_small li, #lcmCenter a.arrow_niv1_small{
	background: url('/img/i_arrow_link_niv1.gif') no-repeat 0 4px;
	padding-left: 8px;
}
/** Cette classe génére une puce (petite flêche) sur <p> et <ul> (texte de taille normale) **/
#lcmCenter p.arrow_niv2, #lcmCenter .arrow_niv2 li, #lcmCenter a.arrow_niv2{
	background: url('/img/i_arrow_link_niv2.gif') no-repeat 0 3px;
	padding-left: 13px;
}
/** Cette classe génére une puce (caractère > blanc) sur <p> et <ul> (texte de taille normale) **/
#lcmCenter p.arrow_niv3, #lcmCenter .arrow_niv3 li, #lcmCenter a.arrow_niv3{
	background: url('/img/i_arrow_link_niv3.gif') no-repeat 0 5px;
	padding-left: 8px;
}
/** Cette classe génére une puce (caractère > blanc) sur <p> et <ul> (texte de grande taille) **/
#lcmCenter p.arrow_niv3_big, #lcmCenter .arrow_niv3_big li, #lcmCenter a.arrow_niv3_big{
	background: url('/img/i_arrow_link_niv3.gif') no-repeat 0 7px;
	padding-left: 8px;
}
/** Cette classe génére une puce (caractère < noir) sur <p> et <ul> (texte de taille normale) **/
#lcmCenter p.arrow_niv4, #lcmCenter .arrow_niv4 li, #lcmCenter a.arrow_niv4{
	background: url('/img/i_arrow_link_niv4.gif') no-repeat 0 5px;
	padding-left: 8px;
}
/** Cette classe génére une puce (caractère < noir) sur <p> et <ul> (texte de petite taille) **/
#lcmCenter p.arrow_niv4_small, #lcmCenter .arrow_niv4_small li, #lcmCenter a.arrow_niv4_small{
	background: url('/img/i_arrow_link_niv4.gif') no-repeat 0 4px;
	padding-left: 8px;
}
/** Cette classe génére une puce (image flèche carré) sur <p>, <li> et <ul> (texte de taille normale) **/
#lcmCenter p.arrow_niv5, #lcmCenter .arrow_niv5 li, #lcmCenter a.arrow_niv5,  #lcmCenter li.arrow_niv5{
	background: url('/img/i_arrow_link_niv5.gif') no-repeat 0 2px;
	padding-left: 16px;
}
/** Cette classe génére une puce (image flèche carré) sur <p>, <li> et <ul> (texte de grande normale) **/
#lcmCenter p.arrow_niv5_on, #lcmCenter .arrow_niv5_on li, #lcmCenter a.arrow_niv5_on, #lcmCenter li.arrow_niv5_on{
	background: url('/img/i_arrow_link_niv5_on.gif') no-repeat 0 2px;
	padding-left: 16px;
}
/** Cette classe génére une puce (image flèche grise) sur <p>, <li> et <ul> (texte de taille petite) **/
#lcmCenter p.arrow_niv7, #lcmCenter .arrow_niv7 li, #lcmCenter a.arrow_niv7,  #lcmCenter li.arrow_niv7{
	background: url('/img/i_arrow_link_niv7.gif') no-repeat 0 4px;
	padding-left: 8px;
}
/** Cette classe génére une puce (image puce grise) sur <p>, <li> et <ul> (texte de taille petite) **/
#lcmCenter p.arrow_niv8, #lcmCenter .arrow_niv8 li, #lcmCenter a.arrow_niv8,  #lcmCenter li.arrow_niv8{
	background: url('/img/i_arrow_link_niv8.gif') no-repeat 0 7px;
	padding-left: 8px;
}


/** COULEURS PAR DEFAUT **/
body #lcmCenter .rouge{
	color:#971D42;	
}
body #lcmCenter .noir{
	color:#000;
}
body #lcmCenter .blanc{
	color:#fff;
}
body #lcmCenter .gris{
	color:#515A64;
}
body #lcmCenter .grisfonce{
	color:#666666;
}
body #lcmCenter .grisliste{
	color:#D1D1D1;
}
body #lcmCenter .error{
	color:#FF0000;
}

/** CHANGEMENT FORMAT TEXTE **/
.gras{
	font-weight:bold;
}
.maj{
	text-transform:upperCase;
}
.min{	
	text-transform:none;
}
#lcmCenter .gros{
	font-size: 13px;
}
.centre{
	text-align: center;
}

/** PADDING DEFINIS (A utiliser dès que possible) **/
#lcmCenter .haut5{
	padding-top:5px;		
}
#lcmCenter .haut10{
	padding-top:10px;		
}
#lcmCenter .haut15{
	padding-top:15px;		
}
#lcmCenter .haut20{
	padding-top:20px;		
}
#lcmCenter .haut30{
	padding-top:30px;		
}
#lcmCenter .haut35{
	padding-top:35px;		
}
#lcmCenter .haut45{
	padding-top:45px;		
}
#lcmCenter .haut50{
	padding-top:50px;		
}

#lcmCenter .haut60{
	padding-top:60px;		
}
#lcmCenter .haut80{
	padding-top:80px;		
}
#lcmCenter .droite5{
	padding-right:5px;	
}
#lcmCenter .droite10{
	padding-right:10px;	
}
#lcmCenter .droite15{
	padding-right:15px;	
}
#lcmCenter .droite20{
	padding-right:20px;	
}
#lcmCenter .droite25{
	padding-right:25px;	
}
#lcmCenter .droite25{
	padding-right:25px;	
}
#lcmCenter .droite30{
	padding-right:30px;	
}
#lcmCenter .bas5{
	padding-bottom:5px;			
}
#lcmCenter .bas10{
	padding-bottom:10px;
}
#lcmCenter .bas15{
	padding-bottom:15px;		
}
#lcmCenter .bas20{
	padding-bottom:20px;		
}
#lcmCenter .bas25{
	padding-bottom:25px;		
}
#lcmCenter .bas30{
	padding-bottom:30px;		
}
#lcmCenter .gauche5{
	padding-left:5px;	
}
#lcmCenter .gauche10{
	padding-left:10px;	
}
#lcmCenter .gauche15{
	padding-left:15px;	
}
#lcmCenter .gauche20{
	padding-left:20px;	
}
#lcmCenter .gauche25{
	padding-left:25px;	
}
#lcmCenter .gauche40{
	padding-left:40px;	
}
#lcmCenter .gauche50{
	padding-left:50px;	
}
#lcmCenter .gauche80{
	padding-left:80px;	
}