/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PROPRIETES PAR DEFAUT-------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Propréiétés des liens par défaut*/
A:link {text-decoration: underline; font-weight: bold; color: #208DAB;}
A:visited {text-decoration: underline; color: #F4782E;}
A:active {text-decoration: none; font-weight: bold; color: #F4782E;}
A:hover {text-decoration: underline; color: #F4782E;}
/*Propréiétés du texte par défaut*/
.texte,TD {font-family:Arial; font-size:12px; }

/*Propréiétés des champs de Formulaire par defaut*/
INPUT, textarea, select {
     color:#000000;
     background-color:#d2e1e7;
     font-size:10px;
     font-family:arial;
}
/*Propréiétés du body par défaut*/
body {
	background: url('../mages/fond.png') repeat;
	background-color: #d2e1e7;
	text-align : center;
	color : #003946;
}
/*Propréiétés des h1 par défaut - C'est dans cette propriété que sont mis tout les mots clé pour mle ref*/
h1 {
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES PAR ID  ---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#site {
	display:block; 
	background-color: #ffffff;
	width : 1014px;
}
#header {
	width : 100%;
	
}
#corps {
	width : 100%;
	padding: 5px;
	background-image:url("images/fond.png"); 
	}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DES DIV---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Simple cadre utilisé pour afficher le menu ou la selection de département */
div.Cadre {
background-image:url("images/fond.png"); 
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #52A9C0;
	padding: 4px;
}
/*Cadre dans lesquel apparait la phrase métier. Sert à inciter l'utilisateur à donner ses coordonnées : doit être attractif et mis en valeur */
div.PhraseMetier {
	width: 90%;
	text-align: left;
/*	font-weight: bold; */
	background-color: #FFFFFF;
	border: solid 0px #003946;
	padding-left: 15px;
	padding-right: 15px;
}
/* Zone ou est écrit le nuage de mot servant au référencement */
div.NuageDeMots {
	font-size: 11px;
	color: #666666;
	text-align: center;
	background-color: #d2e1e7;
}
/*Cadre de bas de page servant à afficher entre autres le lien vers JLogiciels */
div.BasDePage {
	padding: 6px;
	font-size: 11px;
	background-color: #eeeeee;
}

/*Cadre dans lesquel apparait la phrase métier. Sert à inciter l'utilisateur à donner ses coordonnées : doit être attractif et mis en valeur */
table.TableauEncadre {
	background-color: #ffffff;
	border-width: 0;
	border-style: solid;
	border-color: #52A9C0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DE TABLEAUX--------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Cadre dans lesquel est affiché le formulaire */
table.Formulaire {
	border: solid 2px #45B5D4;
	padding:7;
	background-color: #45B5D4;
	border-width: 1;
	border-style: solid;
	border-color: #45B5D4;
	width : 90%;
}
/*1ere ligne où sont affichés les titres de colonnes dans un tableau */
.NomColonnes {
	font-weight: bold;
	background-color: #ec7a21;
	vertical-align: middle;
	text-align: center;
	color: white;
}


/*Dans le formualire case ou est écrit le libellé du champ. Exemple "Votre nom ici :"*/
td.libelle {
	vertical-align:top;
	text-align:right;
}
/*Et la case ou est mise le champ en question*/
td.champ {
	vertical-align:top;
	text-align:left;
}
/*Ligne de formulaire validée*/
tr.inpNormal {
	background-color: #ffffff;
}
/*Ligne de formulaire non valide*/
tr.inpProbleme {
	background-color: #ffffff;
}



/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DE POLICE--------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Gros titre*/
span.titre {
	font-size: 16px; 
	font-weight: bold;
	color: #FF6C00;
}


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DES LIENS---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Lien imitant l'aspect d'un bouton*/
A.bouton {
	text-decoration: none; 
	color: #000088;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeff;
	padding: 0px, 3px;
	margin: 3px;
}
A.bouton:link, A.bouton:visited, A.bouton:active  {
	border: outset 2px #ddddff;
}

A.bouton:hover {
	border: inset 2px #ddddff;
}

/*Lien vers un partenaire dans la zone partenaire*/
a.Partenaires:link, a.Partenaires:visited, a.Partenaires:active, a.Partenaires:hover  {
     color:#000000;
     font-size:10px;
     font-family:arial;
}
a.Partenaires:hover {
	text-decoration: underline;
}