/* specification des propriétés de la page */
body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:100%;
}

a:link {cursor: url(imgs/agneau.ani), url(http://www.viedestive.com/imgs/mouton_g1.gif), default;}
a:visited {cursor: url(imgs/agneau.ani), url(http://www.viedestive.com/imgs/mouton_g1.gif), default;}
a:active {cursor: url(imgs/agneau.ani), url(http://www.viedestive.com/imgs/mouton_g1.gif), default;}
a:hover {cursor: url(imgs/agneau.ani), url(http://www.viedestive.com/imgs/mouton_g1.gif), default;}

div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:120px;
	z-index: 10;
}

body>div#headerwrap {
	position:fixed;
}
div#header {
	height:120px;
	width:90%;
	margin:0 auto;
}

div#menuwrap {
	position:absolute;
	padding:120px 0 0 0;
	width:100%;
	top:0;
	left:0;
	height:22px;
	z-index: 10;
}

body>div#menuwrap {
	position:fixed;
}
div#menu {
	height:22px;
	width:90%;
	margin:0 auto;
}

div#middlewrap {
	padding:142px 0 80px 0;
	margin-right:0;
	margin-left:16px;
}

body>div#middlewrap {
	margin-left:0;
}

div#middle {
	width:90%;
	margin:0 auto;
	background: #E6F3E5;	
}

div#content {
	padding:0 7px;
	margin-right:200px;
	background: #FEE6D6;
}

div#sidebar {
	width:200px;
	float:right;
}

div#footerwrap {
	width:100%;
	position:absolute;
	bottom:13px;
	left:0;
	height:80px;
}

body>div#footerwrap {
	position:fixed;
}

div#footer {
	height:80px;
	width:90%;
	margin:0 auto;
}

/* -------------Mise en page général--------------- */
body,
html{
	font-size: 1.0em;
	font-family: "Trebuchet MS", Georgia, Verdana, serif;	
	color:#004000;
	background: #E6F3E5 url('../imgs/fonds_page.jpg') top left repeat fixed;	
}

div#header {
 	background: transparent url('../imgs/header_ie.jpg') no-repeat;
	color:#004000;
}

div#header h1 {
text-align: left;
padding-left: 210px;
}

div#menu {
 	background: #186E4F url('../imgs/fond_menu.jpg') no-repeat;
	color:#004000;
}

div#navi {
	text-align: right; /* aligné à droite */
	text-decoration: none;
	color: #004000;
	background-color: #186E4F;
	padding: 5px 10px 4px 0px;
	border-bottom: 1px solid #11A767;
}

div#navi ul {
	margin: 0 0 0 0; /* pas de bord inférieur */
	font-size:0.7em;
	font-weight: bold;
}

div#navi li { 
	display: inline; /* place li côte à côte */
	list-style-type: none; /* sans point d'énumération */
	margin: 0 0 0 0; /* pas de bord inférieur */
}

div#navi a
{
	color: #004000;
	text-decoration: none;
	background-color: #FB8B56;
	padding: 4px 3px 4px 3px;
	border: 1px inset #11A767;
}

div#navi a:active {
	background-color: #FB8B56;
}

div#navi a:hover, /* avec une virgule à la fin */
#page_ferme #navi01 a, /* avec une virgule à la fin */
#page_accueil #navi02 a, /* avec une virgule à la fin */
#page_produits #navi03 a, /* avec une virgule à la fin */
#page_trouver #navi04 a, /* avec virgule à la fin */
#page_estivets #navi05 a, /* avec virgule à la fin */
#page_vallee #navi06 a, /* avec virgule à la fin */
#page_contact #navi07 a /* sans virgule à la fin */
 { 
	text-decoration: none; /* soulignement désactivé */
	color: #FF6600;
	background-color: #FFE5D6;
	padding-bottom: 5px; /* un pixel de plus qu'en haut */
	border-bottom: none; /* ligne de cadre inférieur désactivée */
}

div#footer {
	background:#333;
	color:#eee;
}

div#sidebar {
	margin-top: 0.3em;
}

