/*
     FILE ARCHIVED ON 4:02:39 Sep 19, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 6:46:36 Oct 22, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

/* couleur de l'arriere plan */

body
{
	position : relative;
	background-color: #003300;
	margin-left: auto;
	margin-right: auto;
	font-family: "times new roman",serif;
	text-align :center;
}

/* classe pour tout faire en fonction de la taille de l'ecran*/

.racine
{
	position : relative;
	margin-left: auto;
   margin-right: auto;
	height : 600px;
	width : 775px;
}

/* classes permettant de dessiner le bandeau de la page*/
.bandeau
{
	position : relative;
	/*text-align: center;*/
	/*left : 30%;*/
	width : 35%;
	height : auto;
	/*left : 30%;
	right : 20%;*/
	color: #660000;
	background-color: #FFCC88;
	border-color: #660000 ;
	border-width: thick;
	border-style: solid ;
	/*line-height : 1em;*/
	margin-top : 1%;
	margin-bottom : 1%;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	/*display : inline;*/
}

/*.bandeau p
{
	position: static;
	font-size : 0.1em;
}*/

.bandeau esp
{
	position : static;
	height : 3em;
}

.bandeau .l2 /* La */
{
	position : absolute;
	font-size : 3em;
	left : 42%;
	top : 5%;
	width : auto;
	background : none;
	margin : 0;
	padding : 0;
}

.bandeau .l1 /* Ferme */
{
	position : static;
	font-size : 4em;
	/*top : 41%;
	margin : 0px;
margin-bottom:0px ;
	
		padding : 0px;
		line-height : 0px;*/
}

.bandeau .l1 b /* agrandissement du F*/
{
/*	position : relative;*/
	font-size : 1.2em;
	margin-bottom : 0em;
	margin : 0px;

}


.bandeau .l3 /* à croutet*/
{
	position : static;
	background-color: #660000;
	font-size : 3em;
	color : #FFCC88;
	text-align: right;
	/*top : 28%;
	margin : 0px;
	

	font-size : 3em;
	padding : 0px;	*/
}

.centre
{
	position : relative;
	width : 60%;
	height : auto;
	margin-left : auto;
	margin-right : auto;
}


/* positionnement de l'image central de la page d'accueil*/
.accueil
{
	text-align : center;
	/*width :40%;*/
	margin-top : 1em;
	margin-bottom : 1em;
	padding : 0px;
}

.accueil img
{
	width : 40%;
}


/* positionnement des boutons de la page d'accueil*/
.fa 
{
	position : static;
	/*top : 0;*/
	text-align : center;
	margin : 0px;
}


.prod
{
	position : absolute;
	top : 30%;
	right : 72%;
}

.contact
{
	position : static;
	/*top : 40%;*/
	text-align : center;
}

.actu
{
	position : absolute;
	/*text-align : right;*/
	top : 30%;
	left : 72%;
	/*width : 20%;*/
}

/*.fa img
{
	width : 25%;
}

.actu img
{
	width : 20%;
}
*/
.exp
{
	position : absolute;
	/*text-align : left;*/
	bottom: 28%;
	right : 72%;
}

.photos
{
	position : absolute;
	/*text-align : right;*/
	bottom : 28%;
	left : 72%;
	/*width : 20%;*/
}


/* enleve les decoration pour lignes déja visitée ... pour les boutons */

.fa a
{
	color : #660000;	
}

.photos a
{
	color : #660000;	
}

.prod a
{
	color : #660000;
}

.actu a
{
	color : #660000;	
}

.exp a
{
	color : #660000;
}

.contact a
{
	color : #660000;	
}

.fa a:hover
{
	color : #FFCC88;
}

.fa a:visited
{
	text-decoration : none;
}

.fa a:link
{
	text-decoration : none;
}

.prod a:hover
{
	color : #FFCC88;
}

.prod a:visited
{
	text-decoration : none;
}

.prod a:link
{
	text-decoration : none;
}

.actu a:hover
{
	color : #FFCC88;
	
}

.actu a:visited
{
	text-decoration : none;
}

.actu a:link
{
	text-decoration : none;
}

.exp a:hover
{
	color : #FFCC88;
	
}

.exp a:visited
{
	text-decoration : none;
}

.exp a:link
{
	text-decoration : none;
}

.contact a:hover
{
	color : #FFCC88;
	
}

.contact a:visited
{
	text-decoration : none;
}

.contact a:link
{
	text-decoration : none;
}

.photos a:hover
{
	color : #FFCC88;
}

.photos a:visited
{
	text-decoration : none;
}

.photos a:link
{
	text-decoration : none;
}

.images
{
	position : absolute;
	width : 12%;
	top : 5%;
	right : 0;
	margin : 1%;
}

.images img
{
	border : none;
	width : 100%;
}

.images2
{
	position : absolute;
	width : 12%;
	top : 5%;
	left : 0;
	margin-left : 1%;
}

.images2 img
{
	border : none;
	width : 100%;
	margin-top : auto;
}

.logo
{
	position : static;
	text-align : right;
}

.logo a:link
{
	text-decoration : none;
}

.logo a:visited
{
	text-decoration : none;
}

.logo img
{
	border : none;
}

.gout
{
	position : absolute;
	width : 100%;
	top : 85%;
	left : 15%;
	background : none;
	color : #FFCC88;
	margin : 0px;
	padding : 0px;
}

.gout .l1
{
	position : absolute;
	left : 1.1em;
	top : 0;
	font-size : 4em;
	
}

.gout .l2
{
	position : static;
	text-align : left;
	font-size : 6em;
	margin : 0;
	padding : 0;
	border : none;

}

.gout .l3
{
	position : absolute;
	top : 1.4em;
	left : -0.2em;
	width : 100%;
	text-align : left;
	font-size : 4em;
	margin : 0;
	padding : 0;
	border : none;
}