/* Définitions générales
-------------------------------------------------------- */
html {
	min-width: 880px;
}

body {
	background-color: #688BCB; /*bleu clair*/
/*	background-color: black;*/
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: #354C5A;
}

h1 {
	font-size: x-large;
	font-weight: bold;
	background-color: #8FD367;
	border: 1px solid #59793e;
	color: #354C5A;
	margin: 0.5em 4em 0em 4em;
	text-align: center;
}

strong {
	font-weight: bold;
	color: yellow;
}

h2 {
	color: yellow;
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 0;
}

h3 {
	color: yellow;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 0;
}


acronym {
	cursor: help;
	border-bottom: 1px dotted #369;
}

dt {font-weight: bold;}

dd {
	background-color: #f5faff;
	border-left: 1px solid #8ba6b2;
	font-style: italic;
	margin-top: 5px;
	padding-left: 5px;
}


input,textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #BB4027;
}
submit {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: yellow;
}

fieldset {
	background-color: #254E9C;
/*	background-image: url(../Images/fondherbe.gif);*/
	/*background-color: white;*/
	color: white;
	font-weight: bold;
	margin-left: 2em;
	padding: 1em;
	width: 80%;
}

input.ie,textarea.ie,submit.ie {
	font-size: x-small;
}

fieldset.ie {
	background-color: #688BCB;
}


/** a

ancres HTML
*/
a {color: #354C5A; font-weight: bold}

a.info {
	color: yellow;
	font-weight: bold;
	font-size: x-small;
}

a:visited, a.info:visited {	color: red}

a:hover, a.info:hover {
	background-color: yellow;
	color: black;
}

a.nu {text-decoration: none}


/** @class droite

Alignement du texte à droite
*/
.droite {text-align: right}


/** @class gauche

alignement du texte à gauche
*/
.gauche {text-align: left}


/** @class centre

alignement du texte au centre
*/
.centre {text-align: center}


/** @class justifie

alignement du texte justifié
*/
.justifie {text-align: justify}


/** @class haut

Alignement vertical du texte en haut
*/
.haut {vertical-align: top}


/** @class bas

alignement vertical du texte en bas
*/
.bas {vertical-align: bottom}


/** @class milieu

Alignement vertical du texte au milieu
*/
.milieu {vertical-align: middle}


/** @class x-small

taille du texte de x-small
*/
.x-small {font-size: x-small}


/** @class small

Taille du texte de small
*/
.small {font-size: small}


/** @class medium

Taille du texte de medium
*/
.medium {font-size: medium}


/** @class large

Taille du texte de large
*/
.large {font-size: large}


/** @class x-large

Taille du texte de x-large
*/
.x-large {font-size: x-large}


/** @class xx-large

Taille du texte de xx-large
*/
.xx-large {font-size: xx-large}


/** @class normal

mise en normal du texte
*/
.normal {font-weight: normal}


/** @class gras

Mise en gras du texte
*/
.gras {font-weight: bold}


/** @class italique

Mise en italiquedu texte
*/
.italique {font-style: italic}


/** @class italique

Mise en italiquedu texte
*/
.tt {font-family: "Bistream Vera Sans Mono", monospace}


/** @class small-caps

Mise en petite capitales du texte
*/
.smallcaps {font-variant: small-caps}


/** @class noir

Mise en noir du texte
*/
.noir {color: black}


/** @class orange

Mise en orange du texte
*/
.orange {color: #F6AA47}


/** @class rouge

Mise en rouge du texte
*/
.rouge {color: #C82A2D}


/** @class vert

Mise en vert du texte
*/
.vert {color: #2FAA42}


/** @class sautDeLigneAucun

Pas de saut de Ligne
*/
.sautDeLigneAucun {margin-top: 0; margin-bottom: 0}


/** @class sautDeLigneMini

Saut de Ligne Mini
*/
.sautDeLigneMini {margin-top: 0.25em; margin-bottom: 0}


/** @class sautDeLignePetit

Saut de Ligne Petit
*/
.sautDeLignePetit {margin-top: 0.5em; margin-bottom: 0}


/** @class sautDeLigneMoyen

Saut de Ligne Moyen
*/
.sautDeLigneMoyen {margin-top: 1em; margin-bottom: 0}


/** @class sautDeLigneGrand

Saut de Ligne Grand
*/
.sautDeLigneGrand {margin-top: 2em; margin-bottom: 0}


/** @class sautDeLigneTresGrand

Saut de Ligne Tres Grand
*/
.sautDeLigneTresGrand {margin-top: 3em; margin-bottom: 0}


/** @class retraitMini

Retrait du texte Mini
*/
.retraitMini {margin-left: 0.25em}


/** @class retraitPetit

Retrait du texte Petit
*/
.retraitPetit {margin-left: 0.5em}


/** @class retraitMoyen

Retrait du texte Moyen
*/
.retraitMoyen {margin-left: 1em}


/** @class retraitGrand

Retrait du texte Grand
*/
.retraitGrand {margin-left: 2em}

/** @class niv1

Couleur de fond associé au niveau 1
*/
.niv1 {background-color: #BB4027;
		color: white;
	}

.nivfeu {background-color: #BB4027;
		color: #951700;
		background-image: url(../Images/fondfeu.gif);
	}

.nivherbe {background-color: #BB4027;
		color: #4C7537;
		background-image: url(../Images/fondherbe.gif);
	}

.nivciel {background-color: #BB4027;
		color: #31588C;
		background-image: url(../Images/fondciel.gif);
	}

.nivterre {background-color: #BB4027;
		color: #722625;
		background-image: url(../Images/fondterre.gif);
	}


/* Page
-------------------------------------------------------- */
/** @id page

la page dans son entier
*/
#page {
    border: 2px solid black;
	margin: auto;
	width: 880px;
}


/* En-tête
-------------------------------------------------------- */
/** @id enTete

Bandeau de haut de page
*/
#enTete {
	background-color: #254E9C;
	background-image: url(../Images/bando3.gif);
	background-repeat: repeat;
	background-position: bottom left;
	border-bottom: 1px solid #2A3A1E;
	height: 128px;
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 0;
}

#enTete table {
	border: 0;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#enTete td.logo {
	border: 0;
	height: auto;
	margin: 0;
	padding: 0;
	width:	auto;
}

#enTete td.motifHorizontal {
	font-size: 14;
	margin: 0;
	padding: 0em 0em 1em 0em;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}

