/*
// Reproduction meme partielle strictement interdite
//
*/


@font-face {
    font-family: 'lcdg';
    src: url('/fontes/lcdg-webfont.eot');
    src: url('/fontes/lcdg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lcdg-webfont.woff') format('woff'),
         url('/fontes/lcdg-webfont.woff2') format('woff2'),
         url('/fontes/lcdg-webfont.ttf') format('truetype'),
         url('/fontes/lcdg-webfont.svg#aquilinetworegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gondola';
    src: url('/fontes/Gondola_SD-webfont.eot');
    src: url('/fontes/Gondola_SD-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/Gondola_SD-webfont.woff') format('woff'),
         url('/fontes/Gondola_SD-webfont.woff2') format('woff2'),
         url('/fontes/Gondola_SD-webfont.ttf') format('truetype'),
         url('/fontes/Gondola_SD-webfont.svg#gondola_sdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, div, form, fieldset, dd, dl, dt, table {
	margin: 0;
	padding: 0;
	}
	
html, body {
	position: absolute;
	height: 100%;	
	min-height: 500px;
	width: 100%;
}
*:link, *:visited{
	text-decoration: none;
}
body.waiting * {
    cursor: progress;
}


html {
	font-family: 'gondola', Georgia, serif;	
	font-size: 1 em; /*14px;	*/
}


.centre {
	text-align: center;
}
.gauche {
	text-align: left;
}
.droite {
	text-align: right;
}
.haut {
	vertical-align: text-top;
}
.bas {
	vertical-align: text-bottom;
}
.milieu {
	vertical-align: middle;
}
.justifie {
	text-align: justify;
}

.bleu {
	color: blue;
}
.rouge {
	color: rgb(135,3,0);
}
.vert {
	color: green;
}
.blanc {
	color: white;
}
.noir {
	color : black;
}
.marron {
	color : #5e210f;
}
.fondbleu {
	background-color: blue;
}
.fondrouge {
	background-color: rgb(135,3,0);
}
.fondvert {
	background-color: green;
}
.fondblanc {
	background-color: white;
}
.fondnoir {
	background-color : black;
}
.fondmarron {
	background-color: #5e210f;
}
.souligne {
	text-decoration: underline;
}
.italique {
	font-style: italic;
}
.gras {
	font-weight: bold;
}

.fonte-tahoma{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.fonte-gondola {
	font-family: 'gondola', Georgia, serif;	
}
img {
	border: none;
}	

a {
	text-decoration: none;
	color: black;
}
h1 {
	font-family: 'lcdg', Georgia, serif;	
	font-size: 3.2em; /*52px;		*/
	margin: 0px;
	line-height: 1.2em;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	font-weight: normal;
	/*margin: 15px 0px;*/
}

h2 {
	font-family: 'lcdg', Georgia, serif;	
	font-size: 2em; /*32px;	*/
	font-weight: normal;
	color: rgb(135,3,0);
	line-height: 1.2em;
	text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
}
li.vide {
	list-style-type: none;
	padding-left: 25px;
}
li.check {
	list-style-type: none;
	padding-left: 35px;
	background-image: url(/images/li_check.png);
	background-repeat: no-repeat;
	background-position: 0 0.32em;
}
li.fleche {
	list-style-type: none;
	padding-left: 25px;
	background-image: url(/images/li_fleche.png);
	background-repeat: no-repeat;
	background-position: 0 0.32em;
}

.registered {
	font-family : Times New Roman, Times, serif;
	vertical-align: super;
	font-size: 35%;
	line-height: 20%; 
	padding-left:0.5em;
}
/*
.polaroid-images a:nth-child(1n), .polafixe img:nth-child(1n) {
	-webkit-transform: rotate(-2deg);  
	-moz-transform: rotate(-2deg); 
	transform: rotate(-2deg); 
}
.polaroid-images a:nth-child(2n), .polafixe img:nth-child(2n) {
	-webkit-transform: rotate(4deg);  
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg); 
}
.polaroid-images a:nth-child(3n), .polafixe img:nth-child(3n) { 
	-webkit-transform: rotate(-24deg);  
	-moz-transform: rotate(-24deg); 
	transform: rotate(-24deg); 
}
.polaroid-images a:nth-child(4n), .polafixe img:nth-child(4n) {
	-webkit-transform: rotate(14deg);  
	-moz-transform: rotate(14deg); 
	transform: rotate(14deg); 
}
.polaroid-images a:nth-child(5n), .polafixe img:nth-child(5n) {
	-webkit-transform: rotate(-18deg);  
	-moz-transform: rotate(-18deg); 
	transform: rotate(-18deg); 
}
.polaroid-images a:nth-child(6n), .polafixe img:nth-child(6n) {
	-webkit-transform: rotate(18deg);  
	-moz-transform: rotate(18deg); 
	transform: rotate(18deg); 
}	
*/
.cadre-tarif {
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*margin-left: 30px;*/
	padding: 10px;
	background-color: black;
	color: white;
	display: inline-block;
	/*font-size: 3vw;*/
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
}
.cadre_arrondi {
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
/*	display: inline-block;*/
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
}
.bouton {
	font-size: 12px;
	color: white;
	text-align: center;
	background-color: #5e210f;
	padding-top: 3px;
}
.sont_inclus img{
	margin: 0px 2px;

}
.reserverOptions img{
	width: 25px;
	height: inherit;
	margin-bottom: -5px;
} 

.lcdg {
		font-family: 'lcdg', Georgia, serif;	
	/*	text-shadow: 1px 1px 0 rgba(255,255,255,1);*/
	}
.pointeur{
	cursor:pointer;
}
.bouton_blanc {
	border: none;
	padding: 5px 20px;	
	margin: 0 6px;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	height: 30px;
	min-width: 150px;
	color: blue;
	font: bold 14px Arial;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
	background-image:linear-gradient(#ffffff,#ABABBB,#c8f8f5); 
}
.bouton_bleu {
	border: none;
	padding: 5px 20px;	
	margin: 0 6px;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	height: 30px;
	min-width: 150px;
	color: white;
	font: bold 14px Arial;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
	background-image:linear-gradient(#ffffff,#1942ed,#0494E7);
}
.bouton_rouge {
	border: none;
	padding: 5px 20px;	
	margin: 0 6px;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	height: 30px;
	min-width: 150px;
	color: white;
	font: bold 14px Arial;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
	background-image:linear-gradient(#ffffff,#ff0000,#f66657);
}
.bouton_vert {
	border: none;
	padding: 5px 20px;	
	margin: 0 6px;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	height: 30px;
	min-width: 150px;
	color: white;
	font: bold 14px Arial;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.8); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
	background-image:linear-gradient(#ffffff,#1b9723,#19C524);
}


table.Basic, table.fixed_headers { 
	font-size:16px; 
	background:#FFFFFF; 
	border-collapse: collapse;
//	display: inline-table;
//	margin-left: auto;
//	margin-right: auto;
	//table-layout: fixed;
	
}
table.Basic tbody tr:hover td, table.Basic tbody tr:hover a{
	background: #6BCBFF;
}
table.Basic tbody, table.lstPlanning tbody{
   overflow-y: auto;     
   overflow-x: hidden; 
}

.Basic tr:nth-child(odd), .fixed_headers tr:nth-child(odd), .lstPlanning tr:nth-child(odd) {background: #CCC}
.Basic tr:nth-child(even), .fixed_headers tr:nth-child(even), .lstPlanning tr:nth-child(even) {background: #FFF}


.Basic th, .fixed_headers th, .cal th, .tconfirm th, .lstPlanning th{ 
	text-align:center; 
	background:#0026A7; 
	color:white; 
	cursor:default;
	white-space: nowrap;
	border: 1px solid white;	
}
.Basic th, .lstPlanning th{
	padding: 3px 10px;

}
.Basic td, .fixed_headers td{ 
/*	text-align:right;*/ 
	padding:5px; 
	white-space: nowrap;
	border: 1px solid grey;
}

.Basic td.gauche{ 
	text-align:left; 
}
.Basic td.centre{ 
	text-align:center; 
}
.Basic a, .fixed_headers a{
	color: #000000;
	display:block; 
	text-decoration:none; 
	cursor:pointer;
}
.Basic img {
	cursor:pointer;
}



/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
@media screen and (min-width:1024px) {
/*@media screen and (min-width:376px) {*/

	.AfficheSmartphone, #dropList {
		display: none;
		
	}
	.AffichePC {
		//display: block; /*inline-block;*/	
	}
	

	body {
		background: url(/images/fond.jpg) no-repeat center center fixed; 
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: cover; 
	}

	p {
		//line-height: 2em;
		text-align: justify;	
		/*text-indent: 20px;*/
		/*margin: 0px 80px;*/
	}
	p::before {

	}
	
	ul {
		line-height: 1.7em;
		/*text-align: justify;*/	
		text-indent: 10px;
		/*margin: 0px 80px;*/
	}
/*	sub, sup { 
		font-size: 50%;
		line-height: 0; 
		position: relative; 
		vertical-align: baseline; 
	}
	sup { 
		top: -0.75em; 
	}
	sub { 
		bottom: -0.25em; 
	}
*/
	.registered {
		font-family : Times New Roman, Times, serif;
		vertical-align: super;
		font-size: 35%;
		line-height: 20%; 
		padding-left:0.5em;
		}

	.ul-doigt {
		list-style-image: url("http://www.leclosdegemozac.fr/images/click-ici-horiz.png")
	}
	.ul-doigt li{
		margin-left: -3em;
	}	

	.marge50 {
		margin: 50px;
	}
	.t9 {
		font-size: 9px;
	}
	.t10 {
		font-size: 10px;
	}	
	.t12 {
		font-size: 12px;
	}
	.t14 {
		font-size: 14px;
	}
	.t16 {
		font-size: 16px;
	}
	.t24 {
		font-size: 24px;
	}
	.l500px {
		width: 500px;
	}
/*	.lcdg {
		font-family: 'lcdg', Georgia, serif;	
	//	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	}
*/
	.citation {
		padding-left: 120px;
		padding-right: 120px;
		padding-top: 20px;
	}

	
	.pointeurDoigt {
		cursor: pointer;
	}


	#conteneur {
		position: relative;
		display: block;
		color: black;
		width: 1000px;
		margin: 20px auto 20px auto;
		text-align: justify; /*center;*/
	}
/*
	#parchemin {
		width: 1000px;
		border-spacing : 0;
		border-collapse : collapse;

	}
	*/
	#parchemin2 {
		max-width: 1000px;
		background-image: url(/images/parchemin2.png);
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		//padding-top: 50px;
		padding: 50px 30px 0px 30px;
	}
	#parchemin3 {
		width: 1000px;
		background-image: url(/images/parchemin3.png);
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		padding: 50px;
	}

	#parch-haut {
		height: 60px;	
		background-image: url(/images/parch-haut.png); 
	}

	#parch-milieu {
		background-image: url(/images/parch-milieu.png); 
		margin: 0px;
	}		
	#parch-milieu section {
		margin-right: 70px;
		margin-left: 70px;
	}
/*
	#parch-milieu div {
		margin-right: 70px;
		margin-left: 70px;
	}
*/
	#parch-bas {
		height: 60px;
		background-image: url(/images/parch-bas.png); 
		
	}
	#parch-haut, #parch-milieu, #parch-bas {
		width: 1000px;
		background-repeat:no-repeat; 
		background-size: 100% 100%;	
	}

	#chambre {
		margin-left: 50px;
		margin-right: 50px;
	}
	#review td {
		padding-left: 70px;
	}
	#choix_langue {
		position: absolute;
		right: 50px;
		top: 60px;
		width: 140px;
		//text-align: right;
	}
	.menuTop30 {
		top: 30px;
	}
	.menuTop174 {
		top: 174px;
	}
