@charset "UTF-8";

/*
orange : ff6 138
jaune : ffd 402
bleu : 0CA 7D3
*/

body {overflow-x:hidden;color:#000;font-size: 13px;height:100%;background-color:#fdfdfd;background-attachment: fixed !important;padding:0px;margin:0px;
	background: -webkit-radial-gradient( center, circle, #f8cb00, #9a0000);
	background: -moz-radial-gradient( center, circle, #f8cb00, #9a0000);
	background: -ms-radial-gradient( center, circle, #f8cb00, #9a0000);
	background: -o-radial-gradient( center, circle, #f8cb00, #9a0000);
	background: radial-gradient( circle at center, #f8cb00, #9a0000);
	/*background-image:url('../assets/img/pat1.gif');background-repeat:repeat; */
}
div, img, ul, li, a img, p, h1, h2, h3, h4, h5, h6{border:none;margin:0px;padding:0px;list-style-type:none;font-weight: normal;font-family: 'Open Sans';}
h1{color: #444;font-size: 44px;line-height: 100%; /*text-transform: uppercase;*/}
h2{padding: 30px 0px 10px 0px; text-shadow: 1px 1px #fff, -1px -1px #fff;}
a{border:none;text-decoration: none;color:#000;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;outline: none;}
span{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;outline: none;}
p{color:#444;font-size: 13px;line-height: 20px;}
p a{font-weight: 600;}
a:focus{-moz-outline-style: none;}
a:hover{text-decoration: none;color:#f8cb00;}
.clear{clear: both;}
.sep{height: 1px;background-color: #ddd;border-bottom:1px solid #fff;margin:30px 0px;}


/* home */
#cslid{position:relative;top:0px;height: 300px;margin: 0px 0px 10px 0px;padding: 0px;border:none;overflow: hidden;width: 680px;}
#slideshow {position:relative;margin: 0px 0px 0px 0px; display:none;height: 100%;}
#preloaderslideshow{position:absolute;top:0px;display:block;height:100%;width: 100%;text-align: center;}
#preloaderslideshow img{position:relative;top: 42%;}
.pres p{font-size:13px;color: #555;}


/* header */
#header{z-index: 100;position:fixed;width: 100%;height:30px;background-color: #000;background-image:url('../assets/img/bgheader.png');background-repeat:repeat-x;}
#cheader{margin: 0px auto;max-width: 940px;}
#menu2{float:right;text-align: right;}
#menu2 .lang{display:inline-block; padding:4px 4px 0px 0px;}
#menu2 .lang a{font-size:11px;padding:7px 6px 6px 6px;color:#fff;text-align: center;font-weight: normal;font-family: Arial;cursor: pointer;}
#menu2 .lang a:hover{color: #f8cb00;}
#mobilemenu{display:none;float: left;margin-left: 10px;}
#mobilemenu {width: 38px;height: 38px;overflow: hidden;background: url(../assets/img/menu.png) no-repeat right;}
#mobilemenu select {background: #f7f7f7;width: 268px;padding: 5px;line-height: 1px;border: 0;border-radius: 0;height: 38px;-webkit-appearance: none;opacity: 0;}


/* menu */
#mainmenu{position:fixed;top:40px;float:left;background-color: #fcfcfc;border:1px solid #ccc;border-radius: 5px;width: 245px;text-align: center;padding: 30px 0px;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5);}
#mainmenu .tel{width:160px;height:27px;background-image:url('../assets/img/bgtel.png');background-repeat:no-repeat;padding:6px 0px 0px 0px;font-size:12px;margin-left: 36px;}
#mainmenu .tel span{margin-left: 36px;margin-bottom: 0px;}
#mainmenu ul{text-align: left;padding-left:20px;}
#mainmenu li{padding: 0px 0px 10px 0px;font-size: 13px;text-transform:uppercase;}
#mainmenu li a{color: #666;font-weight: normal;}
#mainmenu li a:hover{color: #f8cb00;padding-left: 6px;}
#logovan{opacity: 1;height: 62px;}
.sep2{position:relative;left:20px;height: 1px;background-color: #ddd;border-bottom:1px solid #fff;margin:20px 0px;width: 205px;}
.vehic{padding-top:10px;font-family: Georgia;font-style: italic; }


/* content */
#maincontent{margin: 0px auto;max-width: 940px;}
.ccontent img, .ccontent iframe{max-width: 100%;}
.ccontent img, .ccontent iframe{margin: 10px 0px;}

.content{float:right;padding:0px;margin:40px 0px 0px 0px;min-height: 100%;}
.ccontent{background-color: #fcfcfc;border:1px solid #ccc;border-radius: 5px;width: 640px;padding: 40px 20px;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5);margin-bottom: 10px;}
.btdevis{display:block;cursor: pointer;font-size: 14px;color:#fcfcfc;background-color: #f8cb00;padding:8px;width:180px;margin:0px auto;text-align: center;border-radius: 4px;text-shadow: 1px 1px rgba(0, 0, 0, 0.4);font-weight: 600;text-transform: uppercase;}
.btdevis:hover{color:#f8cb00;background-color: #333;}

.yl_barcelone_uk_upload_doc, .yl_barcelone_es_upload_doc, .yl_tours_upload_doc, .yl_home_upload_doc, .yl_transferts_upload_doc, .yl_dispo_upload_doc, .yl_barcelone_upload_doc, .yl_collectivites_upload_doc{overflow: hidden;}
.yl_barcelone_uk_upload_doc a, .yl_barcelone_es_upload_doc a, .yl_tours_upload_doc a, .yl_home_upload_doc a, .yl_transferts_upload_doc a, .yl_dispo_upload_doc a, .yl_barcelone_upload_doc a, .yl_collectivites_upload_doc a{display:block;cursor: pointer;font-size: 13px;color:#fcfcfc;background-color: #f8cb00;padding:7px;border-radius: 4px;text-shadow: 1px 1px rgba(0, 0, 0, 0.4);font-weight: 600;text-transform: uppercase;margin-bottom: 8px;float: left;clear: left;}
.yl_barcelone_uk_upload_doc a:hover, .yl_barcelone_es_upload_doc a:hover, .yl_tours_upload_doc a:hover, .yl_home_upload_doc a:hover, .yl_transferts_upload_doc a:hover, .yl_dispo_upload_doc a:hover, .yl_barcelone_upload_doc a:hover, .yl_collectivites_upload_doc a:hover{color:#f8cb00;background-color: #333;}

/* transfert */
.tliste {width:100%;margin:0px;}
.tliste h2{padding:0px 30px 6px 0px; margin:0px;font-size:24px;line-height:30px;text-align: left;font-weight: 600;color: #454545;}
.tliste p{font-size:12px;font-style: italic; padding:0px 0px 20px 0px;color: #666;text-align: left;line-height: 18px;font-family: Georgia;}
.tliste ul{margin-bottom: 30px;}
.tliste li{padding: 10px 0px 10px 0px;font-size: 14px;color:#555;width:100%;border-bottom:1px dotted #ccc;}
.tliste li:first-child {border-top:1px dotted #ccc;}
.tliste li:hover{background-color: #454545;color: #fff;}
.tliste li span{display: inline-block;}
.trajet{float:left;margin-left: 25px;}
.price{float:right;font-weight: 600;margin-right: 25px;}
#transemenu{padding-top: 6px;}

/* tours */
#diapoimg{padding:0px;width: 680px;background-color: transparent;border:none;box-shadow:none;margin: 0px 0px 0px 5px;}
#diapoimg .itemt{float:left;margin-right:9px;margin-bottom: 11px;padding:0px;width: 32%;height:150px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;border-radius: 5px;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5);overflow: hidden;}
#diapoimg .itemt:hover{opacity: 0.7;}
#diapoimg a{position:relative;display:block;width:100%;height:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position:center center;opacity: 0;margin:0px;padding:0px;cursor: pointer;}



/* contact */
.contactstitre b{font-size: 18px;}
.contactstitre p{font-size: 12px;width: 100%;}
.cform{margin-bottom: 30px;}
#mail, #fname, #object, #msg{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:block;background-color:#eee;padding: 7px;font-size: 13px;border:1px solid #eee;color: #000;font-family : Arial, Helvetica, sans-serif;font-weight: lighter;}
#mail, #fname, #object{height:40px;margin: 0px 0px 6px 0px;width:70%;}
#msg{height:200px;width:90%;resize:none;}
#required{margin-top:6px;color: #aaa;font: italic 9px Georgia,serif;display: block;}
#btsend{position: relative;top:0px;cursor: pointer;font-size: 16px;color:#fcfcfc;background-color: #f8cb00;padding:8px 15px 8px 15px;border-radius: 4px;text-shadow: 1px 1px rgba(0, 0, 0, 0.4);font-weight: 600;}
#btsend:hover{color:#f8cb00;background-color: #333}
#thanks{position:relative;font-size: 20px;opacity:0;top: 20px;left:3px;cursor:default;}
#gmap{padding:0px;width: 680px;}
#map-canvas {width:100%;height: 300px;margin: 0px;padding: 0px;}
.headcontact, .headcontact p{font-size:14px;font-style: italic; padding:10px 0px 20px 0px;color: #424242;text-align: left;line-height: 18px;font-family: Georgia;width: 80%;}


/* footer */
.footerm{background-color: #111;border-radius: 5px;margin-top:10px;display: none;}
.footer{background-color: #111;color: #fff;border-radius: 5px;padding: 20px;margin-bottom: 30px;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5);}
.submenu{float: left;width: 50%;}
.cfooter h5{color: #fff;font-size: 14px;font-weight: 600;margin-bottom: 12px;}
.cfooter ul{width: 88%;}
.cfooter ul a{width:96%;font-size: 12px;color: #999;background-color: #111;display: block;padding: 8px 0px 8px 10px;}
.cfooter ul a:hover{background-color: #333;color:#fff;padding-left: 14px;width: 94%;}
.logossocial .dot{margin-bottom:10px;}
.dot{display: block;background-image:url('../assets/img/dot.png');background-repeat:repeat-x;height:1px;width:100%;}
.cfooter .logossocial a{margin-right: 8px;opacity: 0.5;}
.cfooter .logossocial a:hover{opacity: 1;}
.cfooter p{margin-top: 50px;color: #999;font: normal 11px Georgia,serif; font-style: italic; text-align: center;}
.cfooter p a{color:#f8cb00;}
.cfooter p a:hover{color:#fff;}


@media screen and (min-width: 0px) and (max-width: 940px) {

	body{padding: 20px;}
	h1{font-size: 30px;}
	#mobilemenu{display:block;padding-bottom: 20px;}
	#header{position:relative;height: 55px;}
	#menu2 .lang{padding-top:18px;}
	#mainmenu{display: none;width: 100%;float: none;}

	#maincontent{max-width: auto ;border:1px solid transparent;margin:auto;}

	.content{float:none;margin-top: 14px;background-color: #fcfcfc;border:1px solid #ccc;border-radius: 5px;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5);}
	.ccontent{margin: 0px auto 10px auto;background-color: transparent;border:none;box-shadow:none;max-width: auto;width: auto;}

	#gmap{position:relative;padding:0px;width: 100%;top: 10px;}
	#cslid{width: 96%;margin: 0px auto 10px auto;}

	#diapoimg{text-align: center;width:100%;}
	#diapoimg .itemt{float:none;display: inline-block;width: 31%;height:120px;box-shadow:none;}
	#mail, #fname, #object, #msg{width:100%;}

	/*.footer{display: none;} */
	.footerm{display: block;}
	.footerm .footer{display: block;box-shadow:none;margin-bottom: 0px;}
}