body {
background-color:#9c9b92;
font-family: "Courier New";
}

h1 {
font-size:2em;
}

h2 {
font-size:1.3em;
}

#elephant1 {
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
}

#bloc_menu {
position:relative;
width:846px;
height:492px;
margin-left:auto;
margin-right:auto;
font-size:1.2em;
font-weight:bold;
text-align:center;
color:white;
}

#elephant2 {
position:absolute;
width:317px;
height:161px;
top:0px;
left:264px;
}

#menu1 {
position:absolute;
width:192px;
height:130px;
top:210px;
left:0px;
border-radius:10px;
background-color:#ddce00;
}

#menu2 {
position:absolute;
width:192px;
height:130px;
top:210px;
left:218px;
border-radius:10px;
background-color:#ea5197;
}

#menu3 {
position:absolute;
width:192px;
height:130px;
top:210px;
left:436px;
border-radius:10px;
background-color:#67a1bd;
}

#menu4 {
position:absolute;
width:192px;
height:130px;
top:210px;
left:654px;
border-radius:10px;
background-color:#ff0000;
}

#menu5 {
position:absolute;
width:192px;
height:130px;
top:362px;
left:0px;
border-radius:10px;
background-color:#a4897a;
}

#menu6 {
position:absolute;
width:192px;
height:130px;
top:362px;
left:218px;
border-radius:10px;
background-color:#3b3b32;
}

#menu7 {
position:absolute;
width:192px;
height:130px;
top:362px;
left:436px;
border-radius:10px;
background-color:#1d70b7;
}

#menu8 {
position:absolute;
width:192px;
height:130px;
top:362px;
left:654px;
border-radius:10px;
background-color:#677F38;
}

.titre_menu1l {
margin-top:55px;
}

.titre_menu2l {
margin-top:40px;
}

.titre_menu3l {
margin-top:29px;
}

.titre_menu5l {
margin-top:20px;
}

.artiste {
font-size:0.8em;
}

a.titres:link {
	color:#FFF;
	text-decoration: none;
}

a.titres:visited {
	text-decoration: none;
	color:#FFF;
}

a.titres:hover {
	text-decoration: none;
	color:#FFF;
}

a.titres:active {
	text-decoration: none;
	color:#FFF;
}



.retour1, .retour2, .retour3, .retour4, .retour5, .retour6, .retour7, .retour8 {
position:absolute;
width:220px;
height:30px;
top:54px;
left:602px;
text-align:right;
/*background-color:red;*/	
}

a.retour1:link {
	color:#ddce00;
	text-decoration: none;
}

a.retour1:visited {
	text-decoration: none;
	color:#ddce00;
}

a.retour1:hover {
	text-decoration: none;
	color:#fff;
}

a.retour1:active {
	text-decoration: none;
	color:#fff;
}

#bloc_bio {
position:relative;
width:824px;
height:1200px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:green;*/
}


.titre_bio {
position:absolute;
width:180px;
height:30px;
top:25px;
left:0px;
color:#ddce00;
/*background-color:red;*/	
}


.texte_bio, .texte_citrons {
position:absolute;
width:824px;
top:90px;
left:0px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_famille {
position:absolute;
width:500px;
height:430px;
top:810px;
left:123px;
font-size:0.8em;
cursor:pointer;
}

#bloc_mecanimaux {
position:relative;
width:824px;
height:1380px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

.titre_mecanimaux {
position:absolute;
width:180px;
height:30px;
top:27px;
left:0px;
color:#ea5197;
/*background-color:red;*/	
}

a.retour2:link {
	color:#ea5197;
	text-decoration: none;
}

a.retour2:visited {
	text-decoration: none;
	color:#ea5197;
}

a.retour2:hover {
	text-decoration: none;
	color:#fff;
}

a.retour2:active {
	text-decoration: none;
	color:#fff;
}

#bloc_vignettes {
position:absolute;
width:824px;
height:600px;
top:96px;
/*background-color:red;*/
}

.vignette1 {
position:relative;
width:160px;
height:160px;
margin-top:6px;
float:left;
cursor:pointer;	
}

.vignette1bis {
position:relative;
width:160px;
height:160px;
margin-top:6px;
float:left;
margin-left:166px;
cursor:pointer;		
}

.vignette2bis {
position:relative;
width:160px;
height:160px;
margin-top:6px;
float:left;
margin-left:172px;
cursor:pointer;		
}

.vignette2ter {
position:relative;
width:160px;
height:160px;
margin-top:6px;
float:left;
margin-left:332px;
cursor:pointer;		
}

.trois_vignettes {
position:relative;
width:492px;
height:160px;
margin-top:0px;
float:left;
margin-left:166px;
cursor:pointer;
/*background-color:red;*/
}



.vignette2 {
position:relative;
width:160px;
height:160px;
margin-top:6px;
float:left;
margin-left:6px;
cursor:pointer;		
}

.vignette3 {
position:relative;
width:249px;
height:105px;
margin-top:6px;
float:left;
cursor:pointer;	
}

