/* Date de création 02-04-2008 */

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #CCCCCC;
	behavior: url("csshover.htc");
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

.special {
background:#CC3300;
}

.gras {
font-weight:bold;
}

.gras-centrer {
font-weight:bold;
text-align:center;
}

.gras-presse {
font-weight:bold;
font-size:125%;
}

.alinea {
text-indent: 2em ;
}

.image-gauche {
float:left;
margin:1em;
padding:0;
}

.image-droite {
float:right;
margin:1em;
}

.droite {
text-align:right;
}

.gauche {
text-align:left;
}

.trait {
text-align:center;
color:#b91842;
font-weight: bold;
font-size:1.5em;
}

.separation {
clear:both;
visibility:hidden;
}

.separation2 {
clear:both;
}


.textedir {
margin-left:12em;
}

.centrer {
text-align:center;
}

.rouge {
color:#FF0000;
}

div.tableau {
float: left;
text-align:center;
font-size:0.7em;
line-height:1.5em;
margin:0 auto;
padding:0;
width:170px;
}

div.tableau a {
text-align:center;
font-size:1.3em;
line-height:1.5em;
}

div.afich {
float: left;
text-align:center;
font-size:0.7em;
line-height:1.5em;
margin:0 auto;
padding:0;
width:170px;
}

div.afich a {
text-align:center;
font-size:1.3em;
line-height:1.5em;
}


div#conteneur
{
	width: 970px ;
	position:relative;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #000033 ;
	background: #fff ;
}


/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */


h1#header
{
	height: 200px ;
	background: url(Images/Lussicam-top5.jpg) no-repeat left top;
	margin:0;
}
/* On définit la hauteur de la partie header, contenant le titre du site */

h1#header a
{
	width: 500px ;
	height: 176px ;
	display: block ;
/* 	background: url(logo-top.gif) no-repeat ; */
	position: relative ;
	left: 466px ;
	top: 15px ;
	text-indent: -5000px ;
}




/* En passant on définit l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
  dans cette balise est trop grand */

div#contenu
{
	padding: 30px 30px 0 80px ;
	background: url(Images/Lussicam-side2.jpg) no-repeat 0px 45px  ;
	z-index:50;
}

div#contenu h1
{
	padding-left: 5px ;
	line-height: 30px ;
	font-size: 1.4em ;
/*	background: url(little_apple.gif) no-repeat left bottom ; */
	color: #00529C ;
/* 	border-bottom: 1px solid #666666 ; */
	z-index:50;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}
/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	text-indent: 0em ;
	line-height: 1.7em ;
	z-index:50;
}
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: blue;
	text-decoration:none;
}


div#contenurecherche
{
	padding: 30px 60px 0 60px ;
	z-index:50;
}

div#contenu a:hover
{
	color: red;
}
/* On met en forme les liens contenu dans la page */

div#contenurecherche h1
{
	padding-left: 5px ;
	line-height: 30px ;
	font-size: 1.4em ;
/*	background: url(little_apple.gif) no-repeat left bottom ; */
	color: #00529C ;
/* 	border-bottom: 1px solid #666666 ; */
	z-index:50;
}


/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */

div#contenurecherche p
{
	text-align: justify ;
	text-indent: 0em ;
	line-height: 1.7em ;
	z-index:50;
}
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenurecherche a
{
	color: blue;
	text-decoration:none;
}



div#contenurecherche a:hover
{
	color: red;
}
/* On met en forme les liens contenu dans la page */

/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
p#footer
{
display:block;
background: #25387a;
margin:0;
padding-right: 10px ;
line-height: 20px ;
text-align: right ;
color: #FFF ;
font-size:0.6em;
}

p#footer a {
text-decoration:none;
}

p#footer a:link {
color: #00CCFF;
}


p#footer a:visited {
color: #FF3300;
}

p#footer a:hover {
color:red;
}


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */


ul#menu {
position:relative;
height:25px;
margin:0;
padding:0;
background: #000033;
list-style-type:none;
font-size:100%;
border-top:solid;
border-top-width:1px;
border-top-color:#FFFFFF;
z-index:100;
}

ul#menu li {
position:relative;
width:150px;
float:left;
text-align:center;
border-right-style:solid;
border-right-width:1px;
border-right-color:#FFFFFF;
}

ul#menu li a {

line-height:25px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #000066;
display:block;
text-decoration:none;
}


/* Couleur survol premier niveau */
ul#menu li:hover {
background-color: #000066 ;
}

ul#menu li ul {
display:none;
}

ul#menu li:hover ul {
position:absolute;
top:25px;
left:-40px;
display:block;
line-height:25px;
}

ul#menu li a{
color:#FFFFFF
}

ul#menu ul li {
float:left;
width: 150px ;
line-height: 25px ;
font-weight: bold ;
display: block ;
text-decoration: none ;
background: #000033;
list-style-type:none;
}



/* Définition des formulaires */

#frmRecherche {
margin:auto;
background-color:#F5F5F5;
width:450px;
}

#frmRecherche p {
margin: 2px 0;
}

#frmRecherche label {
display:block;
width:29%;
float:left;
padding-right:1%;
letter-spacing:1px;
text-align:right;
font-weight:bold;
line-height:1.6em;
}

#frmRecherche input {
border:1px solid black;
background-color: #fff;
font-family:"trebuchet ms",sans-serif;
color:black;
}