* {
    font-family : arial;
	/*font-weight : bold; pour test avec images de fond*/
    margin      : 0;
    padding     : 0;
	font-size	: 11pt;
	/*Tous les éléments (l'étoile) auront donc la police Arial comme fonte. 
	Pas de marge intérieure, ni de marge extérieure aux contenants*/
}
body {
    background-color : #E1E1E1;
	/*Mis d'abord du gris sur toute la page, elle ne peut donc pas etre blanche.
	Ensuite, on inclut l'image de fond, mais cette image doit changer page par page.*/
}

a {
	outline	: none;/* Enlève le cadre disgracieux lors du clic */
}

a img {
	border	: none;
}

.image-qui {
	background-image	: url(images/Mad.jpg);
	background-position	: left top;				
	background-repeat	: no-repeat;
	/*background	: url(images/Mad.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-pourquoi-pour-qui {
	background-image	: url(images/mam.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/mam.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-methodes-tarifs {
	background-image	: url(images/tracteur.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/tracteur.jpg) no-repeat left top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-guide {
	background-image	: url(images/rail.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/rail.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-temoins {
	background-image	: url(images/regards.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/regards.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-geant {
	background-image	: url(images/geant.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/geant.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-contact {
	background-image	: url(images/poste.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/poste.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-merci {
	background-image	: url(images/coucherdesoleil.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/coucherdesoleil.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-presse {
	background-image	: url(images/fond-presse4.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/fond-presse3.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.image-visite-guidee {
	background-image	: url(images/chevalet3.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	/*background	: url(images/chevalet3.jpg) no-repeat center top;
	Bug sous Chrome = bande blanche en dessous de l'image !*/
}

.plume {
	list-style-image	: url(images/plume-16px.png);
}

/*.plume a {
	text-decoration	: normal;
	color			: black;
}*/

.guide {
	float		: right;
	margin		: 20px 20px;
}

.droite {
	text-align	: right;
}

.mabio {
	text-align	: right;
	font-size	: 40%;
	color		: #2c3637;
}

.bande-centree {
	text-align	: center;
}

.retour {
	text-align	: right;
	font-style	: italic;
}

.clic-lien {
	margin-top	: 2em;
}

h1, h2, h3, h4, h5 {
	color		: #2c3637;/*#55686a#404e4f*/
}

h1 {
	font-size		: 150%;
	margin-bottom	: 1em;
}

h2 {
	font-size	: 125%;
	margin-bottom	: 1em;
}

h3 {
	font-size	: 110%;
	margin-bottom	: 1em;
}

sup {
	font-size	: 60%;
}

#container-page-de-garde {
	background	: url(images/accueil.jpg) /*Pour le choix de l'image de garde*/
}

#container {
    background  : url(images/elipse.png) no-repeat top left;
    margin      : 0 auto;
    width       : ;
	/*Le container, premiere subdivision de la page, contient donc l'ellipse.*/
    min-height  : 960px;
    height      : 960px;
    height      : auto !important;
	text-align	: justify;
	/*Répondre aux incompatibilités de la quasi-unanimité des navigateurs*/
}

#container-repeat {
    background      : url(images/10-px-1280.png) repeat-y top left;
}

#content a, #footer a {
	color			: black;
	text-decoration	: underline;
	font-weight		: bold;
}

#content a:hover, #footer a:hover {
	color		: #EC7100;
	font-weight	: bold;
}

#content a:visited {
	text-decoration	: normal;
	font-weight		: normal;
	color			: black;
}

#header {
    height      : 350px;
}
#h-titre {
    float       : left;
}
#h-auteur {
    float       : right;
}
#menu {
	float       : left;
    width       : 250px;
}
#menu ul {
    list-style-type : none;
    text-align      : center;
	font-weight		: bold;
}
#menu ul li a {
    color       	: #fff;
	/*Couleur blanche, = #ffffff*/
    display     	: block;
	/*Ce qui fait que l'element du menu se divise en blocks*/
    font        	: 18px;
	/*La taille de la police dans le menu. Pour pouvoir differencier 
	cette taille de celle d'autres conteneurs.*/
    padding     	: 9px 0;
    text-decoration	: none;
	outline			: none;
}

#menu ul li a:hover {
    color           : #EC7100;/*#2C3637*/
    text-decoration : none;	
}

.bordure {
    border-bottom	: 1px solid #fff;/* La bordure s'applique donc désormais au <span> et non plus au <li> */
    display			: block; /* Pour pouvoir mettre une largeur, il faut être en display:block;*/
    width			: 100px; /* La largeur souhaitée de la bordure */
    margin			: 0 auto; /* Le centrage horizontal du bloc (des margin latérales à "auto" sur un bloc ayant une largeur a pour effet de centrer le bloc) */
	line-height		: 0px;
}

#content {
    min-height		: 600px;
	color           : black;/*#2C3637*/
	/*Couleur de police*/
    font            : 18px;
    margin-left     : 200px;
    padding         : 0 40px 0 230px;
}

#content p {
    margin-top      : 1em;
	margin-bottom	: 1em;
	/*Sert à espacer ts les paragraphes d'une ligne*/
}

#footer {
    background      : url(images/footer-trans.png) no-repeat top left;
	/*L'image du footer colle a ce que le conteneur du dessus comporte*/
    color           : #fff;
    font-weight     : bold; 
	clear			: left;
	font-size		: 14px;
    height          : 25px;
    padding         : 35px 0 0 280px;
    text-align      : center;
}