html {
margin: 0;
padding: 0;
border: 0 none;
}
object:focus, a:focus {
outline-style: none;
}
a:link {
font-size: 15px;
font-weight: 500;
font-style: normal;
color: #fff;
text-decoration: none;
}
a:visited {
font-size: 15px;
font-weight: 500;
font-style: normal;
color: #fff;
text-decoration: none;
}
a:hover {
font-size: 15px;
font-weight: 500;
font-style: normal;
color: #ffd700;
text-decoration: none;
}
a.a1:link {
font-size: 14px;
font-weight: 500;
font-style: normal;
color: #ffd700;
text-decoration: underline;
}
a.a1:visited {
color: #ffd700;
text-decoration: underline;
}
a.a1:hover {
color: #fff;
text-decoration: underline;
}
a.a2:link {
font-size: 14px;
font-weight: 500;
font-style: normal;
color: #354c1e;
text-decoration: underline;
}
a.a2:visited {
color: #354c1e;
text-decoration: underline;
}
a.a2:active {
color: #387ddc;
text-decoration: underline;
}
a.a2:hover {
color: #fff;
text-decoration: underline;
}
a.a3:link {
font-size: 22px;
font-weight: 500;
font-style: normal;
color: #ffd700;
text-decoration: underline;
}
a.a3:visited {
color: #ffd700;
text-decoration: underline;
}
a.a3:active {
color: #ffd700;
text-decoration: underline;
}
a.a3:hover {
color: #354c1e;
text-decoration: underline;
}
a.a4:link {
font-size: 10px;
font-weight: 500;
font-style: normal;
color: rgba(124,154,68,0.6);
text-decoration: none;
}
a.a4:visited {
color: rgba(124,154,68,0.6);
text-decoration: none;
}
a.a4:active {
color: rgba(124,154,68,0.6);
text-decoration: none;
}
a.a4:hover {
color: #354c1e;
text-decoration: underline;
}
a.a5:link {
font-size: 14px;
font-weight: 500;
font-style: normal;
color: transparent;
text-decoration: none;
}
a.a5:visited {
color: transparent;
text-decoration: none;
}
a.a5:active {
color: transparent;
text-decoration: none;
}
a.a5:hover {
color: #354c1e;
text-decoration: underline;
}
.a6:link {
display: block;
margin: auto;
padding : 6px;
width:180px;
line-height: 22px; 
border: 1px solid #fff;
font: bold 15px Verdana;
color: #fff;
text-decoration: none;
}
.a6:visited {
font: bold 15px Verdana;
color: #fff;
border: 1px solid #fff;
}
.a6:hover {
font: bold 15px Verdana;
color: #ffd700;
border: 1px solid #ffd700;
}
blockquote {
font-size: 15px;
}
body {
margin: 0;
background: rgba(124,154,68,0.6);
font-family: verdana, arial, helvetica, san-serif;
}
body.bo1 {
margin: 15px 0;
background-color: #7c9a44;
font-size: 15px;
font-weight: 500;
font-style: normal;
font-family: verdana, arial, helvetica, san-serif;
}
body.bodymap {
background: #000;
}
div#global {
position: relative;
width: 996px;  
left: 50%;
margin: 10px 0 10px -499px;
padding: 12px;
min-height: 930px;
font-size: 15px;
font-weight: 500;
font-style: normal;
font-family: verdana, arial, helvetica, san-serif;
background-color: #7C9a44;
border: 1px solid #fff;
}
div#footer {
width: 100%;
font-size: 14px;
text-align: center;
}
div#footer div {
margin: 0 0 8px 0;
font-size: 14px;
color: #fff;
font-weight: 500;
font-style: normal;
background-color: #354c1e;
}
div#frame {
width: 95%;
min-height: 1px;
padding: 10px;
margin: 0;
background-color: #7c9a44;
//background-color: transparent;
border: none;
overflow: hidden;
color: white;
font-size: 12px;  
}
textarea {
margin:16px 0 10px 0;
padding: 10px;
background-color:  #354c1e;
width: 98%; 
font-size: 16px;
font-weight: 500;
font-style: normal;
font-family: verdana, arial, helvetica, san-serif;
color: #fff;
border: 1px solid white;
resize: none;
}
textarea:hover {
border: 1px solid #ffd700;
}
textarea::placeholder {
color: #ffd700;
opacity: 0.6;
}
#contact_form {
margin: 22px 0 0 0;
width: 96%;
height: 650px;
background-color: #7c9a44;
border: 1px solid #fff;
overflow: hidden;
}
.submenu {
width: 100%;
padding-top: 0;
text-align: center;
color: #354c1e;
font-size: 16px;
font-weight: 600;
font-style: normal;
}
.edito {
color: #fff;
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
}
.encart {
padding: 6px;
width: 650px;
color: #fff;
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
text-align: center;
border: 1px solid #fff;
}
h2 {
margin: 10px 0;
color: #354c1e;
font-size: 20px;
font-weight: 600;
font-style: normal;
}
h3 {
margin: 0 0 10px 0;
color: #354c1e;
font-size: 17px;
font-weight: 600;
font-style: normal;
}
h4 {
margin: 0 0 10px 0;
color: #354c1e;
font-size: 16px;
font-weight: 600;
font-style: normal;
}
h5 {
margin: 10px 0;
color: #354c1e;
font-size: 22px;
font-weight: 600;
font-style: normal;
display:none;
}
.hr-1 {
margin: 0 0 0 10px;
background-image: url(../pics/trait.jpg);
background-repeat: repeat-x;
background-position: center;
}
.hr-2 {
margin: 0 10px 0 10px;
background-image: url(../pics/trait.jpg);
background-repeat:repeat-x;
background-position: center;
}
.hr-3{
margin: 0;
background-image: url(../pics/trait.jpg);
background-repeat: repeat-x;
background-position: center;
}
img {
border-color: #354c1e;
}
.attention {
margin: 0 10px -3px 0;
width: 25px;
height: 25px;
border: none;
}
input {
font-family: verdana, arial, helvetica, san-serif;
font-style: normal;
font-size: 15px;                    
font-weight: bold;
color: #354c1e;
background-color: #7f9b46;
}
input[type=submit], input[type=reset] {
	background-color: transparent;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
	margin: 6px 0 0 20px;
	padding: 0.5em;
    border: 1px solid white;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}
