/*
	COULEUR :
	-	Gris : #999999
	-	Gris : #979797 (texte en haut à gauche)
	-	Gris clair : #efefef (profile and experiences)
	-	Vert : #005e02 (ex: news)
*/
@charset "utf-8";

body{
	margin				: 0px;
	padding				: 0px;
	font-size			: 10px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	line-height			: 15px;
}

/* Contenaire global du site */
.content{
/*	border				: 1px solid red;*/
	background-image	: url("../images/barreHaut/bande.jpg");
	background-position	: top;
	background-repeat	: repeat-x;
	margin				: 0px;
	padding				: 0px;
}

/* corps du site */
.corps{
/*	border				: 1px solid orange;*/
	width				: 1010px;
	margin				: auto;
}

/* barre du haut */
.entete{
/*	border				: 1px solid orange;*/
	height				: 45px;
	color				: #979797;
}

/* Visuel haut */
.visuel{
	width				: 1000px;
	height				: 262px;
}

/* menu haut */
.menu{
/*	border				: 1px solid black; */
}

/* milieu du site */
.milieu{
/*	border				: 1px solid yellow;*/
}

/* bas du site */
.piedDePage{
/*	border				: 1px solid red;*/
	padding-top			: 40px;
	color				: white;
	text-align			: center;
	background			: url("../images/piedDePage/piedDePage.jpg") no-repeat center;
	height				: 87px;
}

p.paragraphe01{
	text-align			: justify;
/*	line-height			: 15px;*/
	margin				: 0px;
	padding				: 0px;
}

p.paragraphe02{
	text-align			: justify;
	width				: 430px;
	margin				: 0px;
	padding				: 0px;
}
/* align droite */
p.paragraphe03{
	text-align			: right;
	width				: 400px;
	margin				: 0px;
}

.date{
	font-size			: 18px;
	font-weight			: bold;
	color				: #979797;
}

/* cadre gauche */
.cadre01{
	margin-top			: 20px;
	padding-right		: 20px;
}

/* cadre droit */
.cadre02{
	margin-top			: 20px;
	padding-left		: 20px;
}

/* cadre comprenant les deux colonnes */
.cadre03{
/*	border				: 1px solid red;*/
	width				: 90%;
	margin				: 20px auto;
}

/* Titre du cadre gris */
.imageDroite{
	float				: right;
	margin-right		: 30px;
	padding				: 5px;	
}

/**************************************************************** TABLEAU ****************************************************************/
th.tableauStd{
	text-align			: right;
}
td.tableauStd{
	
}
th.tableauNews{
	background-color	: #cccccc;
	text-align			: center;
}
td.tableauNews{
	background-color	: #efefef;
	text-align			: center;
}

/**************************************************************** TEXTE ****************************************************************/
/* titre vert */ 
.titre01{
	color				: #005e02;
	font-weight			: bold;
}

.texteAlignDroite{
	text-align			: right;	
}

/**************************************************************** CADRE GRIS ****************************************************************/
.cadreGris{
	width				: 461px;
}
.cadreGrisHaut{
	background			: url("../images/cadreGris/haut.jpg") no-repeat bottom;
	width				: 461px;
	height				: 17px;
	margin-top			: 20px;
}
.cadreGrisMilieu{
/*	border				: 1px solid red;*/
	background			: url("../images/cadreGris/milieu.jpg") repeat-y;
	width				: 441px; /* 441+10+10 = 461 */
	margin				: 0px;
	padding				: 10px;
	
}
.cadreGrisBas{
	background			: url("../images/cadreGris/bas.jpg") no-repeat;
	width				: 461px;
	height				: 16px;
}

/**************************************************************** H1 ****************************************************************/
h1{
	font-size			: 2em;
	margin				: 0px;
	padding				: 0px;
}
h2{
	font-size			: 1.5em;
	margin				: 20px 0px 0px 0px;
	color				: #005e02;
}

