body{
    font-family         : verdana;
    font-size           : 10px;
    /*background-color    : #ffffff;*/
    margin-top          : 0px;
    padding-top         : 0px;
    background-color    : #cacaca;
   /* background-image    : url(../images/bg_degrade.png);
    background-repeat   : repeat-x;*/ 
    top                 : 0px;
}

tr, td, div, span, p{
	font-family         : verdana;
    font-size           : 10px;
}

h1, h1 a{
	font-size           : 14px;
	font-weight         : bold;
	color               : #71a400;	
}

select{
	font-family         : verdana;
    font-size           : 10px;
}

table{
	border-collapse     : collapse;
}

img{
	border: 0px;	
	/*padding-top: 10px;*/
}

.auto{
	witdh               : auto;	
}

td.logo img{
	padding-top: 10px;
}

td.logo img{
	border     : 0px;
}

td.mdp{
	text-align          : right;
	padding-right       : 14px;
}



#Contenu{
	/*background-color    : #ffffff;*/
	width               : 1024px;
	margin-left         : auto;
	margin-right        : auto;	
	background-image    : url(../images/middle.gif);
	background-repeat   : repeat-y;
	
}

#BarreLogin{
	background-color	: #ffffff;
	font-size           : 9px;
	font-family         : verdana;
	color               : #ffffff;
	height              : auto;
	vertical-align      : bottom;
	/*padding-right       : 5px;
	padding-top         : 5px;*/
	margin-left         : 165px;
	width               : 690px;
}

#BarreLogin input[type=text],input[type=password]{
	width               : 60px;
	font-size           : 10px;
	font-family         : verdana;
	border              : solid 1px #cacaca;
}

#login, #password{
	width               : 60px;
	font-size           : 9px;
	font-family         : verdana;
}

#connexion{
	font-size           : 9px;
	font-family         : verdana;
}

#BarreLogin input[type=button],input[type=submit]{
	font-size           : 9px;
	font-family         : verdana;
}

#BarreLogin img{
	border              : 0px;	
}

#BarreLogin a,#BarreLogin a:hover{
	color               : white;
	text-decoration     : none;	
	 
}

input.textAccess{
	width            : 150px;
	font-size        : 10px;
	font-family      : verdana;
	border           : solid 1px #cacaca;
	padding          : 4px;
	background-color : #efefef;
}

table.disconnected{
	background          : /*url(../images/cartouche_login.png) no-repeat*/url(../images/degrade_vert.jpg);
	border-collapse     : collapse;
	height              : 48px;
	width               : 100%;
}

table.connected{
	background          : url(../images/degrade_vert.jpg);
	border-collapse     : collapse;
	height              : 75px;
	width               : 100%;
}

td.fleche{
	padding-top          : 5px;	
}

td.bonjour{
	width               : 30%;
	color               : #ffffff;
	font-weight         : bold;
}

td.ville{
	width               : 25%;
	color               : #ffffff;
	font-weight         : bold;
	text-align          : center;
}

td.temp{
	color               : #ffffff;
	font-size           : 14px;
}

td.barreMenu{
	padding-left        : 10px;	
	height              : 44px;
}


/************************************************************
 *                     Header
 ************************************************************/
 
#Header{
    padding-left        : 5px;
    margin-top          : 0px;
    height              : 155px;
    /*background-image    : url(../images/header.gif);
    background-repeat   : no-repeat;*/
    /*background-color    : #efefef;*/
    background-color    : #333333;
    vertical-align      : bottom;
}

#Header td.logo{
	height              : 90px;
	/*background-color    : white;*/
	width               : 33%;	
}

#Header td.publicite{
	/*background-color    : white;*/
	width               : 33%;	
}

#Header img{
	border              : 0px;
}
/**********************************************************/
#Right{
	float               : right;
	width               : 160px;
	/*background-color    : #efefef;*/  
	margin-left         : 0px;
	
	/*background-color    : #efefef;*/
	
	padding-top         : 5px;
}

#Left{
	float               : left;
	width               : 145px;
	margin-left         : 8px;
	/*background-color    : #efefef;
	text-align          : center;*/
	padding-top         : 5px;
}

#Right img,#Left img{
	border              : solid 1px #cccccc;
}
#Footer{
    /*background-color    : #efefef;   
    background-image    : url(../images/footer.gif);
    background-repeat   : no-repeat;*/
    background-color    : #71a400;
    height              : 40px;
	position            : absolute;
	width               : 1004px;
	padding-left        : 20px;
	padding-top         : 10px;
}