/*	.menuTop160 {
		top: 160px;
	}
	
	.menuTop304 {
		top: 304px;
	}*/
	.menuTop249 {
		top: 249px;
	}

	.menuTop393 {
		top: 393px;
	}
	nav {
		height: 262px;
	}
	#navReduit{
		display: none;
	}
	#support {
		position: absolute;
		left: 50px;
		/*top: 160px;*/
	}
/*
	#pend1, #pend2, #pend3, #pend4, #pend5, #pend6 {
		position: absolute;

		height: 118px;
		width: 100px;
		transition-property: height;
		transition-duration: .4s;
		-webkit-transition-property: height;
		-webkit-transition-duration: .4s;
		transition-timing-function: ease-out; 	
	}
	#pend1:hover, #pend2:hover, #pend3:hover, #pend4:hover, #pend5:hover, #pend6:hover {
		height: 80px;
	}
	#pend1 {
		left: 150px;
	}
	#pend2 {
		left: 310px; 
		//width: 200px;
	}
	#pend3 {
		left: 480px; 
	}
	#pend4 {
		left: 600px; width: 200px
	}
	#pend5 {
		left: 600px; 
	}
	#pend6 {
		left: 820px;
	}*/
	.icone {
	 -webkit-filter: blur(5px); 
	 -moz-filter: blur(5px); 
	 -ms-filter: blur(5px); 
	 -o-filter: blur(5px); 
	 filter: blur(5px);
	}
	.legende {
		font-family : Times New Roman, Times, serif;
		font-size: 10px;	
	}
	#carte {
		//margin-left: 100px;
		font-family : Times New Roman, Times, serif;
		
	}	
	#map {
		//margin-left: 100px;
		//width: 700px;
		height: 400px;
	}
	#route{
		width: 700px;	
		margin-left: 100px;
	}
	.plan_flotte {
		float: left;
	}	
	.cadre-tarif {
		margin-left: 30px;
	}	

	.click-image {
		margin-left: -190px;
		margin-bottom: -40px;

	}	
	.click-reserver {
		margin-left: -90px;
		margin-bottom: -40px;

	}

	#cookies {
		position: absolute;
		display: block;
		background-color: black;
		color: red;
		top: 80px;
		left: -80px;
		width: 190px;
		transition-property: background-color, padding-left;
		transition-duration: 1s, .3s;
		transition-timing-function: linear, ease-out; 
		z-index: 999;
	}


	body:hover #cookies{
		background-color: grey;
		color: white;
	}