#enTete td.motifDegradeHorizontal {
	background-color: #F5B95F;
	background-image: url(../Images/tile_enTete_terminaison.gif);
	background-repeat: repeat-y;
	height: 81px;
	margin: 0;
	padding: 0;
	width: 73px;
}

#enTete td.aplatHorizontal {
	background-color: #F5B95F;
	width: auto;
}


/** @id message

Bandeau pour message (se trouve sous l'en-tête)
*/
#message {
	background-color: #254E9C;
	color: white;
	font-size: small;
/*	font-weight: bold;*/
	width: auto;
}

#messagedroit {
	color: #BB4027;
	font-size: small;
	font-weight: bold;
	text-align: center;
	width: auto;
	margin: 0.5em 1em 0.5em 1em;
	border-top: 1px solid black;
}


/* Conteneur principal ("corps" de la page)
-------------------------------------------------------- */
/** @id conteneur

conteneur principal
*/
#contenu {
	width: 100%;
}


/* Panneau central
-------------------------------------------------------- */
/** @id panneauCentral

Panneau central
*/
#panneauCentral {
	background-color: #254E9C;
/*	background-image: url(../Images/fond.gif);*/
	background-repeat: repeat;
	background-position: top left;
/*	font-size: 12;*/
	padding: 0.5em 1em;
	width: auto;
}

#panneauCentral #principal {
	/*margin: 2em 2em 0 2em;*/
	margin: 1em 1em 0 1em;
	text-align: justify;
	color: white;
/*	color: white;*/
}

#panneauCentral p.justifie {
/*	background-color: #FCFFDB;
	background-color: black;*/
	font-size: small;
	font-weight: normal;
/*	font-size: small;*/
	padding: 0.5em 0em;
}

#panneauCentral p {
/*	background-color: #FCFFDB;
	background-color: black;*/
	font-size: small;
	font-weight: normal;