.texte_mecanimaux {
position:relative;
width:326px;
height:95px;
margin-top:6px;
padding-top:10px;
float:left;
margin-left:246px;
font-size:1.1em;
/*font-weight:bold;*/
text-align:center;
color:#fff;
/*background-color:red;*/	
}

#bloc_video {
position:relative;
width:824px;
height:230px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
cursor:pointer;
/*background-color:silver;*/
}

.bobine {
position:absolute;
width:45px;
height:38px;
top:0px;
left:0px;
background-image:url("../images/bobine.png");	
}

.titre_video {
position:absolute;
width:100px;
height:30px;
top:-17px;
left:50px;
color:#ea5197;
/*background-color:red;*/
}

.video1 {
position:absolute;
width:206px;
height:156px;
top:50px;
left:0px;
}

.video2 {
position:absolute;
width:206px;
height:156px;
top:50px;
left:206px;
}

.video3 {
position:absolute;
width:206px;
height:156px;
top:50px;
left:412px;
}

.video4 {
position:absolute;
width:206px;
height:156px;
top:50px;
left:618px;
}

#fenetre_video {
position:relative;
display:none;
z-index:10;
width:854px;
height:520px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border: solid 3px #3E5D1E;
background-color:#EDE7E1;
}

#close_videoB {
position:relative;
width:66px;
height:22px;
margin-left:416px;
margin-top:4px;
}

#complements_meca {
position:relative;
width:824px;
height:164px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}
	
#complements_meca2 {
position:relative;
width:824px;
height:70px;
margin-top:-14px;
margin-left:auto;
margin-right:auto;
/*background-color:red;*/
	}
	
#complements_meca3 {
position:relative;
width:824px;
height:100px;
margin-top:-14px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/	
	}
	

.texte_complement {
position:absolute;
list-style-position:outside;	
top:8px;
color:black;	
}

.couleur_item {
color:white;
}



.appliquer_gras {
font-weight:bold;
}

.appliquer_blanc {
color:#fff;
}

.appliquer_noir {
color:#000;
font-weight:bold;
}

#bloc_citrons1 {
position:relative;
width:824px;
height:400px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

#bloc_citrons2 {
position:relative;
width:824px;
height:1320px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

.titre_citrons {
position:absolute;
width:300px;
height:30px;
top:27px;
left:0px;
color:#ff0000;
/*background-color:green;*/
}

a.retour3:link, a.suite:link {
	text-decoration:none;
	color:#ff0000;
}

a.retour3:visited, a.suite:visited {
	text-decoration:none;
	color:#ff0000;
}

a.retour3:hover, a.suite:hover {
	text-decoration:none;
	color:#fff;
}

a.retour3:active, a.suite:active {
	text-decoration:none;
	color:#fff;
}

#bloc_vignettes2 {
position:absolute;
width:824px;
height:170px;
top:150px;
}

#photo_texte_citrons {
position:absolute;
width:540px;
height:405px;
top:480px;
left:142px;
cursor:pointer;
}

.texte_citrons2 {
position:absolute;
width:824px;
top:880px;
left:0px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_texte_citrons2 {
position:absolute;
width:600px;
height:184px;
top:1010px;
left:112px;
cursor:pointer;
}

.texte_citrons3 {
position:absolute;
width:824px;
top:1186px;
left:0px;
font-size:1.1em;
text-align:center;
color:#fff;
/*background-color:red;*/
}

.suite {
position:absolute;
width:220px;
height:30px;
top:1265px;
left:602px;
text-align:right;
font-size:1.1em;
font-weight:bold;
/*background-color:green;	*/
}

#bloc_objets {
position:relative;
width:824px;
height:850px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

.titre_objets {
position:absolute;
width:325px;
height:30px;
top:27px;
left:0px;
color:#7C4E35;
/*background-color:red;*/
}

#bloc_video2 {
position:absolute;
width:824px;
height:550px;
top:500px;
cursor:pointer;
/*background-color:silver;*/
}


a.retour4:link {
	color:#7C4E35;
	text-decoration: none;
}

a.retour4:visited {
	text-decoration: none;
	color:#7C4E35;
}

a.retour4:hover {
	text-decoration: none;
	color:#fff;
}

a.retour4:active {
	text-decoration: none;
	color:#fff;
}

#bloc_graphisme {
position:relative;
width:824px;
height:1050px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

.titre_graphisme {
position:absolute;
width:460px;
height:30px;
top:27px;
left:0px;
color:#1d70b7;
/*background-color:red;*/
}

a.retour5:link {
	color:#1d70b7;
	text-decoration: none;
}

a.retour5:visited {
	text-decoration: none;
	color:#1d70b7;
}

a.retour5:hover {
	text-decoration: none;
	color:#fff;
}

a.retour5:active {
	text-decoration: none;
	color:#fff;
}

.titre_viticulture {
position:absolute;
width:250px;
height:30px;
top:27px;
left:0px;
color:#567221;
/*background-color:red;*/
}

a.retour6:link, a.suite3:link {
	color:#567221;
	text-decoration: none;
}

a.retour6:visited, a.suite3:visited {
	text-decoration: none;
	color:#567221;
}

a.retour6:hover, a.suite3:hover {
	text-decoration: none;
	color:#fff;
}

