/* Mise à zéro de toutes les marges et de l'espacement dans les blocs pour tous les navigateurs*/
* {margin: 0; padding: 0;}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000; 
   background-color: #FFFFFF; /*F7FAE6;*/
   margin: 0px 0px 0px 0px;
}

/* Redéfinition de la marge des paragraphes */
p {
   margin-top: 10px;
   clear: both;
 /*   background-color: beige;*/
  }

a:link {
   color: #B7311A;
   font-weight: bold;
   text-decoration:none;
}
a:visited {
   color: #B7311A;
   font-weight: bold;
   text-decoration:none;
}
a:hover {
	color: #F7DFDE;
	font-weight: bold;
    text-decoration:none;
}
a:active {
	color: #F7DFDE;
	font-weight: bold;
   text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------*/
#bureau { 
position: absolute;
top: 260px; 
margin-top: 0px;
margin-left: 480px;
width: 225px; 
/*background-color: Gold;*/ 
}

#colonnegauche { 
position: absolute; 
top: 0px; 
margin-top: 0px;
left: 0; 
width: 225px; 
}

#colonnedroite { 
position: absolute;
top: 0px; 
margin-top: 0px;
margin-left: 225px;
width: 225px; 
}

#colonnecentrer { 
position: absolute; 
top: 200px; 
margin-top: 10px;
left: 0; 
width: 100%; 
}
/*--------------Bandeau--------------------------------------------------------------------------------*/

#bandeau {
width: 100%;
height : 148px;
background-image: url('../admin/bandeaugauche.jpg');
background-repeat: no-repeat;
background-color: #B7332A;
}

.imgbandeau {
float : right;
}

/*------------------------------------------------------------------------------------------------------------*/

.cache {
display: none;
}
/* Propriétés des barres horizontales */
hr {
   visibility: hidden; /* Affichage caché de la barre afin de supprimer les décalages entre les différents blocs */
   }

/*Supprime la bordure bleue autour de l'image*/
a img
{
border: none ;
}

/* ------------------ Propriétés du bloc maître  -------------------------------------------------------*/	 
#conteneur {
           width: 100%; /* Largeur du bloc */
           height: 100%; /* Hauteur du bloc */
		   margin-right: auto; /* Marge droite automatique pour centrer le site */
           margin-left: auto; /* Marge gauche automatique pour centrer le site */
		   background-color: #FFFFFF;
           }
/*------------------------------------------------------------------------------------------------------------*/
#contenu  {
clear: left; /* Suppression de l'alignement à gauche du menu */
margin-left: auto;
margin-right: auto;
width: 800px;

padding-bottom: 10px; /* Marge interne inférieure */
padding-left: 10px; /* Marge interne gauche */
padding-right: 10px; /* Marge interne droite */
/*background-color: pink; */
}

/* Propriétés des titres de niveau 1 */
h1 {
font-size: large;
font-style: italic;
font-weight: bold;
color: #B63A26;
text-align: center;
letter-spacing: 5px;	
margin-top: 10px;
margin-bottom: 10px;
   }

   /*----------- Définition du titre h2 dans le div contenu */	
h2 {
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #B63A26;
text-align: center;
margin-top: 20px;
/*background-color:#7CCE73;*/
}

   /*----------- Définition du titre h3 dans le div contenu */	
h3 {
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #CE726B;
text-align: center;
margin-top: 20px;
}

/*----------- Définition du texte ---------------------------*/	
.textecentrer {
	text-align: center;

}

.texte{
	margin-left: 0px;

}

.textegauchedecale {
	margin-left: 40px;
}

.textegauche {
	left: 50px;
}

.textedroite {
	left: 180px;
}

.textegras{
	font-weight: bold;
}

.espacetexte {
   margin-left : 20px;
}

#erreur {
    font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #ee6e36;
	background-color: #f91212;
	text-decoration: blink ;
}

/*-------------------  Définition du formulaire -------------------------------------*/
form {
position: relative;
width: 450px;
height:280px;
margin-top: 10px;
top: 15px;
left: 25%;
border: 1px solid #F6C9C5;
background-color: #F4B3B0;
/*background-color: Khaki;*/
}

label.label {
margin-top: 10px;
margin-left: 40px;
font: 1em Arial, Helvetica, sans-serif; 
}

input {
top:-15px;
margin-top: -5px;
margin-bottom: 0px;
margin-left: 0px;
width: 175px;
background-color: #F6C9C5;
border: 1px solid #999999;
}

textarea {
    background-color: #F6C9C5;
    border: 1px solid #999999;
	margin-top: 1px;
	margin-left: 0px;
}

.centrersubmit {
text-align: center;
}

.texterouge {
color: #FF0000;
}

/*========================================== Définition du MENU =======================================================*/

#menu {
	position: absolute;
	top : 125px;
	width: 99%;
    padding-left: 0px; /* Marge interne */
    clear: left; /* Annule l'alignement gauche de la zone réactive */	 
	left: 125px;
    }

#menu, #menu ul { 
              list-style: none; /* Suppression des puces de la liste */
              }

#menu a {
	display: block; /* Affiche les menus déroulants sous forme de blocs */
	color: white; /* Couleur des liens */
	width: 110px;
	height: 15px;
	border: 1px solid #B7311A;
	color : #B7311A;
	background : #F7DFDE;
	text-decoration : none;
	text-align : center;
	padding-top: 2px;
	margin-left: 5px;
       }