input[type=submit]:hover, input[type=reset]:hover {
color: #ffd700;
border: 1px solid #ffd700;
}
input::placeholder {
color: #ffd700;
opacity: 0.6;
}
.spinner {
width: 60px;
height: auto;
margin: -10px 0 0 0;
float: right;
display: none;
}
input.button,input.button_ami {
margin: 12px 0 0 0;
padding: 6px;
color: white;
border: 1px solid white;
cursor: pointer;
}
input.button:hover,input.button_ami:hover {
color: #ffd700;
border: 1px solid #ffd700;
}
button#btn {
padding: 3px;
margin-top: 4px;
background: transparent;
color: #fff;
border: 1px solid white;
border-radius: 4px;
cursor: pointer;
display: none;
}
button#btn:hover {
background: transparent;
color: #ffd700;
border: 1px solid #ffd700;
border-radius: 4px;
}
.bouton {
margin:12px 0 28px; 0;
cursor: pointer;
}
.bouton a {
padding: 6px;
color: white;
font-size: 15px;
font-weight: bold;
border: 1px solid white;
cursor: pointer;
}
.bouton a:hover {
color: #ffd700;
border: 1px solid #ffd700;
}
input.in1 {
width: 99%;
padding: 5px;
font-size: 17px;
font-weight: 500;
color: #fff;
background-color: #354c1e;
border: 1px solid #fff;
}
input.in1:hover {
border: 1px solid #ffd700;
}
.menufont {
font-size: 10pt;
font-family: verdana, arial, helvetica, san-serif;
color: #fff;
text-decoration: none;
}
.spacer {
padding: 0;
width: 994px;
height: 12px;
background-image: url(../pics/transpar.gif);
background-repeat: no-repeat;
background: transparent;
}
table.ta0 {
width: 984px;
margin: 0 auto;
border: none;
}
table.ta1 {
width: 958px;
padding: 12px;
background-color: #354c1e;
border: 1px solid #fff;
}
table.ta2 {
border: 1px solid #fff;
}
table.ta3 td {
padding: 0 10px;
}
table.ta4 td {
padding: 0 10px;
}

td.td0 {
padding: 5px;
color: #354c1e;
font-size: 16px;
font-weight: 500;
font-style: normal;
}
#menu_gauche {
width: 105px;
height: 102px;
text-align: center;
}
#menu_gauche img {
margin-right:12px;
width: 93px;
height: 102px;
border: none;
}
td.td1 {
font-size: 16px;
font-weight: 500;
font-style: normal;
color: #354c1e;
}
td.td1bold {
padding-right: 10px;
padding-left: 10px;
font-size: 16px;
font-weight: 600;
font-style: normal;
color: #354c1e;
}
.td2bold {
	color: #354c1e;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	padding-right: 10px;
}
.td3bold {
	color: #354c1e;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	padding-left: 10px;
}
.td2 {
	color: #354c1e;
	font-size: 22px;
	font-weight: 600;
	font-style: normal;
}
td.td3 {
	color: #387DDC;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
}
td.td4 {
	color: #354c1e;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
}
td.td5 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}
td.td6 {
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
    background-color: transparent;
}
td.td6 span {
	font-size: 14px;
}
td.td7 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}
td.td8 {
	padding: 10px;
}
td.td9 {
	padding-right: 30px;
	color: #354c1e;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
}
.td10 {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	font-style: normal;
	background-color: #354c1e;
}
td.td11 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
}
ul {
margin: 0 0 0 1em;
padding: 0;
list-style-type: square;
list-style-position: inside;
color: #fff;
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
}
.ul1 {
margin: 0.5em 0 0 1.2em;
padding: 0; 
list-style-type: disc;
list-style-position: inside;
color: #fff;
font-size: 12px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
 
}
/*.ul2 {
list-style-type: square;
list-style-position: outside;
color: #354c1e;
font-size: 14px;
font-weight: 500;
font-style: normal;*/
}
.abc {
height: 30px;
}
a.xyz {
cursor:default;
color: white;
opacity: 0.4;
}
.xyz {
cursor:default;
color: white;
opacity: 0.4;
}
/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;width:867px;height:102px;background:#354c1e;margin-top:0;margin-left:0;margin-right:0;}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button {position:absolute;top:50%;left:5px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../pics/skitter/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:5px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../pics/skitter/next.png) no-repeat left top;}

