@charset "utf-8";
/* CSS Document : accueil.css */

* {margin:0;padding:0} /* espacements de remplissage (padding) haut/bas  et gauche/droit à 0 */

html, body {
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: url("../Images/degradebleu.jpg");/* fond de navigateur en image */
	background-repeat: repeat-x;
}

#page {
	min-height: 100%; /* hauteur max de 100% */
	width: 770px; /* largeur de page de 770px */
	margin: auto;  /* centrage du conteneur page */
	position: relative; /* conteneur page positionné pour pouvoir placer les div enfants par rapport à ce conteneur */
	color: #3366FF;  /* couleur du texte de la page */
	border: 1px solid #c0c0c0; /* bordure entourant le conteneur page */
}

#entete {
	height: 145px;
	background-color:#fff;
}

#logo {
	position: absolute;
	top: 15px;
	left: 2.5%;
}

#logo img {
	border: 0;
}

#telephone img {
	position: absolute;
	top: 45px;
	left: 555px;
}

#telephone h5 {
	position: absolute; /*Positionnement par rapport au conteneur parent  en l'occurence page */
	top: 65px;
	left: 580px;
	color: #2f4896;
	font-size: 1.2em;
}
	
#haut {
	position: absolute; /*Positionnement par rapport au conteneur parent  en l'occurence page */
	height: 20px;
	top: 120px;
	left: 25%;
}

#banniere {
	position: relative;	
}

img {
display: block; /*Pour supprimer l'espace sous les images*/
}

#barresepa {
	position: relative; /*Positionement relatif pour permettre ensuite le positionnement du texte dans cette div barresepa*/ 
	color: #fff;
}

h5 {
	position:absolute; /*Texte barresepa*/
	top: 7px;
	left: 10px;
	font-size: 1.2em;
}
	
.date {
	position: absolute; /*Date barresepa*/
	top: 7px;
	left: 548px;
	font-size: 1.2em;
}

/* Détails contenu */

#centre {
	/*background:url(../Images/degradebleu.jpg) repeat-x; /* Dégradé bleu clair pour le fond du container centre */
	/*padding-bottom: 30px;*/
	overflow: auto; /* modification propriété overflow pour faire englober les flottants dans le calcul de la hauteur du conteneur centre */
}

#centre h2 {
	font-variant: small-caps;
	line-height: 3em;
	text-align: center;
	font-size: 2em;
	margin: 1em 2em 2em 2em;
	color: #2f4896;
}

#introaccueil {
	color: #2f4896; /*couleur bleue pour le texte de l'intro */
	line-height: 2.5em; /*Interligne minimum*/
	font-size: 1.2em;
	margin: 2em 0em 3em 4em;
}

#introaccueil h6 {
	color: #000; /*couleur grise pour les intitulés de la page de contact */
	font-style:normal;
	font-weight:normal;
	font-size: 1.1em;
	margin: 0 0;
}

#introaccueil p {
	margin: 0;
}
	
.introlist li {
list-style-type: disc; /*Apparence des puces du menu dans l'intro*/
list-style-position: inside;
line-height: 2.0em;
padding:0.7em 2em;
}

#accespro {
margin: 4em 11em 1em 10em;
float: left;
}

#accespart {
margin: 1em 2em;
float: left;
}

#slogancontact p {
clear: both; /*Pour faire passer le block slogan sous les 2 blocks images flottants*/
color: #2f4896; /*couleur bleue pour le texte de l'intro */
line-height: 2em; /*Interligne minimum*/
font-size: 1.3em;
margin: 2em 0em 3em 4em;
}

#slogancontact b, a { /*Apparence du numéro de téléphone et des liens de contact : bleu site et bold*/
color:#2f4896;
font-weight: bold; 
}

textarea {
display: block;
width: 95% !important;
width: 100%;
margin: 0 0;
/*border: 0.15em solid #aaa;*/
}

#formulaire {
background-color: #CCFFFF;
margin: 0 0.5em;
width: 90%;
font-size: 1.2em;
font-weight: bold;
color: #2f4896;
margin: 2em 0em 3em 4em;
padding: 0.5em;
border: 0.10em solid #2f4896;
}

#formulaire table {
background-color: #CCFFFF;
}