#menu li {	
	    float: left; /* Alignement à gauche des listes */
	    text-align: left; /* Alignement à gauche du texte des listes */
	    line-height: 1; /* Interlignage des listes */
	    font-size: 12px; /* Taille de la police du menu */
        }

#menu li a:hover {
                color: #E38F89; /* Couleur des liens lors du survol */
              }

#menu li ul { /* listes de deuxième niveau */
	       position: absolute; /* Alignement sous le menu de niveau 1 */
	       background: #B7311A; /* Couleur de fond du menu déroulant */
	       width: 110px; /* Largeur du menu déroulant */
	       left: -999em;  /* Positionnemnt des menus en dehors de l'écran pour les masquer */
         }

#menu li:hover ul, #menu li.sfhover ul { /* listes de deuxième niveau */
								     left: auto; /* Alignement à gauche sous la lise de niveau 1 */
                                 }

#menu li ul a:hover {
                   background-color: #B7311A; /* Couleur de fond lors du survol des listes de niveau 2 */
                   width: 110px; /* Largeur de la zone survolée */
                }   			   
/*=========================================================================================================*/

a {text-decoration: none;

color: #F7DFDE;

color: #F7DFDE;

}
/* --------------- Centrer les images dans la page d'accueil  -------------------------------------------*/
.w3c {
text-align : center;
}

/* -------------------  Propriétés du bloc footer ---------------------------------- */   
#footer {
		position:relative;
        background-color: #B7311A;  /*Couleur d'arrière-plan */
		top: 5px;
		margin-top : 10px;
        padding-top: 5px; /* Marge interne supérieure */
		padding-bottom: 5px; /* Marge interne inférieure */
        color: #B7311A; /* Couleur du texte */
		text-align: center;
		width: 100%; 
		bottom: 0;
    	clear: both;
        }

/* Menu de bas de page */
#footer ul {
           margin-bottom: -5px; /* Marge externe inférieure */
           list-style: none; /* Suppression des puces de la liste */
           }

#footer li {
           display: inline; /* Affichage en ligne de la liste */
           }

#footer a {
          color: #F7DFDE; /* Couleur des liens */
          }

#footer li a:hover {
                   color: #F7DFDE; /* Couleur des liens survolés */
                   }

/* ------------Définiton des Blocs ------------------------------------------------- */
.imggauche {
float: left;
}

.imgdroite {
float:right;
}

.imgcentrer {
text-align: center;
}
.middle {
vertical-align: middle;
}

.espace {
   margin-top : 20px;
}
/* ------------Définiton des Blocs pour les vignettes  ------------------------------------------------- */
div.float {
 	float: left;
	padding-right: 15px; /* Marge interne droite */
	padding-bottom: 10px; /* Marge interne inférieure */
	}

div.float p {
 	text-align: center;
  }
  
 #Fenetre{
	text-align: center;
	margin-left: -20px;
 }
div.spacer {
 	clear: both;
 }
 
 .decale1ereimage {
margin-left: 100px;
}

/* ------------------------------------------------------------- */
.gauche {
   float: right;
   margin-right:5px;
}

.droite {
   float: left;
   margin-left:5px;
}

.centragetexte {
   margin-top : 60px;
}

.espaceparagraphe {
   margin-top : 10px;
}

#imagedefond {
clear: left; /* Suppression de l'alignement à gauche du menu */
/*margin-left: auto;*/
margin-right: 10px;
width: 800px;
height: 70%;

padding-bottom: 10px; /* Marge interne inférieure */
padding-left: 10px; /* Marge interne gauche */
padding-right: 10px; /* Marge interne droite */

/*background-image: url('../repertoire/xxx.jpg')*/;
background-image: url('../admin/bureau.jpg');
background-repeat:no-repeat;
background-position:50% 100%;
background-attachment:fixed;
}

#ecran {
	position: absolute; 
	margin-top: -80px;
	margin-left: 490px;
	width: 300px;
	height:50px;
		}

#diapo {
	position: absolute; 
	top : 300px;
	right : 100px;
	width: 300px;
	height: 225px;
	}
	
#animation{
position:absolute;
top: 4px;
right: 5px;
width: 140px;
height: 140px;
background-image: url('../admin/animation.gif');
background-repeat: no-repeat;
}

/* -------------------- Déclaration Contact ------------------------------ */

#contact {
	width: 780px;
	height: 317px;
	margin-left:-200px;
	background-color: #F7DFDE;
}

/*----------- Définition des espaces ---------------------------*/	
.espace {
   margin-top : 30px;
}

.espacemini {
   margin-top : 10px;
}

.espacepetit {
   margin-top : 20px;
}

.espacecode {
   margin-top : 115px;
}

.espaceagrandi {
   margin-top : 60px;
}

.espacemoyen {
   margin-top : 100px;
}

.espacegrand {
   margin-top : 250px;
}


.espacevide {
	clear: both;
	margin-top : 60px;
	width : 533px;
	height: 80px;
/*	background-color:pink;*/
}

.espacevidemini {
	clear: both;
	margin-top : 60px;
	width : 533px;
	height: 40px;
/*	background-color:pink;*/
}

.texterouge {
	color: #FF0000;
}

.textedate {
	color: #908b18;
	font-weight: bold;
}

.texterougegras {
	color: #FF0000;
	font-weight: bold;
}

.textevert {
	color: #1fac2c;
}