body {
font-family:  Arial;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
background : url(../images/b6.jpg);
margin:auto;
width:100%;
min-width:400px;
max-width:1500px;
}

html { 
  height: 100%;
  width:100%;
}


#corps{
margin:auto;
}

#contenu{
margin:auto;
margin-top:30px;
background:#DCF9BD;
border: 3px solid rgba(50, 50, 50, 3);
border-radius: 15px 15px 15px 15px;
width:67%;
min-width:710px;
max-width:800px;
}


a:link{text-decoration:none}



/* --------------------------------------------------------- */


.menu-nav {
float: left;
height: 201px;
width: 100%;
line-height: 10px;
display: inline;
}

.menu-nav ul {
list-style-position: outset;
line-height: 10px;
display: block;
}

.menu-nav a {
color: #F0F0F0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.menu-nav a:hover {
color: black;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

/* --------------------------------------------------------- */


span.phi{
color:maroon;
}

span.i{
font-size: 22px;
color:maroon;
font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
font-weight : bold;

}


span.mt{
border:3px solid black;
}


span.titre{
font-weight:bold;
}

span.carte img{
border:3px solid black;
border-radius: 10px;
margin-left:26%;
}

/* ------------------------------------------------ */

table.suite{
background:#DCF9BD;
border: none;
border-collapse:separate;
margin-bottom:5px;}

table.suite th{
border: none;
background:#DCF9BD;
font-size:100%;
padding:1px;
}

/* --------------------------------------------------------- */

table.p{
border:3px solid green;
margin-top:100px;
margin-top:0px;
}

/* --------------------------------------------------------- */


/* table def */
table.def{
border:0px ;
-webkit-border-radius: 20px;
margin-top:20px;
background-color: black;
}


table.def th{
border:0px;

}

table.def td{
border:0px ;

}

table.def tbody{
border:0px ;

}
/* fin table def */

span.a{
color:black;
}

/* --------------------------------------------------------- */

table.contact{
border:2px solid;
background:#DCF9BD;
border-color:black;
}

table.contact th{
border-color:black;
background:#DCF9BD;
}

table.contact td{
background:#DCF9BD;
border-color:black;
}

table.contact tbody{
border:2px solid;
border-color:black;
}

/* --------------------------------------------------------- */

table.petit {
border:3px solid green;
margin-top:100px;
margin-top:0px;
}


table.petit td{
font-family:sans-serif;
font-size:80%;
border:1px solid #22AA22;
padding:0px;
text-align:left;
}

/* --------------------------------------------------------- */
table {
border:3px solid black;
border-collapse:collapse;
border-radius: 10px 10px 10px 10px;
width:98%;
max-width:800px;
margin:auto;
margin-bottom:50px;
font-weight : bold;
border-radius: 20px;

}
thead, tfoot {
background-color:#7DFF38;
border:1px solid #6495ed;

}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
}
th {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#9FFF5B;
width:25%;
font-size:20px;
}
td {
font-family:sans-serif;
font-size:55%;
border:1px solid #22AA22;
padding:0px;
text-align:left;
}

/* --------------------------------------------------------- */
table.photo{
background:#DCF9BD;
border: none;
border-collapse:separate;
margin-bottom:10px;
}

table.photo th{
border: none;
background:#DCF9BD;
}

table.photo td{
background:#DCF9BD;
border: none;
}

table.photo tbody{
border: none;
}
table.photo img{
border:3px solid black;
border-radius: 10px;
}
/* --------------------------------------------------------- */
caption {
font-family:sans-serif;
}

#adresse{
margin-top:100px;
margin-left:500px;
}

#map{
margin:auto;
background : #DCF9BD;
width:100%;

}

#contmap{
background : #DCF9BD;
width:100%;
height:900;

}

#imdef{
background:url(../images/b6.jpg);
width: 825px;
margin:auto;

}

#imdef img{
border-radius: 8px 8px 8px 8px;
width:200px;
height:150px;

}

#titrec{
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
text-align: center;
font-style:italic;
}

#textec{
margin-top: auto;
margin-right: 30px;
margin-bottom:auto;
margin-left:30px;
font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
font-weight : bold;
font-size:larger;
font-style:;
}

/* map */

table.iti{
border:3px solid black;
margin-bottom:0px;
}

table.iti td{
border:1px solid #353435;
margin-bottom:0px;
background-color:#F0FFDB;

}

table.directions{
border:3px solid #353435;
}

table.directions th {
background-color:#C5DDE7;
font-size: 15px;
border:1px solid #353435;

}