a.retour6:active, a.suite3:active {
	text-decoration: none;
	color:#fff;
}

#bloc_viticulture1 {
position:relative;
width:824px;
height:2190px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

#bloc_viticulture2{
position:relative;
width:824px;
height:820px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

#becasse {
position:absolute;
width:100px;
height:127px;
top:666px;
left:362px;
}

#photo_texte_viticulture {
position:absolute;
width:210px;
height:189px;
top:140px;
left:307px;
}

#photo_texte_viticulture2 {
position:absolute;
width:824px;
height:457px;
left:-40px;
top:325px;
}

.texte_viticulture {
position:absolute;
width:824px;
top:820px;
left:0px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_texte_viticulture3 {
position:absolute;
width:402px;
height:267px;
top:1300px;
}

#photo_texte_viticulture4 {
position:absolute;
width:402px;
height:267px;
top:1300px;
left:422px;
}

#iris_baubiac {
position:absolute;
width:824px;
height:30px;
top:1556px;	
}

#photo_texte_viticulture5 {
position:absolute;
width:824px;
height:459px;
left:-40px;
top:1620px;
}

.suite3 {
position:absolute;
width:220px;
height:30px;
top:2155px;
left:602px;
text-align:right;
font-size:1.1em;
font-weight:bold;
}


.titre_fin_de_siecle {
position:absolute;
width:450px;
height:30px;
top:27px;
left:0px;
color:#8BBCD3;
/*background-color:red;*/
}

a.retour7:link, a.suite2:link {
	color:#8BBCD3;
	text-decoration: none;
}

a.retour7:visited, a.suite2:visited {
	text-decoration: none;
	color:#8BBCD3;
}

a.retour7:hover, a.suite2:hover {
	text-decoration: none;
	color:#fff;
}

a.retour7:active, a.suite2:active {
	text-decoration: none;
	color:#fff;
}

#bloc_fin_de_siecle {
position:relative;
width:824px;
height:3360px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
/*background-color:gold;*/
}

#texte_fin_de_siecle {
position:absolute;
width:824px;
top:120px;
left:0px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_texte_fin_de_siecle {
position:absolute;
width:824px;
height:419px;
top:325px;
cursor:pointer;
}

#texte_fin_de_siecle2 {
position:absolute;
width:824px;
top:745px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_texte_fin_de_siecle2 {
position:absolute;
width:206px;
height:262px;
left:-6px;
top:1100px;
cursor:pointer;
/*background-color:red;*/
}


#texte_fin_de_siecle3 {
position:absolute;
width:608px;
top:1087px;
left:206px;
padding-left:10px;
font-size:1.1em;
text-align:justify;
color:#fff;
/*background-color:red;*/
}

#photo_texte_fin_de_siecle3 {
position:absolute;
width:406px;
height:534px;
top:1375px;
}

#photo_texte_fin_de_siecle4 {
position:absolute;
width:406px;
height:534px;
top:1375px;
left:418px;
}

#fleche_prec {
position:absolute;
display:none;
width:37px;
height:32px;
top:1626px;	
left:-52px;	
background-image:url("../images/prevlabel.png");
cursor:pointer;	
}

#fleche_suite {
position:absolute;
width:37px;
height:32px;
top:1626px;	
left:840px;	
background-image:url("../images/nextlabel.png");
cursor:pointer;	
}

#legende_emboitage {
position:absolute;
width:824px;
height:70px;
top:1900px;
left:0px;
font-size:1.1em;
text-align:left;
color:#fff;
/*background-color:red;*/
}

#photo_monument {
position:absolute;
width:613px;
height:669px;
top:2020px;
left:66px;
font-size:1.1em;
}



#photo_catalogue1 {
position:absolute;
width:824px;
height:369px;
top:2785px;
}

#photo_catalogue2 {
position:absolute;
display:none;
width:405px;
height:369px;
top:2785px;
left:419px;
}

#fleche_prec2 {
position:absolute;
display:none;
width:37px;
height:32px;
top:2953px;	
left:-52px;	
background-image:url("../images/prevlabel.png");
cursor:pointer;	
}

#fleche_suite2 {
position:absolute;
width:37px;
height:32px;
top:2953px;	
left:840px;	
background-image:url("../images/nextlabel.png");
cursor:pointer;	
}

#legende_catalogue {
position:absolute;
width:824px;
height:70px;
top:3144px;
left:0px;
font-size:1.1em;
text-align:left;
color:#fff;
/*background-color:red;*/
}

.suite2 {
position:absolute;
width:220px;
height:30px;
top:3320px;
left:602px;
text-align:right;
font-size:1.4em;
font-weight:bold;
/*background-color:green;	*/
}



a.retour8:link {
	color:#3B3B32;
	text-decoration: none;
}

a.retour8:visited {
	text-decoration: none;
	color:#3B3B32;
}

a.retour8:hover {
	text-decoration: none;
	color:#fff;
}

a.retour8:active {
	text-decoration: none;
	color:#fff;
}

.titre_architecture {
position:absolute;
width:320px;
height:30px;
top:27px;
left:0px;
color:#3B3B32;
/*background-color:red;*/
}