/*
	#tableauTarifs {
		margin-left: 20px; 
		margin-right: 20px;
		margin-bottom: 30px;
		border-collapse: collapse;
	}

	#tableauTarifs tr th{
		padding: 0px 10px 0px 10px;
		border:1px solid black;	
		text-align: center;	
	}
	#tableauTarifs tr td{
		padding: 0px 10px 0px 10px;
		border:1px solid black;
		vertical-align:middle;
		text-align: center;

	}
*/
	.polaroid-images a {
		background: white;
		display: inline;
		float: left;
		margin: 0 15px 30px;
		padding: 10px 10px 25px;
		text-align: center;
		text-decoration: none;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);
		-webkit-transition: all .15s linear;
		-moz-transition: all .15s linear;
		transition: all .15s linear;
		z-index:0;

	}
	.polaroid-images a:after {
		color: black;
		font-size: 14px;
		content: attr(title);
		position: relative;
		top: 15px;
	}
	.polaroid-images img { 
		display: block; 
		width: inherit; 	
		//height: 160px; 
	}

	.polaroid-images img, .polafixe img { 
		width: 17vw; 
		max-width: 200px;
		height: inherit; 
	}	
	
	
	.polaroid-images a:hover{
		-webkit-transform: rotate(0deg); 
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform: scale(1.8); 
		-moz-transform: scale(1.8);
		transform: scale(1.8);
		z-index:10;
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
		box-shadow: 0 10px 20px rgba(0,0,0,.7);
	}



	.polafixe img {
		background: white;
/*		display: inline;*/
		float: left;
		margin: 0 15px 30px;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);
		-webkit-transition: all .15s linear;
		-moz-transition: all .15s linear;
		transition: all .15s linear;
		z-index:0;
		position:relative;
		display: block; 

	}

	
	.polafixe img:hover{
		-webkit-transform: scale(2.5); 
		-moz-transform: scale(2.5);
		transform: scale(2.5);
		z-index:10;
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
		box-shadow: 0 10px 20px rgba(0,0,0,.7);
	}

}
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
@media screen and (max-width:1023px) { 
/*@media screen and (max-width:375px) { */

	.AfficheSmartphone {
		/*display: inline-block;*/
	}
	.AffichePC {
		display: none;
	}
	#conteneur {
		position: absolute;
		display: block;
		color: black;

		width: 100%;
		margin: 0px;
		text-align: justify; 
	}

	#parchemin {

		background-image: url(/images/parchemin2.png); 
			-webkit-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			background-size: 100% 100%;
		padding-top: 50px;	
		padding-left: 10px;
		padding-right: 10px;
	}
	#parchemin2 {

		background-image: url(/images/parchemin2.png);
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		padding-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
		//width: 100%;
	}
	#parchemin3 {

		background-image: url(/images/parchemin3.png);
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		padding: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#cookies, #sceau , #navComplet{
		display: none;
	}
	#parch-bas , #parch-haut{
		display: none;
	}
	
	p, ul, li {
		line-height: 5vw;
		font-size: 3vw;
		margin: 0px 10px;
	}
	
	h1 {
		margin: 20px 0px;
		font-size: 8vw;
	}
	h2 {
		font-size: 7vw;
	}	

	.t16 {
		font-size: 5vw;
	}
	.t24 {
		font-size: 7vw;
	}
	#choix_langue {
		position: absolute;
		//right: 10px;
		top: 10px;
	}

	#carte {
		font-family : Times New Roman, Times, serif;
	}	
	#map {
		height: 400px;
	}	