/*	font-size: small;*/
	padding: 0.5em 0em;
}

#panneauCentral #principal #tableau{
	width=100%;
}
#panneauCentral #principal #image{
	width=auto;
	padding: 0.5cm 1cm;
}

#panneauCentral #principal #cellule1{
	padding: 0.2cm;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	width: 30%;
}
#panneauCentral #principal #cellule2{
	padding: 0.2cm;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	width: 70%;
}

/* Panneaux de gauche et de droite
-------------------------------------------------------- */
/** @id panneauGauche

Panneau de gauche
*/
#panneauGauche {
	background-color: #254E9C;
/*	background-image: url(../Images/tile_panneauxGaucheDroit.gif);*/
	background-position: right top;
	background-repeat: repeat;
	/*border-right: 0px solid silver;*/
	text-align: center;
	width: 200px;
}


/** @id panneauDroit

Panneau de droite
*/
#panneauDroit {
	background-color: #F5B95F;
	background-image: url(../Images/tile_panneauxGaucheDroit.gif);
	background-position: left top;
	background-repeat: repeat;
	/*border-left: 0px solid silver;*/
	text-align: center;
	width: 150px;
}



/* Modules pour les différents panneaux
-------------------------------------------------------- */
/** @id navigation

Navigation entre pages
*/
#navigation {
	font-size: small;
	/*background-image: url(../Images/fondciel.gif);*/
	color: #BB4027;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	cursor:pointer;
	width:100%;
	text-align:left;
	font-weight:bold;
}
#navigation a:hover {
	background-color: #FFFFFF;
	color: black;
}

.niv1 {
	background-color: #688BCB;
/*	background-image: url(../Images/terre.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.niv12 {
	background-color: #BB4027;
/*	background-image: url(../Images/ciel.gif);*/
	text-align:right;
	list-style-type: none;
	margin: 0;
	padding: 0em 0em 0em 0.0em;
	border: none;
}

.nettoyage {
	background-color: #7280D3;
/*	background-image: url(../Images/ciel.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.nettoyage2 {
	background-color: #7280D3;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}


.entretien {
	background-color: #8FD367;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.entretien2 {
	background-color: #8FD367;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.urgence {
	background-color: #D7776D;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.urgence2 {
	background-color: #D7776D;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.engagement {
	background-color: #9F2F1C;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.engagement2 {
	background-color: #9F2F1C;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.materiel {
	background-color: #9F3BC4;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.materiel2 {
	background-color: #9F3BC4;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.guide {
	background-color: #3ACECC;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.guide2 {
	background-color: #3ACECC;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.presentation {
	background-color: #F09427;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.presentation2 {
	background-color: #F09427;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.references {
	background-color: #F09427;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.references2 {
	background-color: #F09427;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.liens {
	background-color: #F09427;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
}
.liens2 {
	background-color: #F09427;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
.contact {
	background-color: #F09427;
/*	background-image: url(../Images/herbe.gif);*/
	color: white;
	text-align:center;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.contact2 {
	background-color: #F09427;
	text-align:right;
	list-style-type: none;
	margin: 0;
	border: none;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0em 0em 0em 0.0em;
	border: none;
	/*border-bottom: 2px solid #5d879f;
	border-bottom: 2px solid #243286;*/
}

#navigation li.title1 {
	font-size: normal;
	text-align: center;
	margin: 0px;
	padding: 0em 0em 0em 0em;
}
#navigation li.title2 {
	font-size: small;
	margin: 0px;
	padding: 0em 0em 0em 1em;
}

.square {
	font-size: small;
	margin: 0px;
	padding: 0em 0em 0em 2em;
}
.square1 {
	font-size: small;
color: red;
	margin: 0px;
	font-weight: bold;
	font-style: italic;
}

#navigation #modifApparence {
	background-color: #C82A2D;
}

#navigation li b {
	background: none;
	color: white;
/*	color: #354C5A;*/
	display: block;
	padding: 0em 0.5em 0em 0em;
	text-decoration: none;
	width: 100%;
}
#navigation li a, #navigation li a:visited {
	background: none;
	color: white;
/*	color: #354C5A;*/
	display: block;
	padding: 0em 0.5em 0em 0em;
	text-decoration: none;
	width: 100%;
}

