/********************************************************************************************************
   Projet Gestion et Suivi de programme d'entraînement de cycliste: Gevelo
	Remarques :
	 - padding est un raccourcis pour padding-top, padding-right, padding-bottom, et padding-left
	 - marging est un raccourcis pour marging-top, marging-right, marging-bottom, et marging-left
*********************************************************************************************************/

/**********************************
*	Initialisation des balises	  *
***********************************/
td,th {
     font-family : Tahoma, Arial, Helvetica, sans-serif;
     font-size : 11px;
     color : #000000;
     margin:0;
     padding:0;
}
#color_fond_page {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #000000;
	margin: 10px 0;
	padding:0;
	background-color: #aec4ca;
    text-align: center;
}
a:link	{
      color: #000000;
      text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: blue;
	text-decoration: none;
}
a:active{
	color: #000000;
	text-decoration: none;
}
p 	{
	font-size: 11px;
	background-color: White;
}
select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	margin:0;
}
textArea{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	margin:0;
    padding:0;
}
img{
	vertical-align: top;
	border:0;
}
input{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
}
label{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
    font-size : 11px;
	text-align: left;
	vertical-align: middle;
	margin:0;
    padding:0;
}
span{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
    font-size : 11px;
	text-align: left;
	vertical-align: middle;
	margin:0;
    padding:0;
}
form{
	margin:0;
	padding:0;
}
/************************
*	Specific Elements	*
*************************/
span.texte_gras{
	font-weight: bold;
}
.texteCouleur{
	padding:0 2px 0px 2px;
	color: red;
}
span.couleur{
	color:#ffffff;
}
.texteSouligne{
	text-decoration:underline;
}
/************************
*	Marges de la page	*
*************************/
#page{
	width:760px;
	margin:auto;
	margin-top:10px;
	border:1px solid #AEC4DA;
	background-color : #ffffff;
	text-align: left;
	position:relative;
}

/************************
*	Block entete logo	*
*************************/
#block_cont_logo{
	padding:0.3em;
	border-bottom: 2px solid #AEC4DA;
}
td.col_logo{
	text-align: left;
	vertical-align:bottom;
	width: 25%;
}
td.col_titre_logo{
	font-size : 13px;
	text-align: center;
	/*font-weight: bold;*/
	vertical-align:bottom;
	width: 50%;
}
td.col_logo_personnel{
	text-align: right;
	vertical-align:bottom;
	width: 25%;
}

/****************************
*	Block pied page logo	*
*****************************/
#pied_page{
	padding:5px 3px 5px 4px;
	margin:auto;
	
}
/****************************
*	Block intro Gevélo	*
*****************************/
#intro{
	padding:10px 3px 10px 100px;
	margin:auto;
}
/****************************
*	Block image cycliste	*
*****************************/
#centrer{
	text-align:center;
}
/********************************
*	block coordonnees	*
*********************************/
#coordonnees{
	padding:5px 3px 5px 4px;
	margin:auto;
}
table.encadrerTableau {
	background-color:#FFFFFF;
	border-collapse: collapse;
	vertical-align: top;
}
td.col_1_index{
	width: 100px;
}
td.col_2_index{
	width: 250px;
}
td.col_3_index{
	
}
#coordonnees_titre{
	height: 15px;
	margin:0;	
	padding:3px 0px 0px 2px;
	background-color : #85A2BE;
	border:1px solid #AEC4DA;
}
#coordonnees_contenu{
	height: 15px;
	margin:0;	
	padding:3px 0px 2px 4px;
	border-left:1px solid #AEC4DA;
	border-right:1px solid #AEC4DA;
}
#coordonnees_fin{
	height: 15px;
	margin:0;	
	padding:3px 0px 5px 4px;
	border-left:1px solid #AEC4DA;
	border-right:1px solid #AEC4DA;
	border-bottom:1px solid #AEC4DA;
}

/********************************
*	block formulaire contact	*
*********************************/
#formulaire_contact{
	padding:10px 3px 5px 4px;
	margin:auto;
}
td.col_1_contact{
	width: 100px;
}
td.col_2_contact{
	width: 450px;
}
fieldset {
	width: 450px;
	background-color: #DDE6EF;
	padding: 0.5em;
	text-align: left;
	border:1px solid #AEC4DA;
	margin: 0;
}
div.ligne_contact{
	height:30px;
}
span.titre_message {
	width: 100%;
	font-weight: bold;
}
span.label_contact {
	width: 80px;
	float: left;
	border-bottom:1px dashed #AEC4DA;
	padding: 6px 0px 0px 0px;
	margin: 0;
}
span.label_contenu {
	width: 80px;
	float: left;
	padding: 6px 0px 0px 0px;
	margin: 0;
}
span.champ_contact {
	float: left;
	width: 150px;
	margin: 0;
	border:1px solid #DDE6EF;
	text-align: left;
}
span.bouton_envoi {
	width: 100%;
	float: left;
	padding: 6px 0px 0px 0px;
	text-align: left;
}
input.cases_nom {
	width: 150px;
	margin: 0;
}
input.cases_prenom {
	width: 150px;
	margin: 0;
}
input.cases_email {
	width: 200px;
	margin: 0;
}
/************************
*	block pdf			*
*************************/
#format_pdf{
	height: 20px;
	padding: 10px 0px 0px 10px;
}
label.pdf{
	vertical-align: middle;
}
#download_pdf{
	height: 20px;
	width: 25%;
	padding: 10px 0px 5px 10px;
}