#Footer td{
	/*color               : #60860f;*/
	color               : white;
	padding             : 0px 20px 0px 20px;
}

#Footer a,#Footer a:hover{
	/*color               : #60860f;*/
	color               : white;
	text-decoration     : none;  	
	font-weight         : bold;
}

#Middle{
	clear               : both;
	/*background-color    : #efefef;*/
	background-color    : #333333;
}

#Principal{
	margin-left         : 165px;
	width               : 660px;	
}

.decalage img{
	border              : 0px;	
}


/*******************************************************
 *                    Publicite
 *******************************************************/
#Left publicite{
	width               : 150px	
}
/*******************************************************
 *           Affiche des listes de résultats
 *******************************************************/
table.liste{
	width               : 100%;	
}

table.liste th{
	background-color    : #063fe2;
	color               : white;
	text-align          : center;
	vertical-align      : middle;
	height              : 20px;
}

table.liste td{
	text-align          : center;
	height              : 18px;
}

table.liste a{
	color               : black;
}

table.liste a:hover{
	color               : #ec402a;
}

table.liste img{
	border              : 0px;	
}

td.identite{
	background-color    : #cccccc;	
}

td.certificat{
	background-color    : #efefef;	
}

td.prix{
	background-color    : #dedede; 	
}

td.paiement{
	background-color    : #E2F0C2; 	
}

td.paiement input{
	font-size           : 10px;	
}

td.validation{
	background-color    : #BCCEE5; 	
}

td.validation i{
	font-size           : 8px;	
}
/*******************************************************
 *                    Publicite
 *******************************************************/
table.listePub{
	width               : 100%;
}

table.listePub th{
	background-color    : #063fe2;
	color               : white;
	font-weight         : bold;
}

table.listePub td{
	text-align          : center;
	vertical-align      : middle; 
}

table.listePub img{
	border              : 0px;
}

table.listeBouton{
	width               : 100%; 	
}

td.tdBouton{
	width               : 50%;	
}

img.action{
	cursor: pointer;
}

span.argent{
	color               : #71a400;
	font-weight         : bold;
	font-size           : 11px;
}

h4.probleme{
	color               : #e44528;
	text-align          : center;
	font-size           : 14px;
	font-weight         : bold;
}

table.listeCourse{
	width               : 100%;	
}

table.listeCourse th{
	background-color    : #BDD0FD;
	height              : 24px;
}

table.listeCourse td{
	height              : 22px;
}

tr.pair{
	background-color    : #efefef;
	height              : 50px
}

tr.impair{
	height              : 50px
}

tr.pair img, tr.impair img{
	border              : 0px;
}

tr.pair a, tr.impair a{
	text-decoration     : none;
	color               : black;
}

table.course{
	width          : 100%;
}
table.course th{
	height         : 25px;
	font-size      : 12px;
	font-weight    : bold;
}

table.course a{
	color          : black;	
}

table.courseRech{
	width          : 100%;
}
table.courseRech th{
	height         : 25px;
	font-size      : 12px;
	font-weight    : bold;
}


table.courseRech a{
	color          : black;	
}

table.courseRechDetails{
	width          : 100%;
}

table.courseRechDetails tr{
	height         : 26px;
}

table.courseRechDetails td{
	height         : 26px;
	vertical-align : middle; 
}

table.courseRechDetails tr:hover{
	background-color : #efefef;
}

table.courseRechDetails img{
	border        : 0px;	
	vertical-align    : baseline;
}

td.presentation img{
	vertical-align   : middle;
}

table.courseDetails{
	width          : 100%;
}

table.courseDetails tr{
	height         : 20px;
}

table.courseDetails tr:hover{
	background-color : #efefef;
}

table.courseDetails img{
	border        : 0px;	
	vertical-align    : baseline;
}

table.credit{
	width               : 100%;
	border              : solid 1px #cccccc;
}

table.credit th{
	background-color    : #063fe2;
	color               : white;
	font-weight         : bold;
	font-size           : 11px;
}

table.credit td{
	text-align          : center;
	vertical-align      : middle; 
	font-size           : 11px;
	height              : 22px;
}

td.droite{
	text-align          : right; 	
}

span.challenge_bleu{
	color            : #063FE2;
	font-weight      : bold;
}

span.challenge_vert{
	color            : #71A400;
	font-weight      : bold;
}

span.challenge_noir{
	color            : #000000;
	font-weight      : bold;
}

/** liste utilisateur **/
table.initiale td{
	background-color : #71a400;
}

table.initiale a{
	color            : white;
	text-decoration  : none; 
}

td.homme{}

td.femme{
	color            : #f307ed;
}