@import url(typos.css);
@import url(forms.css);
@import url(blocs.css);


  /*////////////////
 ///// 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 */
/* Gris clair : 413c42 */
/* Rose vif : eb008b */
/* Violet : 608a46 */
/* Beige : cdcab6 */



  /*//////////////////////////
 ///// Classes globales /////
//////////////////////////*/


HTML {
	height:100%;
	margin:0;
	padding:0;
}

BODY {
	height:100%;
	margin:0;
	padding:0;
	
	background-color:#373238;
	background-image:url(/img/front/fond.gif);
	background-position:left 3px;
	background-repeat:repeat;
	
	font-family:"Trebuchet MS";
	font-size:20px;
	line-height:16px;
	color:#999999;
	
	text-align:justify;
}

TD {

}


UL {
	margin:0;
}

LI {
	margin:0;
}

FORM {
	margin:0;
}



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


#body {
	width:100%;
	height:100%;
	
	background-image:url(/img/front/ombrein_b.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	
	display:table;
}

#headerConteneur {
	width:100%;
	height:115px;
		
	background-image:url(/img/front/header_fond.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

#header {
	height:115px;
	width:940px;
	margin:auto;
	position:relative
}

#main {
	width:100%;
	
	vertical-align:top;
			
	background-image:url(/img/front/ombrein_h.png);
	background-position:top;
	background-repeat:repeat-x;
}

#mainFooter {
	width:940px;
	margin:auto;
	
	font-size:11px;
	color:#464047;
	
	vertical-align:top;
	margin-top:10px;
}


  /*/////////////////////////
 ///// Classes HEADER  /////
/////////////////////////*/

#beta {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
}

.onglet {
	text-align:center;
	vertical-align:middle;
}

  /*//////////////////////
 ///// Classes MENU /////
//////////////////////*/

#userInfos {
	/*margin-left: 150px;
	float:right;*/
	position:absolute;
	right:-28px;
	top:0px;
	padding-top: 10px;
	color:#f0ecd6;
	font-size: 12px;
	font-family:'Trebuchet MS';

	cursor:default;
}

#userInfos .pseudo {
	font-weight:bold;
}

#userInfos .separateur {
	color:#eb008b;
	margin-left:5px;
	margin-right:5px;
}

#userInfos A {
	color:#f0ecd6;
	font-weight:bold;
}

#userInfos A:hover {
	text-decoration:underline;
}

  /*///////////////////////////////////
 ///// Classes BREADCRUMB TRAILS /////
///////////////////////////////////*/


  /*////////////////////////
 ///// Classes FOOTER /////
////////////////////////*/

#mainFooter A {
	color:#FFFFFF;
	text-decoration:none;
}

#mainFooter A:hover {
	color:#FFFFFF;
	text-decoration:underline overline;
}


  /*//////////////////////
 ///// Classes MAIN /////
//////////////////////*/