/*=======================================*/
/* La page globale                       */
/*=======================================*/
.page {
	background:#F9F9F9;
	width:970px;
	/*width:auto;*/
	/*border:1px #000 solid;    */
	padding:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #777879;
}

/*
//=================================================
// Les labels, fieldsets, légendes, input, select
//=================================================
*/
#conteneur {
/* contenant du formulaire de connexion */
	width:940px; 
	margin:auto;
	height:auto;
	background-color: #EAFDFF ;
}

#conteneurEntete {
	width:1000px; 
	height: 116px;
	margin:auto;
	background-color: #EAFDFF ;
}


#conteneurconnexion {
/* contenant du formulaire de connxeion */
width:500px; 
margin:auto;
height:auto;
}

/*
//=========================================
// Définition du logo
//=========================================
*/
#logo {
	/* marges et bordures */
	padding:5px 10px 5px 10px;
	margin: 0px 0 0px 0;
	width: 150px;
	height: 100px;
	border:1px solid #777879;
	border-radius: 5px; 
	/* couleur de fond */
	background-color: #FFFFFF ;
	float:right;
}

/*
//=======================================
// Définition de l'entête
//=======================================
*/  
#entete {
	/* styles de caractères */ 
	font-family:"Times New Roman", Arial, Verdana, Geneva, sans-serif;
	font-size: 60px; 
	font-weight: bold;
	color: #4042Af; 
	text-align: center;
	/* marges et bordures */
	padding:5px 10px 5px 10px;
	margin: 0px 0 0px 0;
	margin:0px auto;
	width: 800px;
	height: 100px;
	border:1px solid #777879;
	border-radius: 5px; 
	/* couleur de fond */
	background-color: #FFFFFF ;
	/* Position à gauche */
	float:left;
}
/*
//=========================================
// Définition du titre 
//=========================================
*/
#titreconnexion {
	/*les titres de chaque page */
	width:485px; 
	/* styles de caractères */ 
	font: "Times New Roman", Verdana, Geneva, sans-serif;
	font-size: 25px; 
	color: #40427f; 
	text-align: center;
	/* marges et bordures */
	padding:5px;
	margin: 0px 0 10px 0;
	border:1px solid #777879;
	border-radius: 5px; 
	border-color:navy;
	/* couleur de fond */
	background-color: #EAFDFF ;
}
#titre {
	/*les titres de chaque page */
	width:930px; 
	/* styles de caractères */ 
	font: "Times New Roman", Verdana, Geneva, sans-serif;
	font-size: 25px; 
	color: #40427f; 
	text-align: center;
	/* marges et bordures */
	padding:5px;
	margin: 0px 0 10px 0;
	border:1px solid #777879;
	border-radius: 5px; 
	border-color:navy;
	/* couleur de fond */
	background-color: #EAFDFF ;
}

/*
//=================================================
// Les body, labels, fieldsets, légendes, input, 
// textaera, select, p
//=================================================
*/
body {
    background:#eee;
	font-family : "Trebuchet MS", Tahoma, Arial, Sans-serif;
	font-size : 0.875em;
	margin : 0 20%;
    padding:0;
  }
  
  label{
	width: 150px;
	float: left; 
	clear: left;
	}
	
label {
/* positionnement marge et taille */
clear: left;
float: left; 
margin: 10px 20px 0 0;
width: auto;
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #445668;
text-align: right; 
}

fieldset {
color: navy; 
background-color:#DFF4FF; 
border: 1px solid ;
border-radius: 5px;
border-color:navy;
text-align=center;
}

legend {
font:Verdana, Geneva, sans-serif;
font-size:12px;
color:#445668;
background-color:#E6F2FF;
border:1px solid;
border-color:#000000;
padding:5px 10px 5px 10px;
border-radius: 5px;
}

input  {
	font:Verdana, Geneva, sans-serif;
	font-size: 14px; 
	color: #4b4b4b; 
	width: 270px; 
	height: 35px; 
	padding: 5px 10px 0px 10px; 
	margin: 0 0 20px 0;
	background: #f1f2f4;
	border:1px solid #b6b7b9;
	border-radius: 5px;
	}

input[type=submit]{ 
	width: 150px; 
	background: #1F88A7;
	color: #FFFFFF;
	height: 30px;
	cursor:  pointer;

}

input[type=button]{ 
	width: 150px; 
	height: 35px; 
	background: #1F88A7;
	color: #FFFFFF; 
	
	cursor:  pointer;
}

input[name='>']{ 
	width: 100%; 
	height: 35px;
	background: #BABABA;
	color: #FF0000;
	cursor:  pointer;
}
	
input.saisie  {
	width: 270px; 
	}

input[name=TourTemps]{ 
	width: 100px; 
	}
input[name=TourDifficulte]{ 
	width: 100px; 
	}
input[type="image"]{ 
	width: 20px; 
	height: 5px; 
	background: #1F88A7;
	color: #FFFFFF; 
	
	cursor:  pointer;
}
input[name="image"]{ 
	width: 20px; 
	height: 5px; 
	background: #1F88A7;
	color: #FFFFFF; 
	
	cursor:  pointer;
}

textarea[name=TourDescription]{
/* styles de caractères */
font-size: 14px;
color: #4b4b4b;
font-family:Verdana, Geneva, Sans-serif;
/* marge taille et ombre portée */
width: 700px;
height: 90px;
padding: 5px 5px 5px 5px;
margin: 0 0 0 140px;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

select{
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px; 
color: #4b4b4b; 
/* marge et taille */ 
height: 30px; 
padding: 5px 10px 0px 10px; 
margin: 0 0 2px 0;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

p {
	font-family : Georgia, "Times New Roman", Times, Serif;
	font-size : 0.875em;
	margin-top:0em;
	margin-bottom:1.5em;
	line-height:1.75em;
	/*border : thin red solid;*/
	/*violet = #800080*/
	color : #800080;
  }
/*
//=======================================
// Table, entête
//=======================================
*/   
table {
border: thin solid #000000;

width: 100%;
border-collapse: collapse;
background-color:#DDEEDD;
font-family : Verdana,"Myriad Web",Helvetica,Arial,sans-serif;
color : #2D61A6;

}
/* Nécessaire pour alterner les couleurs dans les tableaux */
table tr:nth-child(2n+2)
{
    background-color: #EEFFFF; 
		
}
tr:nth-child(even) 
{
	background-color: #EEFFFF;
}
/* Entête */
th {
border: thin solid #6495ed;
background-color:#2D61A6;
color : #F9F9F9;
font-size :85%;
font-family : "Times New Roman", calibri,"Myriad Web",Verdana,Helvetica,Arial,sans-serif;
text-align: center;
}
/* Colonne */
td{
border: thin solid #6495ed;
font-size : 70%;  	
}

/*
//=======================================
// Listes
//=======================================
*/  
ul {
	font-size : 0.875em;
	background-color:#E5DAB3;
	margin-bottom:2em;
	padding-left:0em;
	list-style-position:inside;
  }
  
li {
	/*background-color:#AA6C7E;*/
  }
  
ul li {
	/*background-color:#ABC8A5;*/
	margin-top:1em;
  }
  
ol {
	font-size : 0.875em;
  }
  
ol li {
	padding-top:0.689em;
  }