table.directions td {
font-size: 11px;
border:1px solid #353435;
background-color:#F0FFDB;
}






 
#map_canvas {
 width: 480px;
 height: 600px;
 margin: 0px;
 }
 
#directions { 
width: 2196px; 
height: 600px; 
border: 0px solid #333333 ; 
margin: 2px; 
overflow: auto; 
width: auto; 
text-align: left; 
font-size: 9px; 
}


/* fin map */
#ls{
margin-left:auto;
width:90%;
}

.wrapper{
width:900px;
margin:auto;
}

#header-container{
background-color:#FFFFFF;	
margin:auto;
height: 200px;
background-repeat: no-repeat;
background-position: center top;
background:#3CA518;
width:100%;
min-width:1200px;
border: 5px solid rgba(50, 50, 50, 3);
border-color:#87bb26;
border-radius: 15px 15px 15px 15px;
}

h2, h3{
margin-top: 15px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
font-size: 16px;
}

h2{
font-size: 24px;
color: black;
}

h3{
font-size: 18px;
}

#ent{
margin: auto;

}

#logo{
float:left;
background-repeat: no-repeat;
width:350px
}


#slogan{
color:black;
float:left;
background-repeat: no-repeat;
font-family:  'Lucida Caligraphy', 'Monotype Corsiva', cursive;
width: 50%;
font-size: xx-large;
font-style:italic;
}

header nav{
float:right;
margin-top:120px;
}

#nav {
height: 50px;
background-image: url(../images/bg-nav.png);
background-repeat: no-repeat;
background-position: -30px bottom;
-webkit-box-shadow:0 45px 60px -60px #AAA;
-moz-box-shadow:0 45px 60px -60px #AAA;
box-shadow:0 45px 60px -60px #AAA;
margin-right: 50px;
position: relative;
width : 910px;
bottom:50px;
margin-left:290px;
}

#nav li {float: left;position: relative;list-style: none;}

/* main level link */



/* main level link hover */
#nav .current a, #nav li:hover > a {background: #666 url(../images/gradient.png) repeat-x 0 -40px;color: #444;
	}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: white;
	font-style:italic;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;}
#nav ul a:hover {background: #0078ff url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* dropdown */
#nav li:hover > ul {display: block;margin-top:1px;}