/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: #186c33;
	text-decoration		: none;
}
a:hover {
	color				: #186c33;
	text-decoration		: underline;
}

a.menuBas, a.menuBas:visited, a.menuBas:active{
	color				: white;
	margin				: 0px;
	padding				: 0px 2px;
	text-decoration		: none;
}
a.menuBas:hover {
	color				: black;
	margin				: 0px;
	padding				: 0px 2px;
	background-color	: white;
	text-decoration		: none;
}
/*
a.poweredBy, a.poweredBy:visited, a.poweredBy:active{
	font-style			: italic;
	color				: #666666;
	text-decoration		: none;
}
a.poweredBy:hover {
	color				: #999999;
}
*/

/**************************************************************** FORMULAIRE ****************************************************************/
/*
textarea.formulaireStd{
	border				: 1px solid #4f0000;
	color				: #4f0000;
	width				: 200px;
	height				: 100px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	padding				: 2px;
}
textarea.formulaireStd:link, textarea.formulaireStd:focus, textarea.formulaireStd:visited, textarea.formulaireStd:active, textarea.formulaireStd:hover{
	border				: 1px solid white;
	background-color	: #4f0000;
	color				: white;
	width				: 200px;
	height				: 100px;
	padding				: 2px;
}
input.formulaireStd{
	font-size			: 10px;
	border				: 1px solid #4f0000;
	padding				: 2px;
	color				: #4f0000;
}
input.formulaireStd:link, input.formulaireStd:focus, input.formulaireStd:visited, input.formulaireStd:active, input.formulaireStd:hover{
	border				: 1px solid white;
	background-color	: #4f0000;
	color				: white;
	padding				: 2px;
}
input.bouton{
	border				: 1px solid #4f0000;
	padding				: 3px;
	background-color	: white;
	color				: #4f0000;
	font-weight			: bold;
}
input.bouton:hover{
	border				: 1px solid white;
	padding				: 3px;
	background-color	: white;
	color				: #4f0000;
	font-weight			: bold;
}
*/

/**************************************************************** IMG ****************************************************************/
img{
	border				: 0px;
}

/**************************************************************** ERREUR / OK / INFO / DEBUG ****************************************************************/
/* Erreur */
.erreur{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	font-size			: 1.25em;
	text-align			: left;
	background-image	: url("../images/rouge.jpg");
}
/* Validation est OK  */
.ok{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: left;
	background-image	: url("../images/vert.jpg");
}
/* Information */
.info{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: left;
	background-image	: url("../images/orange.jpg");
/*	background-image	: url("images/fond/bleu.jpg");*/
}
/* Debug */
.debug{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid grey;
	background-color	: #CCCCCC;
	color				: grey;
	text-align			: left;
	background-image	: url("../images/gris.jpg");
}

/**************************************************************** LEGEND ****************************************************************/
/* corps de la legende */
fieldset{
	border				: 1px solid #555555;
	margin				: 0px 0px 10px 0px;
	padding				: 5px;
}

/* titre de la legende */
legend{
	padding				: 5px;
	font-size			: 16px;
	font-weight			: bold;
	color				: #555555;
}

/**************************************************************** ALIGNEMENT ****************************************************************/
.alignGauche{
	float				: left;
	margin-right		: 5px;
}
.alignDroite{
	float				: right;
	margin-right		: 5px;
}
.bordureGauche{
	width				: 200px;
	border-left			: 1px dashed black;
	padding				: 0px 0px 0px 10px;
}
/*
.texteAligneDroite{
	text-align			: right;
}
.alignSitemap{
	float				: right;
	margin-right		: 5px;
	border-right		: 1px solid green;
}
*/

/**************************************************************** PAGE LINKS ****************************************************************/
.links01{
	float				: left;
	padding-left		: 20px;
	width				: 200px;
	height				: 250px;
}
.links02{
	float				: left;
	padding-left		: 20px;
	width				: 220px;
	height				: 250px;
	background			: url("../images/links/barreVerticale.jpg") no-repeat left;
}