/* CSS Document */
.container {
	position:relative;
	background-image:url(../jpg/fondpage.jpg);
	margin:0 auto;
	top:0px;
	width: 1000px;
	height: 626px;
}

 a:link { 
text-decoration:none; 
color:#000000; 
}
a:visited {
 text-decoration:none; 
 color:#000000; 
 }
a:hover { 
text-decoration:none; 
color:red; 
}
a:active { 
text-decoration:none; 
color:red; 
}

a.type1:link { 
text-decoration:none; 
color:#000000; 
}
a.type1:visited {
 text-decoration:none; 
 color:#000000; 
 }
a.type1:hover { 
text-decoration:none; 
color:red; 
}
a.type1:active { 
text-decoration:none; 
color:red; 
}

a.type2:link { 
text-decoration:none; 
color:#FFCC00; 
}
a.type2:visited {
 text-decoration:none; 
 color:#FFCC00; 
 }
a.type2:hover { 
text-decoration:none; 
color:#BC9C6D; 
}
a.type2:active { 
text-decoration:none; 
color:#BC9C6D; 
}

a.type3:link { 
text-decoration:none; 
color:red; 
}
a.type3:visited {
 text-decoration:none; 
 color:red; 
 }
a.type3:hover { 
text-decoration:none; 
color:#000000; 
}
a.type3:active { 
text-decoration:none; 
color:#000000; 
}

a.type4:link { 
text-decoration:none; 
color:white; 
}
a.type4:visited {
 text-decoration:none; 
 color:white; 
 }
a.type4:hover { 
text-decoration:none; 
color:red; 
}
a.type4:active { 
text-decoration:none; 
color:red; 
}

a.type5:link { 
text-decoration:none; 
color:white; 
}
a.type5:visited {
 text-decoration:none; 
 color:white; 
 }
a.type5:hover { 
text-decoration:none; 
color:white; 
}
a.type5:active { 
text-decoration:none; 
color:white; 
}


.blink{ 
   text-decoration:blink; 
   color:red; 
   font: bold 10px Tahoma;
   FONT-FAMILY: Tahoma, Verdana, Arial;
}
H1 {color : #fff;
   font-size : 10pt;
   font-family : "Trebuchet MS", verdana, arial, sans-serif;
   font-weight: bolder;
   background-color: #57666b;
   text-align : left;
   padding: 0.2em 0.5em 0.3em 0.2em;
   margin : 0;
}

H2 { color: black; 
		font-size: 7.5pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
   margin: 0;
   padding: 0.2em 0.3em 0.2em 0.7em;
 }
 
H3 { color: black; 
		font-size: 8pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: justify;
  line-height: normal;
  padding: 0em 0.5em 0em 0.5em;
  margin: 0;
 } 


 
 H4 { color: black; 
		font-size: 7.5pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  background:#ACC0CB;
   margin: 0;
   padding: 0.2em 0.3em 0.2em 0.7em;
 }
 

 H5 { color: black; 
		font-size: 7pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  text-decoration:none;
   margin: 0;
  padding: 0.5em;
 }


 

H6 { color: black; 
		font-size: 6.5pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
   margin: 0;
   padding: 0.5em;
 }


DIV.langue{
	top: 30px;
	width: 110px;
	height: 16px; 
	color: #ffffff;
	font: bold 10px Tahoma;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	text-align: center;
	background-color: #333333;
	TEXT-DECORATION: none;
}

  div#gauche{ 
    position: relative;
 	height: 580px;
	text-align:left;
	top:0px;
	left:0px;
} 
 
div#haut{ 
	position: absolute;
	width: 840px;
	height: 139px;
	top:0px;
	left:160px;
} 

   div#topmenu{ 
    position: relative;
	width: 532px;
	height: 50px;
	top:0px;
	left:0px;  
	font: bold 10px Tahoma;
	color: #D0B99A;
	TEXT-DECORATION: none;
	text-align:justify;
	background-repeat: no-repeat;
	z-index: 30;
	overflow: visible;
}

   div#menu{ 
    position: absolute;
	width: 840px;
	height: 25px;
	top:140px;
	left:160px; 
	text-align: left;
	background-color: #ACC0CB;
	z-index: 30;
	overflow: visible;
}

 div#page{ 
 	position: absolute; 
	width: 840px;
 	height: 415px;
	top:166px;
	left: 160px;
	text-align: left;
	overflow: auto;
} 

 div#page_p{ 
 	position: relative; 
	width: 840px;
 	height: 441px;
	top:auto;
	left: 160px;
	background-repeat: no-repeat;
	background-color: #FFF9E9;
	overflow: auto;
} 

 div#bas{ 
 	position: relative;
	width: 1000px;
 	height: 46px;
	top:0px;
	left:0px; 
	text-align:center; 
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 0px;	
	height: 100%;
	width: auto;
}

.infobulle{
  position: absolute;
  z-index: 1000;
  left: -1000px;
  top: -1000px;
  color: #FFFFFF; 
  width: 250px;
  visibility : hidden;
  border: 1px solid #B1DBF3;
  padding: 10px;
  font-family: Trebuchet MS;
  text-align: justify;
  font-size: 9px;
  background-color: #F7EBDB;
  fade: 1000;
}


.vignette{
	width: 350px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #F7EBDB;
}

.vignette1{
	width: 250px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #f2d8c7;
}
.vignette2{
	width: 200px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #fff9e9;
}
.vignette3{
	width: 450px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #e5e6e1;
}
.vignette4{
	width: 300px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #fcf0e2;
}
.vignette5{
	width: 150px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #e5e6e1;
}
.vignette6{
	width: 750px;	
	border: 1px solid Black;
	margin: 10px;
	padding: 10px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 6.5pt;
	text-align:justify;
	background-color: #e5e6e1;
}

.primeur:link { 
	text-decoration:none; 
	color:black; 
	width: 840px;
	font-size: 8pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: justify;
  line-height: normal;
  padding: 0em 0.5em 0em 0.5em;
  margin: 0;
 }
 .primeur:hover { 
	text-decoration:none; 
	color:red; 
	width: 840px;
	font-size: 8pt;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: justify;
  line-height: normal;
  padding: 0em 0.5em 0em 0.5em;
  margin: 0;
 }