body
{
width: 800px;
margin:auto;
font-family: "Trebuchet MS", arial, serif;
font-size:0.9em;
background-image:url(../images/background.jpg);
background-repeat: x y;
color: #000000;
}
#banniere
{
width:800px;
height:100px;
margin-bottom: 10px;
}
#menuindex
{
margin-left: 130px;
font-size:1.4em;

}
#menuindex ul 
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
#menuindex ul li
{
float: left;
background-image:url(../images/menuindex.png) ;
background-repeat: no-repeat;
margin-right: 60px;
margin-bottom: 20px;
padding: 0 ;/* Suppression du padding du <li> */
text-indent : 75px;
}
#menuindex  li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:225px;
	height: 75px;
	line-height: 62px;
	color: #ffffff;
	text-decoration: none ;
	font-weight: bold;
}
#menuindex ul li a:hover
{
background-image: url(../images/menuindex.png); /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
background-repeat: no-repeat;
background-position: 0 -75px;
color: #606060;
}
#surmenuindex
{
margin-left: 130px;
font-size:1.1em;
text-align:center;
float: left;
}
#surmenuindex p
{
padding-bottom: 30px;
}
#antennes
{
padding-top: 20px;
clear:both;
font-style:italic;
text-align: center;
}
#sectionindex a
{
color: black;
text-decoration: none;
}
#sectionindex a:hover
{
color: #9fa3c5;
}
#sectionindex li
{
list-style-image: url(../images/puceronde.png);
}

#menueduc
{
float:left;
width:140px;
}
#menueduc ul 
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
#menueduc ul li
{
background-image:url(../images/menu.png) ;
background-repeat: no-repeat;
margin:  0 0 3px 0;
padding: 0 ;/* Suppression du padding du <li> et on définit une marge basse de 3px pour aérer le tout */
text-indent : 28px;
}
#menueduc  li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	line-height: 24px ;
	height: 30px;
	color: #ffffff;
	text-decoration: none ;
	font-weight: bold;
}
#menueduc ul li a:hover
{
background-image: url(../images/menu.png); /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
background-repeat: no-repeat;
background-position: 0 -30px;
color: #606060;
}
#menuintegr
{
float:left;
width:140px;
}
#menuintegr ul 
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
#menuintegr ul li
{
background-image:url(../images/menu.png) ;
background-repeat: no-repeat;
margin: 0 0 3px 0 ;
padding: 0 ;/* Suppression du padding du <li> et on définit une marge basse de 3px pour aérer le tout */
text-indent : 28px;
}
#menuintegr  li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	line-height: 24px ;
	height: 30px;
	color: #ffffff;
	text-decoration: none ;
	font-weight: bold;
}
#menuintegr ul li a:hover
{
background-image: url(../images/menu.png); /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
background-repeat: no-repeat;
background-position: 0 -30px;
color: #606060;
}
.menu
{
text-align:center;
padding: 0;
margin: 0;
}

#conteneurindex
{
width: 780px;
text-align: justify;
margin-top: 30px;

}
#conteneur
{
width: 640px;
margin-left:150px;
text-align: justify;
margin-top: 20px;
}

#conteneur a
{
color: black;
text-decoration: none;
}
#conteneur a:hover
{
color: #9fa3c5;
}
#conteneur li
{
list-style-image: url(../images/puceronde.png);
}
.flotgauche
{
float: left;
}
.photodr
{
float: right;
margin-left:10px;
}
#conteneurindex img
{
margin-right:10px;
margin-top: -12px;
}

.italic
{
font-style:italic;
}

.lettrine:first-letter
{
float:left;
font-size:3em;
font-weight:bold;
color: #9fa3c5;
}



#piedindex
{
margin-top: 10px;
clear : both;
width: 780px;
height: 130px;
border: 3px outset #9fa3c5;
padding-left: 14px;
padding-right: 14px;
text-align: center;
background: #ffffff;
line-height: 20px;
margin-bottom: 10px;
}

#piedindex a
{
text-decoration: none;
color: #9fa3c5;
}



#corsicamania
{
clear: both;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
}


#piedpage a
{
text-decoration: none;
}

#google
{
clear: both;
margin-left:350px;
text-align: left;
}
#google1
{
clear: both;
margin-left:220px;
text-align: left;
}
#google2
{
margin-left:120px;
text-align: left;
}
#google3
{
clear: both;
font-style : italic;
}
.centre
{
text-align:center;
}

.stopflot
{
clear: both;
}
#anneau
{
margin:auto;
}


img
{
border:none;
}

.adroite
{
text-align:right;
}
.dessin
{
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:0;
}
.dessin
{
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:0;
}
.temoin
{
float:left;
margin-top:0;
margin-right:5px;
margin-top : 10px;
margin-bottom:0;
}

.encadre
{
background:#9fa3c5;
padding-left:5px;
padding-right:5px;
}
table
{
text-align:left;
}
tr, td
{
vertical-align: top;
padding-left:2px;
padding-right:2px;
border : 1px solid #9fa3c5;
}
h1
{
font-variant: small-caps;
font-size : 1.4em;
text-decoration: underline;
}

h2
{
border-bottom: 2px solid #9fa3c5;
font-weight: bold;
font-size : 1.1em;
text-align:left;
margin-bottom: -5px;
}

.titre
{
border : 1px solid #9fa3c5;
background-color: #9fa3c5;/* mauve*/
padding: 3px;
width: 450px;
color:#ffffff;
font-weight: bold;
}
.time
{
font-size:0.9em;
font-style : italic;
text-align: right;
width: 250px;
vertical-align: center;
border: none;
}
.espace
{
border:none;
}
#pages
{
text-align: right;
}
#pages a
{
color: black;
text-decoration: none;
}
#pages a:hover
{
color: #9fa3c5;
}
#pages a:visited
{
font-size: 0.8em;
}

input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */

}
input:focus, textarea:focus/* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #9fa3c5;/* mauve*/
}

#conteneurlien
{
width: 640px;
margin-left:150px;
text-align: center;
margin-top: 20px;
}

#conteneurlien a
{
color: black;
text-decoration: none;
}

#conteneurlien h1
{
font-variant: small-caps;
font-size : 1.4em;
text-decoration: underline;
text-align : left;
}
.justif
{
text-align : justify;
}
.phototemoin
{
text-align : center;
}
.lientemoin
{
vertical-align : middle;
}
#infomois
{
border: 3px outset #9fa3c5;
padding-left: 10px;
padding-right: 10px;
text-align: center;
background: #ffffff;
line-height: 20px;
margin-bottom: 10px;
}
.lien a
{
color: black;
text-decoration: none;
}
.lien a:hover
{
color: #9fa3c5;
}
.sign
{
text-align: right;
}