html
{
 margin:0px;
 font-family:georgia, sans-serif;
 font-size:0.85em;

}

#page {
	width:780px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
	border:2px solid #fff;
	position:relative;
	background:white;
	
}

#centre 
{
position:relative;
width:760px;
margin:0 auto;

background-color:#ffffff;
overflow:hidden;
padding:5px;
z-index:1002;
}

#footer {
	width:780px;
	position:relative;
	padding:0;
	margin:0 auto;
	background-color:#cae4ff;
	font-size:0.8em;
	
	overflow:hidden;
	border:2px solid #fff;
}

/* *******MENU ********/



#menu
{
position:relative;
width:800px;
height:55px;
 z-index:2000;
background-color:#86bdf1;
}

#menuderoulant
{
 width: 780px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 4px;
 left: 10px;
 z-index:2000;
}
#menuderoulant li
{
 float: left;
 width:127px;
 margin: 0;
 padding: 0;
 border: 0;
}			

#menuderoulant .sousmenu, #menuderoulant .soussousmenu
{
display:none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background-color:white;
}
#menuderoulant .soussousmenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 155px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
background-color:blue;

}
#menuderoulant .sousmenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 155px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
background-color:white;

}

#menuderoulant li:hover > .sousmenu { display: block; }	
#menuderoulant li a:link, #menuderoulant li a:visited
{
 display: block;
 height: 1%;
 color: #000;
 background: #cae4ff;
 margin: 0;
 padding: 4px ;
 border: 1.5px solid #fff;
 text-decoration: none;
 text-align:center;

}
#menuderoulant li a:hover { background-color: #a3f1ff; }
#menuderoulant li a:active { background-color: #5F879D; }

#menuderoulant .sousmenu li a:link,
#menuderoulant .sousmenu li a:visited
{
 display: block;
 color: #000;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: #cae4ff ;

}

#menuderoulant .sousmenu li a:hover
{
 background-image: none;
 background-color: #a3f1ff;
 z-index:2003;
}


#icones 
{
	position:absolute;

	width:400px;
	height:55px;
	top:82px;
	right:-10px;
}



#icones li
{
	float:left;
	list-style:none;
	
}

#icone1 a
{
	display:block;
	background:url("menu-icones_01.png"/*tpa=http://www.egretier.com/images/menu-icones_01.png*/) left top no-repeat ;
	width:56px;
	height:55px;
	color:#fff;
}

#icone1 a:hover,#icone1 a:focus, #icone1 a:active
{
	background:url("menu-icones_01.png"/*tpa=http://www.egretier.com/images/menu-icones_01.png*/) right top no-repeat ;
	
}
#icone2 a
{
	display:block;
	background:url("menu-icones_02.png"/*tpa=http://www.egretier.com/images/menu-icones_02.png*/) left top no-repeat ;
	width:98px;
	height:55px;
	color:#fff;
}

#icone2 a:hover,#icone2 a:focus, #icone2 a:active
{
	background:url("menu-icones_02.png"/*tpa=http://www.egretier.com/images/menu-icones_02.png*/) right top no-repeat ;
	
}
#icone3 a
{
	display:block;
	background:url("menu-icones_03.png"/*tpa=http://www.egretier.com/images/menu-icones_03.png*/) left top no-repeat ;
	width:59px;
	height:55px;
	color:#fff;
}

#icone3 a:hover,#icone3 a:focus, #icone3 a:active
{
	background:url("menu-icones_03.png"/*tpa=http://www.egretier.com/images/menu-icones_03.png*/) right top no-repeat ;
	
}
#icone4 a
{
	display:block;
	background:url("menu-icones_04.png"/*tpa=http://www.egretier.com/images/menu-icones_04.png*/) left top no-repeat ;
	width:78px;
	height:55px;
	color:#fff;
}

#icone4 a:hover,#icone4 a:focus, #icone4 a:active
{
	background:url("menu-icones_04.png"/*tpa=http://www.egretier.com/images/menu-icones_04.png*/) right top no-repeat ;
	
}
#icone5 a
{
	display:block;
	background:url("menu-icones_05.png"/*tpa=http://www.egretier.com/images/menu-icones_05.png*/) left top no-repeat ;
	width:83px;
	height:55px;
	color:#fff;
}

#icone5 a:hover,#icone5 a:focus, #icone5 a:active
{
	background:url("menu-icones_05.png"/*tpa=http://www.egretier.com/images/menu-icones_05.png*/) right top no-repeat ;
	
}



#salons .centrer
{
width:90%;
overflow:auto;
margin:0 auto;

text-align:center;
}


#vinicoleTitre
{
background-color:#cae4ff;
margin-top:0;
margin-bottom:0;
padding:20px;
}

.encadrement
{
border:1px solid #3ba6ec;
width:250px;
text-align:center;
background:#c4e4f8;
position:relative;
}

.bordureEncadrement
{
border:5px solid #cae4ff;
background-color:white;
margin-bottom:10px;
margin-top:20px;
padding:20px;
}

.bordureEncadrement p
{
letter-spacing:6px;
}


