/* Titres */
html {height:101%;}
h1 {margin:0 0 0 0px;padding:0 0 0 0;text-shadow: 1px 1px 1px #fff;font-family:Verdana, Arial;font-size:3em;letter-spacing:3px;color:black;}
h2 {margin:15px 0 2px 0;}
h3 {margin:10px 0 2px 0;color:navy;}
p.soustitre {letter-spacing:3px;text-decoration:italic;margin:-9px 0 0 2px;padding:0 0 0 0;color:#5f5f5f;font-size:.8em;}
a, a:visited, a:hover {color:black;}

/* --- PRESENTATION GENERALE --- */
body {margin:0;padding:0;font-family:Verdana,Arial;background-color:#eee;color:#000;font-size:.9em;overflow: -moz-scrollbars-vertical;}
#head h1 {margin:2px 0 2px 0;}
#head {height:100px;overflow:hidden;background-color:#eee;padding:2px 2px 2px 2px;position:relative;}
#bandeau {width:100%;height:300px;border-bottom: 2px solid black;border-top: 2px solid black;position:relative;}

#nom {overflow:hidden;position:absolute;bottom:0;right:40px;width:250px;height:30px;text-align:center;background-color:black;opacity:.60;overflow:hidden;padding:0;margin:0;color:white;font-size:1.2em;font-weight:900;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-topright: 10px 10px;}
#nomReduit {position:absolute;bottom:0;right:40px;width:250px;height:15px;text-align:center;background-color:black;opacity:.60;overflow:hidden;padding:0;margin:0;color:white;font-size:1.2em;font-weight:900;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-topright: 10px 10px;}

#menu {position:absolute;top:0;right:40px;width:250px;background-color:black;opacity:.50;overflow:hidden;padding:0 0 10px 0;margin:0;border-bottom-left-radius: 10px 10px;border-bottom-right-radius: 10px 10px;-moz-border-radius-bottomleft: 10px 10px;-moz-border-radius-bottomright: 10px 10px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}

#head ul {border-style:none;margin: 0 0 0 5px;padding: 0;cursor: default;list-style:none;margin:0px;padding: 0px;position:absolute;bottom:0;left:0;opacity:.8;color:black;font-size:1em;}
#head #restolist li {margin:0 0 0 8px;padding:0 6px 0 6px;display:inline;font-size:1em;color:black;min-width:100px;height:30px;text-decoration:none;}
#head li:hover, li.menuresto {background-color:black;color:white;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-topright: 10px 10px;}
#head a, a:visited, a:hover {font-weight:bold;text-decoration:none;font-size:1em;}
#head a, a:visited {color:#787879;}
#head a:hover {color:white;}


.icon {border: 0 none white;width: 16px;height: 16px;margin-right: 5px;position: relative;top: 2px;}

#menulist {list-style-type:none;margin:0;padding:0;opacity:1;}
#menulist a, a:visited,a:hover {color:white;font-weight:bold;font-family:Verdana;font-size:1.2em;text-decoration:none;}
#menulist li {width:100%;color:white;padding:4px 0px 4px 22px;margin:0 0 0 0;text-decoration:none;opacity:1;cursor:pointer;}
#menulist li:hover, li.menupage {opacity:.7;cursor:pointer;}
#menulist li:hover {background:#787879 url(../_icons/resultset_next.png) no-repeat left center;}
#menulist li.menupage {background:#787879 url(../_icons/tick.png) no-repeat left center;}

#localisation {position:absolute;bottom:0;left:0;width:100%;height:25px;color:white;background-color:black;opacity:.4;font-size:1.2em;font-weight:900;padding:0;margin:0;;}

#container {margin-bottom:60px;}
div.footer {background-color:#eee;width:100%;height:20px;clear:both;position:fixed;bottom:0;left:0;}
div.footer:hover {height:auto;}
img.footer {border-style:none;float:right;margin:5px 5px 5px 5px;}

hr.clear {display:block;clear:both;border-style:none;padding:0;margin:5px 0 5px 0;color:transparent;}
hr.menuHr {color:#eee;background-color:#eee;margin:2px 0 2px 0;padding:0;border-collapse:collapse;height:1px;border: 0;}

#pagecontent {margin: 0 auto;min-width:700px;width:80%;background-color:white;border-bottom:1px solid black;border-right:1px solid black;border-left:1px solid black;border-bottom-left-radius:10px 10px;border-bottom-right-radius:10px 10px;-moz-border-radius-bottomleft:10px 10px;-moz-border-radius-bottomright:10px 10px;text-align:center;padding:5px 10px 20px 10px;}
#pagecontent h1 {margin:0 0 20px 0px;padding:0 0 0 0;text-shadow: 1px 1px 1px #787879;font-family:Verdana, Arial;font-size:2em;letter-spacing:3px;color:black;text-align:center;}
#pagecontent h2 {margin:0px 0 0 0px;padding:15px 0 15px 0;text-shadow: 1px 1px 1px #787879;font-family:Verdana, Arial;font-size:1.5em;letter-spacing:3px;color:black;clear:all;}
#pagecontent a, a:visited, a:hover {color:navy;text-decoration:none;font-size:.9em;}

.left {text-align:left;}

#etablissement {width:99%;font-size:.8em;color:silver;text-align:right;margin:2px 10px 2px 0;padding-right:5px;}
#plugin {color:white;font-weight:bold;width:180px;height:20px;overflow:hidden;bottom:0px;left:0px;position:fixed;background-color:#000;opacity:.6;border-top-right-radius: 10px 10px;-moz-border-radius-topright: 10px 10px;text-align:center;}
#plugin a, a:visited, a:hover {font-size:1.2em;color:orange;}
#plugin:hover {height:auto;}

#planning {border:1px solid #000;padding:0;margin:0;border-collapse:collapse;width:800px;}
#planning td {border:1px solid #787879;padding:0;margin:0;width:100px;}
#planning td:hover {background-color:#f0f0ef;}
#planning a, a:visited, a:hover {color:navy;text-decoration:none;}
#planning a:hover {color:red;}

#adresse {margin:0 auto;}
#text {width:600px;margin:0 auto;text-align:justify;}


/* Page de garde */
#etape,#signal,#ruelle,#tele {float:left;width:250px;border-top:1px;border-left:1px;border-bottom:2px;border-right: 2px;border-style:solid;height:200px;overflow:hidden;margin: 5px 5px 5px 5px;color:transparent;cursor:pointer;font-size:.9em;}
#etape {background:transparent url(../images/etape.jpg) no-repeat center center;}
#signal {background:transparent url(../images/signal.jpg) no-repeat center center;}
#ruelle {background:transparent url(../images/ruelle.jpg) no-repeat center center;}
#tele {background:transparent url(../images/tele.jpg) no-repeat center center;}
#etape:hover,#signal:hover,#ruelle:hover,#tele:hover  {background:transparent url(../images/wifi_small.png) no-repeat bottom right;color:#000;}

#infos {clear:both;width:100%;}

/* Images */
.imgPhoto {float:right;margin:0 10px 0 0;border:10px solid #eee;border-top-left-radius:10px 10px;border-bottom-right-radius:10px 10px;-moz-border-radius-bottomleft:10px 10px;-moz-border-radius-bottomright:10px 10px;}
.imgRight {float:right;margin:0 10px 0 0;border:10px solid #eee;border-top-left-radius:10px 10px;border-bottom-right-radius:10px 10px;-moz-border-radius-bottomleft:10px 10px;-moz-border-radius-bottomright:10px 10px;}
.imgLeft {float:left;margin:0 10px 0 0;border:10px solid #eee;border-top-left-radius:10px 10px;border-bottom-right-radius:10px 10px;-moz-border-radius-bottomleft:10px 10px;-moz-border-radius-bottomright:10px 10px;}
#webcam {width:640px;opacity:1;float:center;border:10px solid #eee;border-radius:10px 10px;-moz-border-radius:10px 10px;position:relative;}
#webcam:hover {opacity:.9;}
#webcamComment {position:absolute;bottom:15px;right:5px; color:silver;font-weight:bold;text-align:right;font-size:1.5em;}
#webcamContainer {position:relative;border:0;width:auto;width:640px;margin:0 auto;}

img {border-style: none;border-width:0;}
iframe {border:10px solid #eee;border-radius:10px 10px;-moz-border-radius:10px 10px;}