/*	
	.adapteSmartphone { 
		width: 100%; 
	}	
	.polaroid-images img, .polafixe img{ 
		width: 27vw; 
	}
	.polaroid-images a {
		background: white;
		display: inline;
		float: left;
		margin: 1vw;
		padding: 1vw;
		text-align: center;
		text-decoration: none;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);

		z-index:0;

	}
	
	.polaroid-images a, .polafixe img {
		background: white;
		display: inline;
		float: left;
		margin: 1.5vw;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);
		-webkit-transition: all .15s linear;
		-moz-transition: all .15s linear;
		transition: all .15s linear;
		z-index:0;
		position:relative;

		display: block; 
	}
	
	.polaroid-images a {

		padding: 1vw 1vw 2vw; /*10px 10px 25px;*/

	}
	.polaroid-images a:after {
		color: black;
		font-size: 2vw;
		content: attr(title);
		position: relative;
		top: 1vw;
	}	
	
	
	.polaroid-images img {
		display: block;
		height: inherit; 
	}
*/	
	.click-image {
		margin-left: -100px;
		margin-bottom: -40px;

	}
	.click-reserver {
		margin-left: -100px;
		margin-bottom: -40px;

	}
	/* MENU MOBILE */

	#dropList  {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 9999;
	}
	#dropList ul {
		padding: 0;
		margin: 0;
	}
	#dropList ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		//background: blue;
	}
	#dropList ul li ol{
		display: none;
		position: relative;
		list-style: none;
		
	}
	
	#dropList ul li ol li:hover {
		background: black;
	}
	#dropList ul li ol li {
		background: #5e210f;
		margin-bottom: 5px;
		-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-left: 5px solid white;
	}
	#dropList ul li ol li a {
		display:block;
		text-decoration: none;
		font-size: 3vw;
		color: #fff;
		padding: 10px;
	}

	#dropList ul li:hover > ol{
		display: inline;
		width: 300px;
	}
	#dropList ul li:hover  {
		cursor: pointer;
	}
}