/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PROPRIETES PAR DEFAUT-------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Propréiétés des liens par défaut*/
A:link {text-decoration: none; color: #000088;}
A:visited {text-decoration: none; color: #000088;}
A:active {text-decoration: none; color: #000088;}
A:hover {text-decoration: underline; color: #0467fe;}

/*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:#dddcf4;
     font-size:10px;
     font-family:arial;
}
/*Propréiétés du body par défaut*/
body {
	background: url('../images/fond.png') repeat;
	background-color: #a9a8bd;
	text-align : center;
}
/*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 {
	background-color: #dddcf4;
	width : 810px;
}
#header {
	width : 100%;
	
}
#corps {
	width : 100%;
	padding: 5px
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DES DIV---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Simple cadre utilisé pour afficher le menu ou la selection de département */
div.Cadre {
	text-align: center;
	background-color: #ffffff;
	border-width: 1;
	border-style: solid;
	border-color: #a9a8bd;
	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 {
	padding: 5px;
	width: 90%;
	text-align: center;
	background-color: #d1cff6;
	border: solid 1px #d1cff6;
}
/* Zone ou est écrit le nuage de mot servant au référencement */
div.NuageDeMots {
	width:100%;
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-color: #a9a8bd;
}
/*Cadre de bas de page servant à afficher entre autres le lien vers JLogiciels */
div.BasDePage {
	width:100%;
	padding: 6px;
	font-size: 11px;
	background-color: #c1c0d9;
}

/*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: 1;
	border-style: solid;
	border-color: #a9a8bd;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------PROPRIETES DE TABLEAUX--------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Cadre dans lesquel est affiché le formulaire */
table.Formulaire {
	border:1;
	border-color: #ff7000;
	padding: 4px;
	background-color: #d1cff6;
	border-style: solid;
	width : 90%;
	text-align : center;
}
/*1ere ligne ou sont affiché les titre de colonnes dans un tableau */
tr.NomColonnes {
	font-weight: bold;
	background-color: #a9a8bd;
	vertical-align:middle;
}


/*Dans le formualire case ou est écrite 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: #ddffdd;
}
/*Ligne de formulaire non valide*/
tr.inpProbleme {
	background-color: #ffffff;
}



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


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------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  {
	background-image: url('images/bouton-normal.jpg');
	border: outset 2px #ddddff;
}

A.bouton:hover {
	background-image: url('images/bouton-dessus.jpg');
	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;
}