/*****************************************************
*   Fichier CSS du site QuelCommercialEtesVous.com   *
*                   Ecrit par AMS                    *
*****************************************************/


/************************
*         BODY          *
************************/
 
html, body {
	background-color: 			#ebebeb;
	margin: 					0px;
	padding:                    0px;
	height: 					100%;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10pt;
	color:						#424242;
	}
li { 
	list-style-image:			url(img/li.jpg);
	margin:						2px;
	}
/************************
*      CONTENEURS       *
************************/

#site {
	width:						801px;
	margin:						0px auto 0px auto;
	text-align:					left;
	border:						0px;
	padding:                    0px 7px 0px 7px;;
	background-image: 			url(img/bg_site.jpg);
	min-height:	                100%;
	overflow: 					hidden;
	}
/*  Pour Internet Explorer 6  */
* html #site {
    height: 					100%;
	overflow: 					visible;
	}
/************************
*        ACCUEIL        *
************************/	
#commerciaux {
	width:						315px;
	margin:						30px 0px 50px 0px;
	border:						none;
	}
#manager {
	width:						315px;
	margin:						30px 0px 50px 166px;
	border:						none;
	}
#retour {
	width:						315px;
	margin:						30px 0px 50px 486px;
	border:						none;
	}
/************************
*        FOOTER         *
************************/
#footer {
	padding:					15px 0px 15px 0px;
	width:						801px;
	background-color:			#dcd8d9;
    left: 						50%;
	right: 						50%;
	text-align:					center;
	float:						left;
    }
#footer	a {
	text-decoration: 			none;	
	color:						#424242;
	}
#footer a:hover {
	color: 						#b11f2a;
	}
/************************
*        ENTETE         *
************************/
#entete {
	margin:						0px;
	padding:	                0px;
	height:						100px;
	width:						801px;	
	}
#entete #logo {
	padding:	                20px 20px 0px 20px;
	float:						left;	
	}
#entete  #uptoo {
	padding:                    10px 20px 20px 30px;
	float:						right;	
	}
#entete #sous_titre{
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:					13px; 
	float:						left;
	width:						300px;
	padding-left:	            0px;
	}
/************************
*         MENU          *
************************/
#menu {
	width:						801px;
	height:						28px;
	background-image:			url(img/barre.jpg);
	}

/************************
*       FORMATS         *
************************/
#texte{
	width:						700px;
	margin:						10px auto 10px auto;
	}
/************************
*   POLICES & TITRES    *
************************/
#entete .texte{
	font-family: 				"Century Gothic";
	font-size:					24pt;	
	color:						#b11f2a;
	}
	
#entete .majuscule{
	font-family: 				"Century Gothic";
	font-size:					24pt; 
	font-weight:				bold;
	color:						#424242;
	}
.legende {
	font-weight:				bold;
	font-size:					11pt;
	color:						#b11f2a;
	}
.majuscule2 {
	font-size:					11pt; 
	font-weight:				bold;
	color:						#424242;
	}