@charset "utf-8";

/***************************************************************/
/************************STYLE GENERAL**************************/
/***************************************************************/

/* STYLE DU FOND */
body
{
	background-image:url('../images/fondIndex.jpg'); /*image de fond*/
	background-repeat:no-repeat;/*image non répétée*/
	background-position:left top;/*position du fond*/
	margin:auto;/*marge*/
	margin-top: 0px;/*marge haut*/
	margin-bottom: 0px;/*marge bas*/
}

/***************************************************************/

/* STYLE PARTIE PRINCIPALE DU SITE */
/*partie invisible => utilisée seulement pour le placement des éléments*/
div#main
{
	position:absolute;/*position de l'élément*/
	width:99%;/*largeur du cadre*/
	height:auto;/*hauteur du cadre - s'adapte au contenu*/
	margin-left:0px;/*marge gauche*/
	margin-right:auto;/*marge droite*/
	top:50%;/*placement du cadre au centre*/
	margin-top:-300px;
}

/***************************************************************/

/* STYLE CONTENEUR */
/* permet de délimiter l'emplacement du site (div etc...) */
div#conteneur
{
	position:absolute;
	width:999px;
	max-width:998px;
	min-width:997px;
	height:600px;
	max-height:601px;
	min-height:599px;
	background-color:#000000;
	left:50%;
	margin-left:-500px;
	margin-right: auto;
	background-image:url("../images/bandeau-index.gif");
	background-position:center bottom;
	background-repeat:no-repeat;
}

/***************************************************************/

/* STYLE CORPS */
/* contenu du site */
div#corps
{
	padding:3px;
	float:right;
	position:relative;
	width:720px;
	max-width:721px;
	min-width:720px;
	height:350px;
	max-height:351px;
	min-height:349px;
	overflow:auto;
	top:2%;
	background-color:#0B0B0B;

	
}

/***************************************************************/

/* STYLE BANNIERE */
/* partie contenant la banniére du site */
div#banner
{
	float:left;
	padding: 0px;
	position:relative;
	width:99%;
	max-width:1001px;
	min-width:999px;
	height:100px;
	max-height:101px;
	min-height:99px;
	overflow:hidden;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}

/***************************************************************/

/* STYLE PARTIE GAUCHE */
/* permet de placer les animus-menu des pages et les images de projets */
div#left
{
	float:left;
	position:relative;
	width:240px;
	max-width:241px;
	min-width:239px;
	height:380px;
	max-height:381px;
	min-height:379px;
	background-color:#000000; /* couleur noir */
	margin-left:auto;
	top:40%;
	margin-top:-210px;
	margin-right:auto;
}

/***************************************************************/

/* STYLE animUS-MENU SUR CHAQUE PAGE */
/* partie comprenant les animus-menus a gauche sur chaque page */
div#sousmenu
{
	position:relative;
	width:260px;
	max-width:261px;
	min-width:259px;
	height:150px;
	max-height:151px;
	min-height:149px;
	background-color:#000000;
	margin-left:auto;
	top:50%;
	margin-top:-200px;
	margin-right: auto;
}

/***************************************************************/

/* STYLE PARTIE IMAGE */
/* image des projets à gauche */
div#image
{
	padding:3px;
	position:relative;
	width:260px;
	max-width:261px;
	min-width:259px;
	height:150px;
	max-height:151px;
	min-height:149px;
	background-color:#000000;
	margin-left:auto;
	top:50%;
	margin-top:-70px;
	margin-right: auto;
}

/***************************************************************/

/* STYLE ICONE*/
/* div contenant les icones*/
div#icone
{
	position:absolute;
	width:90px;
	max-width:91px;
	min-width:89px;
	height:40px;
	max-height:41px;
	min-height:39px;
	background-color:#000000;
	top:50%;
	margin-top:245px;
	left:90%;
	margin-right: auto;
}

/* STYLE ICONE*/
/* div contenant les icones*/
div#iconeMenu
{
	position:absolute;
	width:150px;
	height:40px;
	max-height:41px;
	min-height:39px;
	background-color:#000000;
	top:50%;
	margin-top:245px;
	left:94%;
	margin-right: auto;
}


/*STYLE MENU PRINCIPAL*/
/*position du menu*/
div#menu
{
	position:absolute;
	width:600px;
	max-width:601px;
	min-width:599px;
	height:76px;
	max-height:76px;
	min-height:74px;
	background-color:#000000;
	top:299px;
	margin-top:200px;
	left:50%;
	margin-left:-300px;
	margin-right: auto;
}
/***************************************************************/

/* STYLE LABEL TITRE */
/* tout les titres du site auront ces propriétés */
label#h1,
h2,
h3,
h4,
h5,
h6
{
	color:#17529d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
}

/***************************************************************/

/* STYLE TEXTE*/
/* tout les textes du site auront ces propriétés sauf si un autre style y est appliqué*/
label
{
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
}

/***************************************************************/

/*STYLE MOT IMPORTANT */
/*tout les mots ayant ce style auront ces propriétés */
span.motgras
{
	color:#17529d;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
}

/***************************************************************/


/***************************************************************/

/*STYLE LISTE*/
/*toutes les listes listePres auront ces propriétés*/
ul.listePres li
{
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	list-style-type:circle;
}

/***************************************************************/

/*STYLE TITRE TABLEAU*/
/*titre du tableau valeurs*/
label.titreTableau
{
	color:#000000;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
}

/***************************************************************/

/*STYLE animUSTITRE TABLEAU*/
/*animus titre du tableau valeurs*/
label.soustitreTab
{
	color:#000000;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
}
/***************************************************************/

/*STYLE TABLEAU NEWSLETTERS*/
table#formNewslettes
{
	color:white;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
}

/****************************FIN********************************/
.clearall { clear: both; }