/*CSS*/
/* ecran de base */
@media screen  {
	body {
		display:block;
		height:100%;
		margin:0px;
		padding:0px;
//		letter-spacing: 0.03em; 
//		word-spacing: 0.03em;
		font-family: 'Open Sans', sans-serif;
		text-align:center;
		font-size:14px;
		position:relative;
		background:url('../img/pattern.jpg') ;
	}
	.clearfix {
		clear:both;	
	}
	a img {
	  border: none;
	}
	strong {		
		color:#7B3B87;
		}	
	.small {
		font-size:11px;	
	} 
	#cookie {
		display:block;
		width:100%;
		position:fixed;
		top:0;
		z-index:50;
		background-color:#FFFFFF;
	}
	#close {
		float:right;	
	}
	#conteneur {
		display:block;
		float:none;
		width:1000px;
		padding-left:6px;
		padding-right:6px;
		margin-left:auto;
		margin-right:auto;
		margin-top:200px;
		padding-bottom:50px;
		position:relative;
		background:url('../img/fondconteneur.png')	repeat-y center ;
	}
	#conteneur form {
		margin-bottom:20px;
	}
	#conteneur form p {
		line-height:30px;
	}
	#conteneur form h4 {
		font-size:20px;
	}	
	#conteneur p {
		padding-left:15px;
		padding-right:15px;
		text-align:left;
	}
	#conteneur h4 {
		padding-left:15px;
		padding-left:15px;
		text-align:left;
		font-size:24px;
		font-family: 'Playfair Display', serif;
		color:#7b3b87;
		margin-top:0px;
		margin-bottom:15px;
	}
	#header {
		display:block;
		position : fixed;
		top:0;
		width:100%;
		z-index:20;
	}
	#blogo {
		padding:0px;
		margin:0px;
		height:150px;
		background:url('../img/blanc75.png');
	}
	#nav {
		padding:0px;
		margin:0px;
		height:51px;
		background:url('../img/fondmenu.jpg') top repeat-x;
		border-bottom:1px solid #803d8a;
	}
	#nav ul {
		display:block;
		width:1000px;
		height:51px;
		padding:0px;
		margin:0px;
		margin-left:auto;
		margin-right:auto;
		border-right:1px solid #c8c7c5;	
	}
	#nav ul li {
		display:block;
		position:relative;
		float:left;
		height:51px;
		width:199px;
		text-transform:uppercase ;
		border-left:1px solid #c8c7c5;
	}

	#nav ul li a {
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		height:46px;
		width:179px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:url('../img/fondmenu.jpg') top repeat-x;
		-webkit-transition: background .6s ;
    	-moz-transition: background .6s;
    	-o-transition: background .6s;
    	transition: background .6s;
	}
	#nav ul li a:hover {
		background:url('../img/fondmenu.jpg') bottom repeat-x;
	}
	#nav ul li ul {
		display:none;
		position:absolute;
		height:51px;
		width:199px;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		z-index:10;
		left:0;
		padding:0;
	}
	#nav ul li ul li {
		background:none;
		background-color:#FFFFFF;
		display:block;
		height:51px;
		width:199px;
		padding-left:0;
		padding-right:0;
		width:auto;
		float:none;
		border-left:none;
		border-bottom:1px solid #7B3B87;
		
	}
	#nav ul li ul li a {
		background:none;
		background-color:#FFFFFF;
		color:#111111;
		height:51px;
		width:199px;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		-webkit-transition: background-color .2s ;
    	-moz-transition: background-color .2s;
    	-o-transition: background-color .2s;
    	transition: background-color .2s;
	}
	#nav ul li ul li a:hover {
		background:none;
		background-color:#7B3B87;
		color:#FFFFFF;
		height:51px;
		width:199px;
		padding-top:0;
	}
	.menu1l a {
		padding-top:15px !important;
		height:36px !important;	
	}
	.menu2l a {
		padding-top:6px !important;
		height:45px !important;
		}

	#centerfooter {
		width:100%;
		height:44px;
		text-align:center;
		display:block;
		position:fixed;
		z-index:10;
		bottom:0;	
	}
	#footer {
		width:610px;
		margin-left:auto;
		margin-right:auto;
		height:44px;
	}
	#footerT {
		display:none;
	}
	#footer img {
		float:left;
	}
	
	#footer ul li img {
		padding-top:15px;
	}
	
	#footer ul {
		display:block;
		position:relative;
		float:left;
		height:44px;
		padding:0;
		margin:0;
		border-right:1px solid #FFFFFF;
	}
	#footer ul li {
		display:block;
		position:relative;
		float:left;
		height:44px;
		color:#FFFFFF;
		border-left:1px solid #FFFFFF;
	}
	#footer ul li a {
		display:block;
		height:44px;
		line-height:44px;
		padding-left:15px;
		padding-right:15px;
		color:#FFFFFF;
		background:url('../img/fondfooter.jpg')	top repeat-x ;
		-webkit-transition: background .6s ;
    	-moz-transition: background .6s;
    	-o-transition: background .6s;
    	transition: background .6s;
		text-transform:uppercase;
		text-decoration:none;
	}
	#footer ul li a:hover {
		background:url('../img/fondfooter.jpg') bottom repeat-x;
	}
	#langage ul li a:hover {
		background:none;
	}
	#footer ul li ul li a {
		background:none ;
	}
	#footer ul li ul li a:hover {
		color:#FFFFFF;
		background-color:#7B3B87 ;
	}
	#footer ul li ul li img {
		padding-top:0px ;
	}
	#contact {
		width:230px;		
	}
	#reservation {
		width:120px;		
	}
	#langage {
		width:50px;
		padding-top:0px;	
	}
	#mentions {
		width:120px;		
	}
	#langage ul {
		display:none;
		position:fixed;
		z-index:20;
		bottom:176px;
		margin:0;
		margin-left:0px;
		border:none;
	}
	#langage ul li {
		display:block;
		float:none;
		background:none;
		height:29px;
		padding-top:15px;
		background-color:#FFFFFF;
	}
	#reservation ul {
		display:none;
		position:fixed;
		z-index:20;
		bottom:90px;
		margin:0;
		margin-left:0px;
		border:none;
	}
	#reservation ul li {
		display:block;
		float:none;
		color:#111111;
		height:29px;
		background-color:#FFFFFF;
		border-top:1px solid #111111;
	}
	#reservation ul li a {
		display:block;
		float:none;
		color:#111111;
		text-decoration:none;
		height:29px;
		line-height:29px;
		padding-left:20px;
		padding-right:20px;		
		background:none;
	}
	#contact ul {
		display:none;
		position:fixed;
		z-index:20;
		bottom:90px;
		margin:0;
		margin-left:0px;
		border:none;
	}
	#contact ul li {
		display:block;
		float:none;
		color:#111111;
		height:29px;
		line-height:29px;
		background-color:#FFFFFF;
		border-top:1px solid #111111;
	}
	#contact ul li a {
		display:block;
		float:none;
		color:#111111;
		text-decoration:none;
		height:29px;
		line-height:29px;
		padding-left:20px;
		padding-right:20px;		
		background:none;
	}
	#fb img {
		padding-top:12px !important ;	
	}
	.jDiaporama{
		position:relative;
		display:block;
		border-bottom:1px solid #7d3988;
	}
	
	.jDiaporama ul{
		overflow:hidden;
		margin:0;
		padding:0;
	}
	
	.jDiaporama li{
		list-style-type:none;
		overflow:hidden;
		position:absolute;
	}
	.jDiaporama p{
		text-align:left;
		position:absolute;
		width:350px;
		top:142px;
		left:42px;
		padding:10px;
		background-color:#FFFFFF;
	}
	
	.jDiaporama b{
		font-size:16px;
		font-family: 'Playfair Display', serif;
		color:purple;
	}
	
	.jDiaporama li img{
		display:block
	}
	
	.jDiaporama li .desc{
		position:absolute;
		bottom: 0; left: 0;
		display:none;
		margin:0;
		color:#fff;
		font-size:12px;
		font-family: Arial;
		padding:5px;
		background:url(img/back_desc.png) repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
		width:100%;
		height:30px
	}
	
	.jDiaporama li .title{
		position:absolute;
		top: 0; left: 0;
		display:none;
		margin:0;
		color:#fff;
		font-size:12px;
		font-family: Arial;
		padding:5px;
	}
	
	.jDiaporama li .count{
		position:absolute;
		top: 0; right: 0;
		display:none;
		margin:0;
		color:#fff;
		font-size:12px;
		font-family: Arial;
		padding:5px;
	}
	
	.jDiaporama_controls{
		display:none;
	}
	
	.jDiaporama_controls a{
		font-weight:normal;
		width:10px;
		height:13px;
		text-indent:-9999px;
		display:block;
		margin:0 3px;
		position:absolute;
	}
	
	.jDiaporama_controls .prev{
		background:url(../img/controls2.png) no-repeat bottom;
		_background:url(../img/controls.gif) no-repeat bottom;
		top:50%;
		margin:0;
		padding:0;
		margin-top:-24px;
		height:48px;
		width:29px;
		left: 0px;
	}
	
	.jDiaporama_controls .next{
		background:url(../img/controls2.png) no-repeat top;
		_background:url(../img/controls.gif) no-repeat top;
		top:50%;
		margin:0;
		padding:0;
		margin-top:-24px;
		height:48px;
		width:29px;
		right: 0px;
	}
	
	.jDiaporama_controls .pause{
		background:url(../img/playpause.png) no-repeat top;
		_background:url(../img/playpause.gif) no-repeat top;
		width:64px;
		height:48px;
		left:50%;
		top:50%;
		margin-left:-32px;
		margin-top:-24px;
	}
	
	.jDiaporama_controls .play{
		background:url(../img/playpause.png) no-repeat bottom;
		_background:url(../img/playpause.gif) no-repeat bottom;
		width:64px;
		height:48px;
		left:50%;
		top:50%;
		margin-left:-32px;
		margin-top:-24px;
	}
	
	/**** Status ****/
	
	.jDiaporama_status{
		text-align:center;
		margin-top:10px;
		position:absolute;
		left:50%;
		display:none
	}
	
	.jDiaporama_status a{
		background:url(../img/bullets.png) no-repeat left;
		_background:url(../img/bullets.gif) no-repeat left;
		float:left;
		width:10px;
		height:10px;
		text-indent:-9999px;
		margin-right:5px;
	}
	
	.jDiaporama_status a.active, .jDiaporama_status a:hover{
		background:url(../img/bullets.png) no-repeat right;
		_background:url(../img/bullets.gif) no-repeat right;
	}
	#diap {
		display:block;
		background:url('../img/fondfooter.jpg') top repeat-x;
		padding:2px;	
	}
	#diap a {
		text-decoration:none;
		color:#FFFFFF;
	}

	#colentiere {}

	#colgauche {
		display:block;
		float:left;
		width:500px;
		margin-top:15px;
		margin-bottom:0px;	
		text-align:left;
	}

	#coldroite {
		display:block;
		float:left;
		padding-left:0px;
		width:485px;
		margin-top:15px;
		margin-bottom:0px;
		}
	#colgauche img {
		margin-bottom:15px;
		}
	#coldroite img {
		padding-left:15px;
		margin-bottom:15px;
		}
	#coldroite h4, #colgauche h4 {		
		text-align:left;
		font-size:24px;
		font-family: 'Playfair Display', serif;
		color:#7b3b87;
		padding-left:15px;
		padding-right:15px;
		margin-top:0px;
		margin-bottom:15px;
		}
	#coldroite input[type="text"], #coldroite textarea {		
		width:100%;
		font-size:13px;
		color:#000000;
		border: 1px solid #c4a3c6;
		padding:3px;
		margin-top:6px;
		}
	#colgauche input[type="text"] {		
		font-size:13px;
		color:#000000;
		border: 1px solid #c4a3c6;
		padding:3px;
		margin-top:6px;
		}	
	#coldroite p, #colgauche p {		
		text-align:left;
		padding-left:15px;
		padding-right:15px;
		margin-top:0px;
		}
	#coldroite b, #colgauche b {		
		color:#7B3B87;

		}		

	#coldroite p img, #colgauche p img {		
		margin:0;
		padding-left:0px;
		padding-right:3px;
		padding-top:0px;
		padding-bottom:3px;
		}

	#coldroite p a, #colgauche p a {		
		display:block;
		width:100%;
		height:31px;
		line-height:31px;
		text-align:center;
		background:url('../img/fondfooter.jpg') top;
		color:#FFFFFF;
		text-decoration:none;
		-webkit-transition: background .2s ;
    	-moz-transition: background .2s;
    	-o-transition: background .2s;
    	transition: background .2s;
		}

	#coldroite p a:hover, #colgauche p a:hover {		
		background:url('../img/fondfooter.jpg') bottom;
		}
	.itineraire_v, .itineraire_a  {
		margin-left:8px;
		margin-bottom:8px;
		display:block;
		position:relative;
		float:left;
		width:323px;
		height:53px;	
	}
	.itineraire_a a {
		display:block;
		position:relative;
		color:#7B3B87;
		text-decoration:none;
		float:left;
		width:323px;
		height:53px;
		line-height:53px ;	
	}
	.itineraire_v a {
		display:block;
		position:relative;
		color:#7B3B87;
		text-decoration:none;
		float:left;
		width:323px;
		height:53px;
		line-height:26px ;	
	}
	.itineraire_a a:hover, .itineraire_v a:hover {
		color:#FFFFFF;
		background-color:#7B3B87;	
	}
	.itineraire_v img, .itineraire_a img {
		float:left;
		height:53px;
		width:53px !important;	
	}
	.itineraire_v p, .itineraire_a p {
		display:block;
		float:left;
		margin:0px;
	}
	#pictos {
		text-align:left;
		padding-left:15px;
	}
	#pictos img {
		width:52px;
		height:52px;
		margin:0;
		padding-left:0;
		padding-top:0;
		padding-right:10px;
		padding-bottom:10px;			
	}
	#navT {
		display:none;	
	}	
	
}
/* ecran tablette */
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){
	#nav {
		display:none ;
	}
	#navT {
		display:block;	
	}
	#navT select {
		display:block;
		border:none;
		width:100%;
		text-align:left ;
		height:50px;
		line-height:100px;
		font-size:18px;
		color:#7B3B87;
		background:url('../img/menuT.png') top center #7B3B87 ;	
	}
	#navT optgroup {
		font-size:14px;
		color:#FFFFFF;
		background-color:#7B3B87 ;	
	}	
	#navT option {
		display:block;
		border:none;
		width:100%;
		padding:10px;
		font-size:18px;
		color:#111111;
		background-color:#FFFFFF ;	
	}
	#header {
		display:block;
		position : relative;
	}
	.jDiaporama {
		width:100%;	
	}
	.jDiaporama img {
		width:100% !important;
		max-width:100% !important;	
	}
	#conteneur {
		width:75%;
		padding:0px;
		padding-bottom:50px;
		margin-top:0px;
		text-align:center;
		background-color:#FFFFFF;
	}
	#conteneur img {
		width:100%;
	}
	#conteneur iframe {
		width:100%;
	}
	#colgauche, #coldroite {
		float:none;
		width:100%;
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0%;
		padding-top:0px;
		padding-bottom:0px;		
		text-align:center;
		background:none;	
	}
	#colgauche img, #coldroite img {
		width:100%;
		max-width:485px;
		padding-left:0px;
	}
	#pictos img {
		width:52px !important;
		height:52px;			
	}	
	#pictos {
		text-align:center;			
	}
	.itineraire_a a, .itineraire_v a {
		color:#FFFFFF;
		background-color:#7B3B87;	
	}		
}
/* ecran mobile telephone*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
	#conteneur {
		width:100%;
		margin-top:0px;
		padding:0px;
		padding-bottom:15px;
	}
	#conteneur img {
		width:100%;
		padding-left:0px;
	}
	#pictos img {
		width:52px !important;
		height:52px;			
	}	
	#colgauche, #coldroite {
		width:100%;	
		margin-left:0;
		border:0 !important;
	}
	#colgauche p a, #coldroite p a {
		display:none ;
	}
	#header {
		display:block;
		position : relative;
	}
	#nav, #footer {
		display:none ;
	}
	#navT {
		display:block;	
	}
	#navT select {
		display:block;
		border:none;
		width:100%;
		text-align:left ;
		height:50px;
		line-height:100px;
		font-size:18px;
		color:#7B3B87;
		background-color:#7B3B87 ;	
	}
	#navT optgroup {
		font-size:14px;
		color:#FFFFFF;
		background-color:#7B3B87 ;
		text-align:left ;	
	}	
	#navT option {
		display:block;
		border:none;
		width:100%;
		padding:10px;
		font-size:18px;
		color:#111111;
		background-color:#FFFFFF ;
		text-align:left ;	
	}		
	#footerT {
		display:block;
	}
	#footerT ul  {
		display:block;
		padding:0;
		margin:0;
	}
	#footerT ul li {
		display:block;
		height:50px;
		line-height:50px;
		width:100% ;
		color:#FFFFFF;
		background:url('../img/fondmenu.jpg') top repeat-x ;
	}
	#footerT ul li a {
		display:block;
		height:50px;
		width:100% ;
		color:#FFFFFF;
		text-decoration:none ;
		background:url('../img/fondmenu.jpg') top repeat-x ;
	}
	.jDiaporama, #diap {
		display:none ;	
	}
	#centerfooter {
		width:100%;
		height:44px;
		text-align:center;
		display:block;
		position:relative;
	}
	.itineraire_v a, .itineraire_v, .itineraire_a a, .itineraire_a {
		margin-left:0;
		width:100%;
	}
}