.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

.box_skitter .info_slide_dots {position:absolute;bottom:-27px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(pics/skitter/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:1;background:rgba(0,0,0,0.3);}
.label_skitter p {padding:2px 10px;margin:0;font:normal 15px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}

.box_skitter .progressbar { background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
----------------------------------------------- */
#preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul { height:100px; overflow:hidden; margin:0 0 0 -40px; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
----------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../pics/skitter/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../pics/skitter/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../pics/skitter/play-button.png) no-repeat left top;}

/* =Example for dimenions:
----------------------------------------------- */
.box_skitter_large,div#bandeau {width:867px;height:102px;margin-top:-5px;}
.box_skitter_small {width:200px;height:100px;}

 /* the overlayed element */
.apple_overlay {	
	/* initially overlay is hidden */
	display:none;	
	/* growing background image */
	background-image:url(../overlay/transparent.png);	
	/*                    
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:500px;			
	/* some padding to layout nested elements nicely  */
	padding:35px;
}
.apple_overlay img {
  height: auto;
  width: 500px;
  border: 1px solid #354c1e;  
}
.apple_overlay img.vertical {
  float:left;
  margin-right:12px;
  height:387px;
  width: auto;
  border: 1px solid #354c1e;  
}
#map_canvas {
width: 498px;
height: 332px;
}
object.map {
width: 500px;
height: 332px;
border: 1px solid #354c1e;
overflow: hidden;
}
#map_canvas_2 {
width: 497px;
height: 331px;
background: #7C9a44;
}
object.map_2 {
width: 497px;
height: 333px;
margin: 0;
background: #7C9a44;
border: 1px solid #354c1e;
overflow: hidden;
}
.apple_overlay h2 {
margin-top: 0;
font-size: 15px;  
color: #354c1e;
}
.apple_overlay p {
color: #000;
font-size: 14px;	
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url(../overlay/close.png);
background-repeat:no-repeat;
position:absolute; right:15px; top:398px;
cursor:pointer;
height:35px;
width:35px;
}
/* use a semi-transparent image for the overlay */
#overlay {
background-image: url(../overlay/gray.png);
color: #efefef;
height: 480px;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height: 396px;
overflow: hidden;
}
div#slideshow {
position: relative;
margin: 10px 0 4px; 0;  
height: 331px;
width : 498px;
border: 1px solid #354c1e;
overflow: hidden;
}
div#slideshow img {
height: 333px;
width: 500px;
border: none;
}
#nav { 
margin: 0; 
}
#nav a {
text-decoration: none; 
margin: 0 8px 0 0;
padding: 5px;
color: #fff; 
background: #7c9a44;
border: 1px solid #354c1e;
}
#nav a.activeSlide { 
background: #354c1e;
}
#nav a:focus { 
outline: none;
}
#triggers {
margin: 0;
color: #fff;
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
background: transparent;
}
#triggers img {
border: none;
cursor: pointer;  
}
.triggers {
margin: 0;
color: #fff;
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 1.4em;
background: transparent; 
}		
.triggers img,img.vignette {
float: left;
margin: 6px 12px 0 0;
padding: 6px; 
width: 100px;
height: auto;
border: 1px solid #354c1e;
cursor: pointer;  
}
.triggers img:hover,img.vignette:hover {
border:1px solid #ffd700;
}
.details,.texte {
font-size: 11px;
font-weight: 600;
color: #fff;
}
.details h2 {
margin: 0 0 4px 0;
font-size: 14px;  
color: #fff;
}
.details p {
margin: 0;
font-size: 11px;
font-weight: 500;    
color:#fff;
opacity:0.7;
}
img.voeux {
display:block;
margin: auto;
height: auto;
width: 100%;
}
.checkbox {	
margin-right: 10px;
transform: scale(1.5);
}
label {
color:#fff;
}
#charCount {
color: #ffd700;
font-size: 16px;
font-weight: 500;
}