#pompe
{
position:relative;
top:-290px;
left:350px;
}
#melangeur
{
position:relative;
top:5px;
left:93px;
}
#laureatcfia
{
position:relative;
top:-300px;
left:350px;
}

.justifie
{
text-align:justify;
padding-left:20px;
padding-right:20px;
font-size:1.1em;
}

.centrer table
{
width:90%;
margin:0 auto;
text-align:center;
}

.images
{

border:5px solid #c4e4f8;
margin-right:15px;

}
.preambule
{

margin:5px;

text-align:justify;

}

.preambule img
{

padding:9px;

}
.bordurePreambule
{

border:5px solid #c4e4f8;
margin-bottom:10px;
overflow:hidden;
background:white;
}

.bordurePreambuleAgro
{

border:5px solid #c4e4f8;
margin-bottom:10px;
overflow:hidden;
line-height:25px;
background:white;
}

.bordurePreambuleAgro p
{

padding-top:40px;
}
.bordurePreambuleAgro img
{

padding:15px;
}
#rss 
{
position:absolute;
left:300px;
text-align:center;
}
#traduc {
position:relative;
}

#drap {
position:absolute; right:0px; padding-top:2px
}

#drap span {
float:right; 

}

/* *******MENU horizontal********/

.menuHorizontal
{
margin-left:5px;
float:left;
list-style:none;
margin-left:5px;
float:left;

}

.menuHorizontal a:hover
{
text-decoration:none;
}

/* *******FIN MENU horizontal********/



/* *******image AGRO ********/
#imgagro
{
 background-image:url("fruits.jpg"/*tpa=http://www.egretier.com/images/alimentaire/fruits.jpg*/);

}
#imgagro:hover
{
 background-image:url("fruits1.jpg"/*tpa=http://www.egretier.com/images/alimentaire/fruits1.jpg*/);

}
/* *******FIN image AGRO ********/







#pub 
{
padding:10px;
}

 #viti, #vini, #agro 
{
width:200px;
float:left;
padding:10px;
text-align:center;
color:#9bb6ff;
font-weight:bold;
}

#salons
{
text-align:center;
margin:0;
}
#transf1
{
display:block;
width:280px;
height:280px;
position:absolute;
top:220px;
right:180px;
text-decoration:none;

}

#transf2
{
display:block;
width:250px;
height:200px;
position:absolute;
top:580px;
right:200px;
text-decoration:none;

}
.bordure
{
border:5px solid #c4e4f8;
background-color:white;
margin-bottom:10px;
}
.bleu 
{
 background-color:#9bb6ff;
}
.rouge 
{
 color:#d53132;
 font-weight:bold;
}
.paspuce
{
list-style:none;
}
.grand 
{
 font-size:1.5em;

}
.petit 
{
 font-size:1em;

}
.centrerHorizontal50
{
width:50%;
margin:0 auto;

}
.centrerHorizontal60
{
width:60%;
margin:0 auto;

}
.centrerHorizontal90
{
width:90%;
margin:0 auto;

}
.center
{
text-align:center;
}

.blanc
{
color:white;
}
.pasdebordure img
{
border:0;
}

.souligne
{
text-decoration:underline;
}

.arriereplan
{
background-color:grey;
}


.gauche 
{
float:left;
}

.droite 
{
float:right;
}
.clear
{
clear:both;
}

.vingtcinq
{
width:25%;
}

.soixantequinze
{
width:71%;

margin-right:10px;

overflow:hidden;
}

.soustitre
{

padding-top:10px;
padding-bottom:10px;
margin:0;
background-color:#cae4ff;

}

.centrer h2 
{
font-size:1.2em;
padding:20px;
margin-right:10px;
}

hr { 
 height:1px;
 color:#3399FF;
 background-color:#3399FF;
}
h1 {


 text-align:center;
 color:#0066FF;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url("blue_arrow.png"/*tpa=http://www.egretier.com/images/blue_arrow.png*/) no-repeat;
	font-size:12px;
	width:200px;
	height:67px;
	padding:20px;
	color:#000;	
	Z-INDEX:2000;

}




.vuedessus {
background: url("cercle.png"/*tpa=http://www.egretier.com/images/clef%20360/cercle.png*/) no-repeat;
position:relative;
}
#vue3d {text-decoration:none;color:white;position:relative;}
#vue3d a {text-decoration:none;color:white;}
#vue0 {width:60px;height:60px;position:absolute;top:-250px;left:180px;}
#vue300 {display:block;width:60px;height:60px;position:absolute;top:-150px;left:360px;}
#vue240 {display:block;width:60px;height:60px;position:absolute;top:90px;left:360px;}
#vue180 {display:block;width:60px;height:60px;position:absolute;top:180px;left:180px;}
#vue120 {display:block;width:60px;height:60px;position:absolute;top:80px;left:0px;}
#vue60 {display:block;width:60px;height:60px;position:absolute;top:-150px;left:0px;}


#dhtmltooltip {
 position: absolute;
 width: 150px;
 font-family:georgia;
 font-size:15px;
 padding: 2px;
 visibility: hidden;
 z-index: 2000;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 background-color:#FFFFDD;
}