/* Construction des 4 parties de la page */

/* La partie "haut" est le premier bloc en haut */

/* La partie "menu" est positionnée en absolue, à gauche, elle devient donc transparente pour les positionnements à venir */

/* la partie "corps" est positionnée en relatif dans le flux (#menu disparaît du flux ! car positionné en absolute) avec une forte marge à gauche. */

/*La partie "bas" est dans le flux avec marge à gauche identique à #corps*/


/* On définit la couleur de fond */
body
{
	background-color: #FFFFDC;
}


/* Maintenant, on définit les caractéristiques propres de chaque bloc positionnés ci-dessus */


/* On commence par le bloc "HAUT"__________"HAUT"__________"HAUT"__________"HAUT"__________"HAUT"__________"HAUT"__________"HAUT"*/	
div#haut
{
position:relative;
z-index:100;
margin:0;
padding:0;
}

/*Positionnement du drapeau*/
#drapeau
{
position: absolute;
top:20px;
right: 40px;
}

#drapeau img
{
border:0;
}

/*Positionnement du logo___________________________________________*/
#logo
{
position:absolute;
top:10px;
left:20px;
margin:0;
}

/*Centrage de la bannière sans bourdure________________________________*/
#banniere
{
text-align:center;
}

#banniere img
{
border:0;
}

/*On cache ce titre utile en sémantique uniquement et on le dimensionne_________*/
#titre
{
color:#FFFFDC;/*couleur du fond "body" pour ne pas voir le titre h1*/
font-size:0.8em;
margin:0;
padding:0;
}

/*Style du MENU HORIZONTAL_____________________________________*/
div#tete /*Centrage du bloc */
{
width:820px;
margin:0 auto;
}

.menu_haut /*Définition des cellules contenues dans le bloc précédent*/
{
background-color:#960;/*couleur de la bannière*/
width:200px;
height:40px;
padding:0;
margin:0;
float:left;
line-height:20px;
text-align:center;
font-family: Verdana;
font-weight: bold;
font-size: 0.9em;
color:#FFF;
border: solid 2px #FFFFDC;/*couleur du fond body*/
}

.menu_haut a
{
	color: white;
	text-decoration: none;
}

#forum:hover a
{
color:#FF9;
}

/*Liste des liens vers les autres sites*/
.menu_haut li
{
list-style-type:none;
}

.liens_autres_sites /*On cache la liste des liens*/
{
display:none;
}

#liste_autres_sites:hover .liens_autres_sites /*On fait apparaître les liens au survol de la cellule*/
{
display:block;
}

/*Style des liens vers les autres sites*/
#stirling, #ericsson, #air, #stirling_en, #manson, #mb, #border
{
height:15px;
line-height:15px;
font-size: 0.8em;
}

#air
{
background-color:#636;
border:solid #636;
}

#stirling, #stirling_en
{
background-color:#2505AF;
border:solid #2505AF;
}

#ericsson
{
background-color:#960;
border:solid #960;
}

#manson
{
background-color:#34A022;
border:solid #34A022;
}

#mb
{
background-color:#696969;
border:solid #696969;
}

#border
{
background-color:#64BDAA;
border:solid #64BDAA;
}
#air:hover
{
background-color: #FF9;
border:solid #636;
}

#air:hover a
{
color:black;
}

#stirling:hover
{
background-color: #FF9;
border:solid #2505AF;
}

#stirling:hover a
{
color:black;
}

#stirling_en:hover
{
background-color: #FF9;
border:solid #2505AF;
}

#stirling_en:hover a
{
color:black;
}

#ericsson:hover
{
background-color: #FF9;
border:solid #960;
}

#ericsson:hover a
{
color:black;
}

#manson:hover
{
background-color: #FF9;
border:solid #34A022;
}

#manson:hover a
{
color:black;
}

#mb:hover
{
background-color: #FF9;
border:solid #696969;
}

#mb:hover a
{
color:black;
}

#border:hover
{
background-color: #FF9;
border:solid #64BDAA;
}