div#sidebar h2 {
	background: #F5FBF5 url('../imgs/fonds_right.jpg') top right no-repeat;
	font-size:1.2em;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 8px;		
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 176px;
	height: 25px;
	text-indent: 5px;
}

div#sidebar .droite {
margin: 0;
padding: 7px;
text-align: center;
}

div#scroll {
	background: #FEFAD9;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 8px;		
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 173px;	
	border-left: 2px solid #FB8B56;
	border-right: 1px solid #FB8B56;
	border-bottom: 1px solid #FB8B56;
}

div#video {
	width: 175px;
	background: #E5F3E5;	
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	z-index:0;
}

div#slide {
	width: 174px;	
	border: 1px solid #FB8B56;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

div#slide p {
	text-align: center;
	font-size:0.7em;
	line-height:1.2em;
	color: #004000;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

div#content {
	padding-bottom: 420px;	
	margin-left:0;
	font-size:0.8em;
	line-height:1.4em;
}

div#content h1 {
	font-size:1.2em;
	padding-top:0.3em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

div#content h2 {
	font-size:1.2em;
	padding-top:0.5em;
	padding-bottom:0;
	margin-top:0.3em;
	margin-bottom:0;
}

div#content p {
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	text-align: justify;
}

div#content .demicadre {
  margin: 0 auto;
	width: 45%;
}

div#content .droite {
margin: 0;
padding: 0;
text-align: right;
}

div#audio {
	float: right;
	width: 202px;
	margin: 0 0 0 0;
	padding-top: 0.65em;
	z-index:0;
}

h1,
h2 {
	padding:0;
	margin:0;
}

div#content li {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 7px;
	list-style-type: none; /* sans point d'énumération */
	background-image: url('../imgs/arrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
div#content ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -30px;
}

#col_right {
	float: right;
	width: 46%;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #004000;
	border-bottom: 1px solid #004000;
	color: #004000;
}

.right_col {
	float: right;
	width: 48%;
	height: 250px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #004000;
	border: 1px solid #004000;
	color: #004000;
}

#col_right_vallee {
	float: right;
	width: 46%;
	height: 100px;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #004000;
	color: #004000;
}

#col_right p {
	margin: 0;
}

#col_right h3 {
	font-size: 9pt;	
}

#col_right a {
	display: block;
	height: 12px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

#col_left {
	width: 49%;
	height: 210px;
	margin: 0 0 0 0;
	border-top: 1px solid #004000;
	border-bottom: 1px solid #004000;
	padding: 5px 5px 5px 5px;
	text-align: left;
	color: #004000;
}

.left_col {
	float: left;
	width: 48%;
	height: 250px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-top: 1px solid #004000;
	border: 1px solid #004000;
	padding: 5px 5px 5px 5px;
	color: #004000;
}

.centrer {
text-align: center;
}

#col_left_vallee {
	width: 49%;
	height: 100px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #004000;
	padding: 5px 5px 5px 5px;
	text-align: left;
	color: #004000;
}

#col_left p {
	margin: 0;
}

#col_left_estive p {
	margin: 0;
}