#navigation li a:hover {
	background-color: white;
	color: red;
	text-decoration: none;
}

#navigation #modifApparence a {
	color: white;
}

#navigation #modifApparence a:hover {
	background-color: white;
	color: #354C5A;
}

html>body #navigation li {width: auto}

#navigation li:first-child {border: none}


/** @id navigationHorizontale

Navigation (horizontale) entre pages
*/
#navigationHorizontale {
	margin: 0;
}

#navigationHorizontale ul {
	background-color: #94b5ff;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 1px solid #5d879f;
	border-bottom: 2px solid #5d879f;
}

#navigationHorizontale li {
	list-style-type: none;
	padding: 0.25em 1em;
	border-left: 1px dotted #5d879f;
	display: inline;
}

html>body #navigationHorizontale li {width: auto;}

#navigationHorizontale li:first-child {
	border: none;
}

#navigationHorizontale li a, #navigationHorizontale li a:visited {
	color: #354C5A;
	text-decoration: none;
}


/** @id langues

Choix de la langue
*/
#langues {
	margin: 1em 0.5em 0 0.5em;
	text-align: left;
}


/** @id date

Date dans le panneau de droite
*/
#date {
	margin: 0;
/*	padding: 0em 0em 0em 0.5em;*/
	border-top: 1px solid black;
/*	margin: 1em 0.25em 0 0.25em;*/
	text-align: center;
	font-size: small;
	font-weight: bold;
	font-style: italic;
	color: white;
}

/** @id laiusDroit

Petit laius dans le panneau de droite
*/
.laius {
	margin: 1em 0.25em 0 0.25em;
	text-align: center;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	color: white;
}


/** @id piedDePage

Pied de page
*/
#piedDePage {
	color: black;
	background-color: #254E9C;
	border-top: 2px solid #2A3A1E;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#piedDePage a {
	color: #D9EDFF;
}

#piedDePage a:hover {
	color: blue;
}

/** @id suivant

Lien vers la page suivante
*/
#suivant {
	background-image: url(../Images/fondterre.gif);
/*	background-color: green;*/
	border: 1px solid #59793e;
	font-weight: bold;
	font-size: x-small;
	padding: 0px 0px;
	margin: 0em 0em 0em 0em;
	text-align: center;
}
#suivant p {
	font-weight: bold;
	font-size: x-small;
}.nav {
	font-weight: bold;
	font-size: x-small;
	padding: 0px 0px;
	margin: 0em 0em 0em 0em;
}
/** @id pros

Lien vers la page d'accueil pro
*/
#pros {
	background-image: url(../Images/fondherbe.gif);
/*	background-color: green;*/
	border: 1px solid #59793e;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 5px;
	margin: 2em 0em 0em 0em;
	text-align: left;
}

/** @id pers

Lien vers la page d'accueil perso
*/
#perso {
	background-image: url(../Images/fondterre.gif);
/*	background-color: green;*/
	border: 1px solid #59793e;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 5px;
	margin: 2em 0em 0em 0em;
	text-align: left;
}

/** @class slogan

Slogan de la société
*/
.slogan {
	clear: both;
	color: yellow;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	margin: 2em 0 0.5em 0.5em;
	text-align: right;
}


/** player
*/
#divPlayer {
	margin: 1em 1em 0 0em;
	text-align: justify;
	color: #354C5A;
/*border: 1px solid #59793e;
position: absolute;
left:106px;
top:115px;
width:322px;
height:313px;*/
}
#MediaPlayer {
width: 322px; 
height: 313px; 
background-color: #FFF;
margin: 1em 1em 0.5em 0em;
color: #354C5A;
/*z-index:4; position du calque si position : absolute*/
}

/** Tip photo
*/
.tip {
	color: black;
	font-size: 24;
	font-style: italic;
	font-weight: bold;
	/*font-variant: small-caps;*/
	margin: 0em 0 0.5em 0.5em;
	text-align: left;

}




.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:200px;
padding:2px;
text-align:center;
font-weight:bold;
/*border:1px solid #000000;*/
}

.submenu{
	padding: 0em 0em 0.5em 0.0em;
	text-align:right;
}