#wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	z-index:1;
	overflow:auto;
}
.body {
	background-color: #FFFFFF;
	margin-top: 0;
}
#bg{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/acceuil_bg.jpg);
}
#intro {
	height:56px;
	width:425px;
	z-index:3;
	position:absolute;
	left: 327px;
	top: 488px;
}

a.gsn {
	display: block;
	position:relative;
	width: 145px;
	height: 88.5px;
	top: 475px;
	left: 110px;
	background: url("images/btn_gsn.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_gsn.png);
}
 a:hover.gsn {
    background-position: 0px -91.5px;
}

a.gsn_pin {
	display: block;
	position:relative;
	width: 111px;
	height: 111.5px;
	top: -10px;
	left: 350px;
	background: url("images/btn_gsn_pin.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_gsn_pin.png);
}
 a:hover.gsn_pin {
    background-position: 0px -116.5px;
}

#disclaimer {
	height:67px;
	width:426px;
	z-index:3;
	position:absolute;
	left: 327px;
	top: 688px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

#credits {
	height:67px;
	width:271px;
	z-index:3;
	position:absolute;
	left: 412px;
	top: 765px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

#credits_coordonnees {
	height:67px;
	width:271px;
	z-index:3;
	position:absolute;
	left: 863px;
	top: 765px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

#credits_liens {
	height:67px;
	width:271px;
	z-index:3;
	position:absolute;
	left: 408px;
	top: 791px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

a.mouvement:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	text-decoration:none;
}

a.mouvement:hover {
	color:#ee2c3c;
	text-decoration:none;
}

a.mouvement:visit {
	color:#666666;
	text-decoration:none;
}

a.francais {
	display: block;
	position:relative;
	width: 171px;
	height: 55.5px;
	top: 0px;
	left: 0px;
	background: url("images/btn_francais.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:4;
	background-image: url(images/btn_francais.png);
}
 a:hover.francais {
    background-position: 0px -55.5px;
}
a.english {
	display: block;
	position:relative;
	width: 172px;
	height: 48.5px;
	top: -55px;
	left: 255px;
	background: url("images/btn_english.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_english.png);
}
 a:hover.english {
    background-position: 0px -48.5px;
}

/*** PROJETS ***/

#bg_projets{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/projects_bg.jpg);
}
#menu {
	height:560px;
	width:270px;
	z-index:3;
	position:absolute;
	left: 42px;
	top: 210px;
}

a.gsn_projets {
	display: block;
	position:relative;
	width: 145px;
	height: 88.5px;
	top: 460px;
	left: 113px;
	background: url("images/btn_gsn.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_gsn.png);
}
 a:hover.gsn_projets {
    background-position: 0px -91.5px;
}

a.gsn_pin_projets {
	display: block;
	position:relative;
	width: 111px;
	height: 111.5px;
	top: -85px;
	left: 350px;
	background: url("images/btn_gsn_pin.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_gsn_pin.png);
}
 a:hover.gsn_pin_projets {
    background-position: 0px -116.5px;
}

a.english_projets {
	display: block;
	position:relative;
	width: 135px;
	height: 36px;
	top: 295px;
	left: 325px;
	background: url("images/btn_english_site.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:35;
	background-image: url(images/btn_english_site.png);
}
 a:hover.english_projets {
    background-position: 0px -39px;
}

a.accueil {
	display: block;
	position:relative;
	width: 171px;
	height: 56.5px;
	top: 0px;
	left: 0px;
	background: url("images/btn_accueil.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:4;
	background-image: url(images/btn_accueil.png);
}
 a:hover.accueil {
    background-position: 0px -56.5px;
}
a.projets {
	display: block;
	position:relative;
	width: 171px;
	height: 65px;
	top: -10px;
	left: 40px;
	background: url("images/btn_projets.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:5;
	background-image: url(images/btn_projets.png);
}
 a:hover.projets {
    background-position: 0px -65px;
}
a.archives {
	display: block;
	position:relative;
	width: 171px;
	height: 57px;
	top: -20px;
	left: -15px;
	background: url("images/btn_archives.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:6;
	background-image: url(images/btn_archives.png);
}
 a:hover.archives {
    background-position: -2px -58px;
}
a.liens {
	display: block;
	position:relative;
	width: 171px;
	height: 66px;
	top: -38px;
	left: 57px;
	background: url("images/btn_liens.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_liens.png);
}
 a:hover.liens {
    background-position: 0px -67px;
}
a.partenaires {
	display: block;
	position:relative;
	width: 250px;
	height: 66px;
	top: 193px;
	left: -15px;
	background: url("images/btn_partenaires.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_partenaires.png);
}
 a:hover.partenaires {
    background-position: 0px -64px;
}
a.coordonnees {
	display: block;
	position:relative;
	width: 244px;
	height: 66px;
	top: 174px;
	left: 27px;
	background: url("images/btn_coordonnees.png") 0 -66px no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_coordonnees.png);
}
 a:hover.coordonnees {
    background-position: -1px 0px;
}


/*** ARCHIVES ***/

#bg_archives {
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 768px;
	width: 1024px;
	background-image:url(images/archives_bg.jpg);
}
#archives {
	height:460px;
	width:204px;
	z-index:8;
	position:absolute;
	left: 576px;
	top: 302px;
}
a.archives_1 {
	display: block;
	position:relative;
	width: 163px;
	height: 49px;
	top: 0px;
	left: 0px;
	background: url("images/btn_2005.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:9;
	background-image: url(images/btn_2005.png);
}
 a:hover.archives_1 {
    background-position: 0px -53px;
}
a.archives_2 {
	display: block;
	position:relative;
	width: 172px;
	height: 74.5px;
	top: 260px;
	left: 33px;
	background: url("images/btn_2006.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/btn_2006.png);
}
 a:hover.archives_2 {
    background-position: 0px -75.5px;
}


/*** LIENS ***/

#bg_liens {
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 800px;
	width: 1044px;
	background-image:url(images/liens_bg.jpg);
}
#menu_liens {
	height:460px;
	width:250px;
	z-index:3;
	position:absolute;
	left: 42px;
	top: 210px;
}
a.accueil_liens {
	display: block;
	position:relative;
	width: 171px;
	height: 56.5px;
	top: 55px;
	left: 10px;
	background: url("images/btn_accueil.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:6;
	background-image: url(images/btn_accueil.png);
}
 a:hover.accueil_liens {
    background-position: 0px -56.5px;
}
a.projets_liens {
	display: block;
	position:relative;
	width: 171px;
	height: 65px;
	top: 55px;
	left: 75px;
	background: url("images/btn_projets.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:3;
	background-image: url(images/btn_projets.png);
}
 a:hover.projets_liens {
    background-position: 0px -65px;
}
a.archives_liens {
	display: block;
	position:relative;
	width: 171px;
	height: 57px;
	top: 50px;
	left: 45px;
	background: url("images/btn_archives.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:6;
	background-image: url(images/btn_archives.png);
}
 a:hover.archives_liens {
    background-position: -2px -58px;
}
a.liens_liens {
	display: block;
	position:relative;
	width: 171px;
	height: 66px;
	top: 40px;
	left: 57px;
	background: url("images/btn_liens.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_liens.png);
}
 a:hover.liens_liens {
    background-position: 0px -67px;
}
a.partenaires_liens {
	display: block;
	position:relative;
	width: 250px;
	height: 66px;
	top: 25px;
	left: 0px;
	background: url("images/btn_partenaires.png") 0 0 no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_partenaires.png);
}
 a:hover.partenaires_liens {
    background-position: 0px -64px;
}
a.coordonnees_liens {
	display: block;
	position:relative;
	width: 244px;
	height: 66px;
	top: 15px;
	left: 5px;
	background: url("images/btn_coordonnees.png") 0 -66px no-repeat;
	text-decoration: none;
	z-index:7;
	background-image: url(images/btn_coordonnees.png);
}
 a:hover.coordonnees_liens {
    background-position: -1px 0px;
}
#liens {
	height:295px;
	width:276px;
	z-index:8;
	position:absolute;
	left: 317px;
	top: 409px;
}
a.liens_gsn {
	display: block;
	position:relative;
	width: 237px;
	height: 26px;
	top: 0px;
	left: 15px;
	background: url("images/btn_liens_gsn.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:9;
	background-image: url(images/btn_liens_gsn.png);
}
 a:hover.liens_gsn {
    background-position: 0px -26px;
}
a.liens_imago {
	display: block;
	position:relative;
	width: 237px;
	height: 26px;
	top: 3px;
	left: 15px;
	background: url("images/btn_liens_imago.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/btn_liens_imago.png);
}
 a:hover.liens_imago {
    background-position: 0px -26px;
}
a.liens_struts {
	display: block;
	position:relative;
	width: 237px;
	height: 26px;
	top: 6px;
	left: 15px;
	background: url("images/btn_liens_struts.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:11;
	background-image: url(images/btn_liens_struts.png);
}
 a:hover.liens_third {
    background-position: 0px -26px;
}
a.liens_third {
	display: block;
	position:relative;
	width: 252px;
	height: 26px;
	top: 9px;
	left: 8px;
	background: url("images/btn_liens_third.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_third.png);
}
 a:hover.liens_struts {
    background-position: 0px -26px;
}
a.liens_connexion {
	display: block;
	position:relative;
	width: 252px;
	height: 26px;
	top: 12px;
	left: 8px;
	background: url("images/btn_liens_connexion.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_connexion.png);
}
 a:hover.liens_connexion {
    background-position: 0px -26px;
}
a.liens_aberdeen {
	display: block;
	position:relative;
	width: 314px;
	height: 26px;
	top: 15px;
	left: -18px;
	background: url("images/btn_liens_aberdeen.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_aberdeen.png);
}
 a:hover.liens_aberdeen {
    background-position: 0px -26px;
}
a.liens_saw {
	display: block;
	position:relative;
	width: 314px;
	height: 26px;
	top: 18px;
	left: -23px;
	background: url("images/btn_liens_saw.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_saw.png);
}
 a:hover.liens_saw {
    background-position: 0px -26px;
}
a.liens_aarca {
	display: block;
	position:relative;
	width: 314px;
	height: 26px;
	top: 21px;
	left: -23px;
	background: url("images/btn_liens_aarca.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_aarca.png);
}
 a:hover.liens_aarca {
    background-position: 0px -26px;
}
a.liens_agavf {
	display: block;
	position:relative;
	width: 314px;
	height: 26px;
	top: 24px;
	left: -23px;
	background: url("images/btn_liens_agavf.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_agavf.png);
}
 a:hover.liens_agavf {
    background-position: 0px -26px;
}
a.liens_udem {
	display: block;
	position:relative;
	width: 314px;
	height: 26px;
	top: 27px;
	left: -23px;
	background: url("images/btn_liens_udem.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_liens_udem.png);
}
 a:hover.liens_udem {
    background-position: 0px -26px;
}


/*** PARTENAIRES ***/

#bg_partenaires {
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 800px;
	width: 1044px;
	background-image:url(images/commanditaires_bg.jpg);
}
#menu_partenaires {
	height:460px;
	width:250px;
	z-index:3;
	position:absolute;
	left: 31px;
	top: 230px;
}


/*** COORDONNES ***/

#bg_coordonnees {
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
	position: relative;
	height: 800px;
	width: 1044px;
	background-image:url(images/contact_bg.jpg);
}
#menu_coordonnees {
	height:460px;
	width:250px;
	z-index:3;
	position:absolute;
	left: 116px;
	top: 338px;
}
a.contact_link {
	display: block;
	position:relative;
	width: 310px;
	height: 54.5px;
	top: 662px;
	left: 570px;
	background: url("images/btn_contact_link.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/btn_contact_link.png);
}
 a:hover.contact_link {
    background-position: 0px -56.5px;
}


/*** VIDEO ***/

#bosse_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_bosse_fr.png);
}
a.card_paul {
	display: block;
	position:relative;
	width: 77px;
	height: 44.5px;
	top: 12px;
	left: 12px;
	background: url("images/btn_card_bosse.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:10;
	background-image: url(images/btn_card_bosse.png);
}
 a:hover.card_paul {
    background-position: 0px -43.5px;
}
a.card_leger {
	display: block;
	position:relative;
	width: 75px;
	height: 44.5px;
	top: -32px;
	left: 90px;
	background: url("images/btn_card_leger.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:11;
	background-image: url(images/btn_card_leger.png);
}
 a:hover.card_leger {
    background-position: 0px -43.5px;
}
a.card_sable {
	display: block;
	position:relative;
	width: 76px;
	height: 44.5px;
	top: -76px;
	left: 165px;
	background: url("images/btn_card_sable.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:12;
	background-image: url(images/btn_card_sable.png);
}
 a:hover.card_sable {
    background-position: 0px -43.5px;
}
a.card_taupe {
	display: block;
	position:relative;
	width: 78px;
	height: 44.5px;
	top: -120px;
	left: 242px;
	background: url("images/btn_card_taupe.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:13;
	background-image: url(images/btn_card_taupe.png);
}
 a:hover.card_taupe {
    background-position: 0px -43.5px;
}
a.card_corps {
	display: block;
	position:relative;
	width: 78px;
	height: 44.5px;
	top: -165px;
	left: 320px;
	background: url("images/btn_card_corps.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:14;
	background-image: url(images/btn_card_corps.png);
}
 a:hover.card_corps {
    background-position: 0px -43.5px;
}
a.card_bouland {
	display: block;
	position:relative;
	width: 85px;
	height: 44.5px;
	top: -209px;
	left: 397px;
	background: url("images/btn_card_bouland.png") 0 0px no-repeat;
	text-decoration: none;
	z-index:15;
	background-image: url(images/btn_card_bouland.png);
}
 a:hover.card_bouland {
    background-position: 0px -43.5px;
}
#ingredients {
	z-index:16;
	position: absolute;
	height: 139px;
	width: 199px;
	left: 327px;
	top: 216px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#directives {
	z-index:17;
	position: absolute;
	height: 148px;
	width: 237px;
	left: 535px;
	top: 217px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#presentation {
	z-index:18;
	position: absolute;
	height: 134px;
	width: 450px;
	left: 320px;
	top: 374px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#video {
	z-index:18;
	position: relative;
	height: 350px;
	width: 800px;
	left: 215px;
	top: 175px;
	text-align:left;
}


/**** Mathieu Leger ***/

#leger_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_leger_fr.png);
}
#ingredients_leger {
	z-index:16;
	position: absolute;
	height: 139px;
	width: 199px;
	left: 327px;
	top: 211px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#directives_leger {
	z-index:17;
	position: absolute;
	height: 148px;
	width: 260px;
	left: 519px;
	top: 213px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
#presentation_leger {
	z-index:19;
	position: absolute;
	height: 96px;
	width: 440px;
	left: 332px;
	top: 375px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	overflow:scroll;
	padding-right: 5px;
	overflow-x: hidden;
}

/*** SABLE ***/

#sable_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_sable_fr.png);
}
#ingredients_sable {
	z-index:16;
	position: absolute;
	height: 139px;
	width: 199px;
	left: 327px;
	top: 211px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#directives_sable {
	z-index:17;
	position: absolute;
	height: 148px;
	width: 237px;
	left: 535px;
	top: 213px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#presentation_sable {
	z-index:19;
	position: absolute;
	height: 117px;
	width: 439px;
	left: 329px;
	top: 356px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	overflow:scroll;
	padding-right: 5px;
	overflow-x: hidden;
}

/*** TAUPE ***/

#taupe_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_taupe_fr.png);
}
#ingredients_taupe {
	z-index:16;
	position: absolute;
	height: 139px;
	width: 199px;
	left: 327px;
	top: 209px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#directives_taupe {
	z-index:17;
	position: absolute;
	height: 148px;
	width: 237px;
	left: 535px;
	top: 213px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#presentation_taupe {
	z-index:19;
	position: absolute;
	height: 175px;
	width: 445px;
	left: 328px;
	top: 294px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	overflow:scroll;
	padding-right: 5px;
	overflow-x: hidden;
}

/*** CORPS ***/

#corps_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_corps_fr.png);
}
#ingredients_corps {
	z-index:16;
	position: absolute;
	height: 139px;
	width: 199px;
	left: 327px;
	top: 216px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#directives_corps {
	z-index:17;
	position: absolute;
	height: 138px;
	width: 237px;
	left: 534px;
	top: 216px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	overflow:scroll;
	padding-right: 5px;
	padding-bottom: 3px;
	overflow-x: hidden;
}
#presentation_corps {
	z-index:19;
	position: absolute;
	height: 98px;
	width: 445px;
	left: 326px;
	top: 378px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	overflow:scroll;
	padding-right: 5px;
	overflow-x: hidden;
}

/*** BOULAND ***/

#bouland_fr {
	z-index:9;
	position: absolute;
	height: 393px;
	width: 488px;
	left: 304px;
	top: 105px;
	background-image:url(images/card_bouland_fr.png);
}
#ingredients_bouland {
	z-index:16;
	position: absolute;
	height: 88px;
	width: 199px;
	left: 327px;
	top: 212px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#directives_bouland {
	z-index:17;
	position: absolute;
	height: 86px;
	width: 237px;
	left: 535px;
	top: 212px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#presentation_bouland {
	z-index:19;
	position: absolute;
	height: 140px;
	width: 445px;
	left: 327px;
	top: 331px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	overflow:auto
}
a.web:link {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
a.web:visited {
	color: #000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.web:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #df223a;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
}