span.content a:link {font-family: Verdana,Arial,Helvetica; color: #008000; font-size: 12px; text-decoration: none; font-weight: bold;}
span.content a:visited {font-family: Verdana,Arial,Helvetica; color: #008000; font-size: 12px; text-decoration: none; font-weight: bold;}
span.content a:active {font-family: Verdana,Arial,Helvetica; color: #008000; font-size: 12px; text-decoration: none; font-weight: bold;}
span.content a:hover {font-family: Verdana,Arial,Helvetica; color: #008000; font-size: 12px; text-decoration: underline; font-weight: bold;}

div#footer {
 	background: transparent url('../imgs/pied_de_page.jpg') no-repeat;
}

div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div#footer p {
	padding-top: 12px;
	padding-left: 60px;
	text-align: center;
	font-size:84%;
	line-height:1.2em;
	font-weight: bold;
	color: #000000;
	letter-spacing: 2px;	
}

div.hr {
  height: 5px;
  background: transparent url(../imgs/barre_espace_s.jpg) no-repeat scroll center;
  margin-left: -8px;
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 0;
}

div.hr hr {
  display: none;
}

h1 {
	font-size:1.4em;
	text-align:left;
	padding-top:5px;
}
h2 {
}

h3 {
	color:#FF6600; 
	font-size:1.2em;
	text-align:center;
	padding-top:0.1em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

h4 {
	color:#FF6600; 
	font-size:1.3em;
	text-align:center;
	padding-top:0.1em;
	padding-bottom:0.5em;
	margin-top:0;
	margin-bottom:0;
}

pre {
	font-size:0.9em;
	line-height:1.4em;
}

.adwrap,
.adwrap iframe {
	width:300px;
	height:250px;
}
.adwrap {
	float:left;
	margin:1em 10px 0 0;
}

.image {
	padding: 0 0 0 0; /* ecart entre l'image et la bordure */
	margin-left: 1px;
	margin-top: 3px;
	margin-right: 1px; /* ecart entre la bordure et le texte */
	margin-bottom: 3px; /* ecart vers le bas */
	border: 1px solid #004000; /* la bordure */
}

.image_droite {
	float: right;
	padding: 0 0 0 0; /* ecart entre l'image et la bordure */
	margin-left: 7px;
	margin-top: 2px;
	margin-right: 3px; /* ecart entre la bordure et le texte */
	margin-bottom: 1px; /* ecart vers le bas */
	border: 1px solid #000000; /* la bordure */
}

.image_gauche {
	float: left;
	padding: 0 0 0 0; /* ecart entre l'image et la bordure */
	margin-left: 3px;
	margin-top: 2px;
	margin-right: 7px; /* ecart entre la bordure et le texte */
	margin-bottom: 1px; /* ecart vers le bas */
	border: 1px solid #000000; /* la bordure */
}

.image_header {
	float: right;
	padding: 0 0 0 0; /* ecart entre l'image et la bordure */
	margin-left: 0;
	margin-top:  -5px;
	margin-right: 0; /* ecart entre la bordure et le texte */
	margin-bottom: 0; /* ecart vers le bas */
	border: 0px solid #000000; /* la bordure */
}

.image_footer {
	float: right;
	padding: 0 0 0 0; /* ecart entre l'image et la bordure */
	margin-left: 0;
	margin-top:  -12px;
	margin-right: 0; /* ecart entre la bordure et le texte */
	margin-bottom: 0; /* ecart vers le bas */
	border: 0px solid #000000; /* la bordure */
}

.image_droite_decal {
	float: right;
	padding: 0 0 80px 0; /* ecart entre l'image et la bordure */
	margin-left: 2px;
	margin-top: -35px;
	margin-right: 2px; /* ecart entre la bordure et le texte */
	margin-bottom: 0; /* ecart vers le bas */
	border: 0px solid #000000; /* la bordure */
}

.image_liste {
	padding: 3px 3px 0 0; /* ecart entre l'image et la bordure */
	margin-left: 12px;
	margin-top: 2px;
	margin-right: 2px; /* ecart entre la bordure et le texte */
	margin-bottom: 0; /* ecart vers le bas */
}

.image_puce {
	padding: 3px 3px 0 0; /* ecart entre l'image et la bordure */
	margin-left: 12px;
	margin-top: 0;
	margin-right: 2px; /* ecart entre la bordure et le texte */
	margin-bottom: -5px; /* ecart vers le bas */
}

.image_puce_1 {
	padding: 3px 3px 0 0; /* ecart entre l'image et la bordure */
	margin-left: 12px;
	margin-top: 0;
	margin-right: 2px; /* ecart entre la bordure et le texte */
	margin-bottom: -2px; /* ecart vers le bas */
}

.plan {
	width: 481px; 
	height:200px;
 	background: transparent url('../imgs/plan.jpg') no-repeat;
 	margin-left:auto;
 	margin-right:auto;
	color:#004000;
}

.gras {
	font-weight: bold;
}

.mini {
	font-size: 0.8em;
}

.videos {
  z-index:0;
}

span.pied_de_page a:link {color: #000000; font-weight: bold; text-decoration: none;} 
span.pied_de_page a:active {color: #000000; font-weight: bold; text-decoration: none;} 
span.pied_de_page a:visited {color: #000000; font-weight: bold; text-decoration: none;} 
span.pied_de_page a:hover {color: #000000; font-weight: bold; text-decoration: none;}

/* ================================
	  formulaire
================================= */
SELECT {
	background-color: #F5FBF5;
	width: 200px; 
	}
TEXTAREA, INPUT {
	border: #666 1px solid; 
	background-color: #F5FBF5;
	color:#004000;
}
TEXTAREA {
	width: 250px; 
	height: 100px
}
INPUT {
	width: 300px; 
}
#pj {
	width: 350px;
} 
.formule {
	float: left; width: 20%; text-align: right;
}
#submit {
	border: 1px #008000 solid; cursor: pointer; padding: 1px; color: #ffffff; background-color: #186E4F; width: auto;
}
#submit:hover {
	border: 1px #FFFF00 solid; cursor: auto; padding: 1px; color: #FFFF00; background-color: #186E4F; width: auto;
}
.alerte {
	font-weight: bold; font-size: 14px;
}
.focus {
	background: #ff9;
}
/* ================================
	  fin	formulaire
================================= */

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 160px;
height: 120px;
border: 1px solid black;
padding: 5px;
background-color: #FFFFB3;
z-index: auto;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/* ================================
		balise photos
================================= */
#lightbox{
	background-color:#E6F3E5;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption {
	float: left;
	color: #004000;
}
#keyboardMsg { 
	float: right;
	color: #125038;	
}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ 
	background-color: #FB8B56;
    filter : alpha(opacity=50); 
    -moz-opacity : 0.5; 
    opacity : 0.5; 
	}



.bordure {
	border: 1px solid #000000; /* la bordure */
}

.bord_droit {
	float: right;
	border: 1px solid #000000; /* la bordure */
	margin: 0 0 0 0;
}

/* ================================
	  fin	balise photos
================================= */

/* ==============================
	  cadre coin arrondi vert
================================= */ 
#cadre_vert { /* taille du cadre, à titre d'exemple */
width: 45em;
background-color: #F5FBF5;
margin:0 auto;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../imgs/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../imgs/hautdroit.gif);
}
#basgauche {
background: url(../imgs/basgauche.gif);
}
#basdroit {
float: right;
background: url(../imgs/basdroit.gif);
}
#contenu p {
color: #004000;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

