/***** CHAMPAGNE DISCOVERY TOURS *****/

/***** COULEURS *****

 jaune  : #eccc14
 jaune texte : #ccac00
 noir	: #212121
 brun   : #4e0c2b
 violet : #452058
                 
********************/

@font-face {font-family:"Emblema"; src:url("Emblema-65.ttf");}

a {text-decoration:none; color:#ccac00;}
	a:hover {color:#4e0c2b;}
body {margin:0; font-family:"europa", sans-serif; background-color:#eccc14; color:#212121;}
div {position:relative; box-sizing:border-box;}
fieldset {padding:.5em; border-radius:.2em;}
	fieldset legend {padding:0 .5em; text-transform:uppercase;}
h1, h2, h3 {text-transform:uppercase;}
h1, h2 {font-family:Emblema;}
h2, h3 {font-weight:normal;}
h1 {font-size:300%;}
h2 {font-size:200%;}
h4 {font-size:110%;}

img {border:0; max-width:100%;}
input {padding:.2em;}
th {font-weight:normal; text-transform:uppercase; font-size:75%; text-align:left;}

.button {box-sizing:border-box; text-transform:uppercase;}
	input.button, .button a {padding:.5em 2em;}
.button a {display:block; box-sizing:border-box;}
.infoButton {background-color:#666; color:#fff;}
	.infoButton a {color:#fff;}
	.infoButton:hover {background-color:#eccc14}
	input.infoButton {border:none;}

.actionButton, .actionButton a {width:100% !important; border:.2em #fff solid; background-color:#452058; color:#fff;}
input.actionButton {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

.help {font-size:85%;}
.direction {color:#888;}
.info {color:#ccac00;}
.warning {color:#452058;}
.error {color:#f33;}
.feedback {margin-bottom:1em; padding:1em; border:1px #eccc14 solid; background-color:#eee;}
.light {font-size:80%;}
.linkFollow {text-align:right; margin-top:1em;}
	.linkFollow::after {content:"\203A"; margin-left:.3em; font-weight:bold;}

/******* STRUCTURE **********/
.header-wrapper, .main-wrapper, .footer-wrapper, .footer-main {max-width:1200px; margin:auto;}
.header-main, .footer-main {display:flex;}
.header-main {justify-content:center;}

/***** MISE EN FORME ********/

/*** CDT header ***/
.CDT-header {display:flex; justify-content:space-between; background-color:#212121; color:#eccc14;}
	.CDT-header-logo {padding:.4em .4em 0 .4em; border-right:1px #333 solid;}
	.CDT-header-login {padding:.4em; text-align:right; font-size:85%;}
		.CDT-header-login a {color:#eccc14;}
		.CDT-header-login em {padding-right:1em;}
	.loginAgent {margin-top:.2em; padding:.2em .5em;}

/*** header ***/
.header {margin-top:.5rem; background-color:#fff;}
.header-logo {margin:0 auto; padding:2em 0; text-align:center;}
	.header-logo img {}
.header-nav {display:none;}
	.header-nav > input, .header-nav > label {display:none;}
	.header-nav ul {display:flex; justify-content:center; padding:0; }
		.header-nav li {list-style:none; margin:0 .2em; background-color:#fff; text-transform:uppercase; text-align:center;}
		.header-nav a {display:block;  padding:.6em 1em .3em 1em; color:#000;}
		.header-nav .LinkStandard:hover, .header-nav .LinkStandard:active {background-color:#212121;}
		.header-nav .LinkStandard:hover a, .header-nav .LinkStandard:active a, .header-nav .LinkSelected a {color:#fff;}
		.header-nav .LinkSelected {background-color:#eccc14;}

/*** footer ***/
.footer {display:flex; justify-content:space-between; padding:.5em; color:#fff; background-color:#212121;}
	.footer p {font-size:70%;}
	.footer a {color:#fff;}
	.alcool {letter-spacing:.15em;}
		
/*** corps de page ***/
.main {background-color:#fff;}
	.breadcrumb {padding:.3em 0; text-transform:uppercase; font-size:85%; color:#eccc14;}
		.breadcrumb a:hover {text-decoration:underline;}
	.content {padding-bottom:2em;}

/*- home -*/
.CDT-home {}
	.CDT-home-banner {}
		.CDT-home-banner-content {position:absolute; top:1em; width:100%; text-align:center;}
		.CDT-home-banner-content h1, .CDT-home-banner-content h2 {margin:0; line-height:1em;}
		.CDT-home-banner-content h2 {color:#666;}
	.CDT-home-section {}
		.CDT-home-section-header {text-align:center;}
		.CDT-home-tiles {display:flex; justify-content:space-around;}
			.CDT-home-tile {width:31%; padding:1em; border-radius:.5em; overflow:hidden; box-shadow:.2em .2em .8em #888;}
				.CDT-home-tile-logo {border-bottom:2px #212121 solid; padding-bottom:1em; margin-bottom:.5em;}
				.CDT-home-tile-title {margin:0; font-size:110%;}
				.CDT-home-tile a {display:block; text-align:center;}
				.CDT-home-tile:hover {background-color:#ccac00;}
				.CDT-home-tile p {margin:0;}
				.CDT-home-tile ul {margin-top:1em; text-align:left;}
				.CDT-home-tile button {border:0; padding:1em 2em; text-transform:uppercase;}
			.CDT-home-RCT {background-color:#f03;}
				.CDT-home-RCT a {color:#fff;}
				.CDT-home-RCT .CDT-home-tile-logo {border-bottom:2px #fff solid;}
				.CDT-home-RCT button {background-color:#eee;}
				.CDT-home-RCT button:hover {background-color:#fff; color:#f03;}
			.CDT-home-TVL {}
				.CDT-home-TVL:hover {background-color:#eee;}
				.CDT-home-TVL a {color:#ccac00;}
			.CDT-home-CWT {background-color:#680;}
				.CDT-home-CWT a {color:#fff;}
				.CDT-home-CWT .CDT-home-tile-logo {border-bottom:2px #fff solid;}
				.CDT-home-CWT .CDT-home-tile-image {margin-top:1em;}

@media screen and (max-width:1200px) {
	.CDT-home-section {padding:0 .5em;}
}
@media screen and (max-width:1000px) {
	.CDT-home-banner {font-size:80%;}
}
@media screen and (max-width:750px) {
	.CDT-home-banner {font-size:60%;}
	.CDT-home-section-header h2 {font-size:150%;}
}
	
@media screen and (max-width:600px) {
	.header-logo {font-size:50%; max-width:50%;}
	.CDT-home-banner {display:flex; flex-direction:column-reverse; font-size:50%;}
	.CDT-home-banner-content {position:relative; top:0; margin-bottom:1em;}
	.CDT-home-section-header h2 {margin:2em 0 0 0; font-size:120%;}
	.CDT-home-tiles {flex-direction:column; align-items:center;}
	.CDT-home-tile {width:96%; margin:1em 0;}
	.CDT-home-tile-logo {max-height:100px;}
	.alcool {letter-spacing:.15em; font-size:60%!important;}

}