/* level 2 list */
#nav ul {display: none;margin: 0;padding: 0;width: 145px;position: absolute;top: 35px;margin-left: 5px;
	background: black url(../images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav ul li {float: none;margin: 0;padding: 0;}

#nav ul a {font-weight: normal;}

/* level 3+ list */
#nav ul ul {left: 181px;top: -12px;}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}

/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

.button {
border-top: 1px solid #448c11;
background: #8bd96c;
background: -webkit-gradient(linear, left top, left bottom, from(#3e9c42), to(#8bd96c));
background: -webkit-linear-gradient(top, #3e9c42, #8bd96c);
background: -moz-linear-gradient(top, #3e9c42, #8bd96c);
background: -ms-linear-gradient(top, #3e9c42, #8bd96c);
background: -o-linear-gradient(top, #3e9c42, #8bd96c);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: black;
font-size: 18px;
font-family: Georgia, serif;
text-decoration: none;
float: left;
height: 25px;
width: 126px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-align: center;
line-height: 25px;
font-weight: bold;
margin-left: 5px;
}

.button:hover {
border-top-color: #5db010;
background: #5db010;
color: white;
float: left;
height: 25px;
width: 125px;
background: -webkit-gradient(linear, left top, left bottom, from(#3e9c42), to(#8bd96c));
background: -webkit-linear-gradient(top, #3e9c42, #8bd96c);
background: -moz-linear-gradient(top, #3e9c42, #8bd96c);
background: -ms-linear-gradient(top, #3e9c42, #8bd96c);
background: -o-linear-gradient(top, #3e9c42, #8bd96c);
line-height: 25px;
}

.button:active {
border-top-color: #61ed32;
background: #61ed32;
float: left;
height: 25px;
width: 120px;
line-height: 25px;
   }

.get {
float: right;
height: 30px;
width: 150px;
position: absolute;
visibility: visible;
left: 581px;
top: 541px;
}

#enter {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #CCCCCC;
float: left;
height: 50px;
width: 960px;
padding-bottom: 40px;
}

header nav ul li{
display:inline;
}

aside{
float:right;
width:250px;
margin-bottom:50px;
background-image: none;
height: 670px;	
}

article header{
width:500px;
margin-bottom: 50px;
padding-bottom: 25px;	
}

#footer-container{
height:180px;
box-shadow: -2px -3px 12px rgb(47%, 47%, 41%);
background-image: url(../images/footer-bg.png);
width: 100%;
min-width:1200px;
margin: auto;
margin-top:100px;


}

#logo img  {
margin: auto;
float: left;
}

a:hover img.imagedropshadow {
-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;
-moz-border-radius: 10px;
}

#logo #title a {
margin: 0px;
padding: 0px;
color: #FEFEFE;
text-decoration: none;
}

#title a:hover {
margin: 0px;
padding: 0px;
color: rgb(188, 51, 16);
text-shadow: -1px 1px #CCCCCC;
}

.copy {
height: 15px;
width: 100%;
float: left;
padding-bottom: 1em;
padding-left: 2em;
margin-top: 5px;
}

.copy a {
color: #F0F0F0;
text-decoration: none;
}

.copy a:hover {
color: #E44D26;
text-decoration: none;
}

#touch {
position:absolute;
left:676px;
top:516px;
width:151px;
height:42px;
z-index:1;
}

.btn, input[type="submit"], button {
background: none repeat scroll 0 0%, -moz-linear-gradient(#CCCCCC, #B3B3B3) repeat scroll 0 0 transparent;
border: 1px solid rgba(45, 45, 45, 0.5);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
color: #444444;
display: inline-block;
font-weight: 300;
line-height: 20px;
margin: 3px 0;
padding: 9px 15px 7px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn:hover, input[type="submit"]:hover, button:hover {
background: none repeat scroll 0 0%, -moz-linear-gradient(#B3B3B3, #CCCCCC) repeat scroll 0 0 transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 1px rgba(32, 32, 32, 0.2) inset;
color: #444444;
text-decoration: none;
}

#slower {
height: 264px;
width: 540px;
float: left;
margin-bottom: 5px;
background-image: url(../images/ban.jpg);
background-repeat: no-repeat;
border: thick solid #F0F0F0;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-moz-box-shadow:0px 0px 7px #000000;
-webkit-box-shadow:0px 0px 7px #000000;
box-shadow:0px 0px 7px #000000;
}

#feature {
float: left;
height: 80px;
width: 255px;
padding-top: 0.4em;
}

#main hr {
height: 0.1px;
color: #E9E9E9;
text-shadow: -1px #FFFFFF;
}

#feature img {
margin: 0px;
padding: 0px;
-moz-border-radius: 0px;
}

#enter {
font-style: italic;
text-shadow: -1px 1px 0 #C0C0C0;
line-height: 10px;
-webkit-box-shadow:0 45px 60px -60px #AAA;
-moz-box-shadow:0 45px 60px -60px #AAA;
box-shadow:0 45px 60px -60px #AAA;
}

.clear {
float: left;
height: 50px;
width: 120px;
visibility: hidden;
}

.abox {
float: left;
width: 250px;
padding-top: 1.3em;
padding-right: 1em;
padding-bottom: 0em;
padding-left: 1em;
line-height: 12px;
margin-left: 1em;
margin-top: 2px;
-webkit-box-shadow:0 45px 60px -60px #AAA;
-moz-box-shadow:0 45px 60px -60px #AAA;
box-shadow:0 45px 60px -60px #AAA;
}

#main cite {
float: left;
clear: both;
padding-bottom: 1em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.abox p {
line-height: 25px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.footer-nav {
float: left;
height: 201px;
width: 170px;
line-height: 10px;
display: inline;
}

.footer-nav ul {
list-style-position: outset;
line-height: 2px;
display: block;
}

.footer-nav a {
color: #F0F0F0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.footer-nav a:hover {
color: #009900;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.social {
float: left;
height: 130px;
width: 420px;
padding-top: 40px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

.social img {
float: left;
}

.big {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: oblique;
font-weight: 900;
}

.newsletter {
float: left;
height: 200px;
width: 250px;
background-image: url(../images/torso.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

#main #touch .btn a {
text-decoration: none;
color: #333333;
}

#main #touch .btn a:hover {
color: #333333;
}

#nav .button a {
color: #F0F0F0;
text-decoration: none;
}

#nav .button a:hover {
color: #FFCC33;
}

.abox img {
margin-left: 20px;
-webkit-box-shadow:0 45px 60px -60px #AAA;
-moz-box-shadow:0 45px 60px -60px #AAA;
box-shadow:0 45px 60px -60px #AAA;
}
/* ________________________________________________ */