#contenu h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
#contenu h2 {
	font-size:1.2em;
	text-align:center;
	padding-top:0.3em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
/* ==============================
	  fin cadre coin arrondi vert
================================= */

/* ==============================
	  cadre coin arrondi jaune
================================= */ 
#cadre_jaune { /* taille du cadre, à titre d'exemple */
width: 45em;
background-color: #FFFCD5;
margin:0 auto;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche_j, #hautdroit_j, #basgauche_j, #basdroit_j {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche_j {
background: url(../imgs/hautgauche_j.gif);
}
#hautdroit_j {
float: right;
background: url(../imgs/hautdroit_j.gif);
}
#basgauche_j {
background: url(../imgs/basgauche_j.gif);
}
#basdroit_j {
float: right;
background: url(../imgs/basdroit_j.gif);
}
#contenu_j p {
color: #004000;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
#contenu_j h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px	
}
#contenu_j h2 {
	font-size:1.2em;
	text-align:center;
	text-decoration: underline;
	padding-top:0.5em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
/* ==============================
	  fin cadre coin arrondi jaune
================================= */

span.rencontre a:link {color: #FF6600; font-weight: bold; text-decoration: none;} 
span.rencontre a:active {color: #FF6600; font-weight: bold; text-decoration: none;} 
span.rencontre a:visited {color: #FF6600; font-weight: bold; text-decoration: none;} 
span.rencontre a:hover {color: #FF6600; font-weight: bold; text-decoration: none;}

#space {
clear: both;
height: 5px;
}

#pub {
margin: 0 auto;
padding: 7px;
width: 95%;
border: 1px solid #11A767;
background-color: #ffffff;
}

#pub .pub_titre {
font-size: 25px;
text-align: center;
padding-bottom: 10px;
}