#border:hover a
{
color:black;
}
/*On positionne verticalement les cases du moteur de recherche*/

p#x-recherche
{
margin:0;
padding:0;
position:relative;
top:8px;
}

#correction
{
clear:left;
font-size:0.1em;
color:#FFFFDC;
margin:0;
}

/* Liens de la case BOUTIQUE LIVRES*/

/*Liste des liens vers Decoopman*/
.menu_haut li
{
list-style-type:none;
}

.decoopman /*On cache la liste des liens*/
{
display:none;
}

#decoopman:hover .decoopman /*On fait apparaître les liens au survol de la cellule*/
{
display:block;
}

#livrems, #decoopman2
{
height:30px;
line-height:15px;
font-size: 0.8em;
}

#livrems
{
background-color:#2505AF;
border:solid #FFFFDC;
}

#decoopman2
{
background-color:#1E2761;
border:solid #FFFFDC;
}

#livrems:hover
{
background-color: #FF9;
border:solid #1E2761;
}

#livrems:hover a
{
color:black;
}

#decoopman2:hover
{
background-color: #FF9;
border:solid #1E2761;
}

#decoopman2:hover a
{
color:black;
}

/* Définition des différents éléments de la boîte "MENU"_______"MENU"_______"MENU"_______"MENU"_______"MENU"_______"MENU"_______"MENU"*/

div#menu
{
position:absolute;
top:200px;
left:0;
font-family: Verdana;
font-weight: bold;
font-size: 0.7em;
}

div#menu p
{
margin:3px;
}

div.sous_menu
{
border:dotted  black 1px;
width:150px;
margin:5px 0 0 15px;
padding:2px 5px;
background-color:#FFFFFF;
}

div.sous_menu ul
{
margin:0;
padding:0 0 5px 15px;
}

div.sous_menu p
{
color:red;
}

div.sous_menu a
{
text-decoration: none;
}

div.sous_menu a:hover
{
	background-color: #960;
	color: white;
}

/* Définition des différentes boîtes de la page "CORPS"________"CORPS"________"CORPS"________"CORPS"________"CORPS"________"CORPS"*/

div#corps
{
position:relative;
z-index:0; /*Garder le z-index pour que le menu "autres sites" soit dessus*/
border:dotted black 1px;
margin:26px 10px 20px 180px;
padding: 10px;
}

#corps h1
{
	text-align: center;
	font-family: Verdana, "Times New Roman";
	color: #2505AF;	
}	

#corps h2
{
	text-align: center;
	font-family: Verdana, "Times New Roman";
	color: #960;	
	font-size: 2em;
}	

#corps h3
{
	font-family: "Times New Roman", verdana;
	color: black;
	text-decoration: underline;
}

#corps h4
{
	font-family: "Times New Roman", verdana;
	color: red;
	text-decoration: underline;
}

#corps h5
{
	font-family: "Times New Roman", verdana;
	color: #2505AF;
	font-size: 0.9em;
	text-decoration: underline;
}

#corps p
{
	font-family: "Times New Roman", verdana;
	color: black;
}


#corps img 
{
	border: 0;
	float: left;
	margin: 10px;
 }
 
#nb_visiteurs
{
	display: none;
} 

.clear
{
	clear: left;
} 

.center
{
	text-align: center;
}

#corps .retour img
{
	float: none;
	margin:0;
}

#photos
{
padding: 25px;
text-align: center;
}

#photos img
{
	float: none;
	margin: 0;
}

#recherche
{
	margin-left: auto;
	margin-right: auto;
	width: 310px;
}

.citation
{
	font-style: italic;
	margin-left: 50px;
}

dt
{
	font-weight: bold;
}	


 /* définition de "BAS"________"BAS"________"BAS"________"BAS"________"BAS"________"BAS"________"BAS"________"BAS"________"BAS" */
	
div#bas
{
position:relative;
border:dotted black 1px;
margin:0 10px 20px 180px;
background-color:white;
padding: 10px;
text-align: center;
color: #2505AF;
font-size: 0.75em;
}