@charset "utf-8" ;

@import url("./champagne-limousines-bold.css") ;

/* http://pxtoem.com/ */

body
{
	/*font-size					: 16px ;*/
	font						: 100% ChampagneLimousinesBold, Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 800px)
{
	body { font-size: 90% } 
	#wrapper{ width: auto ; min-width: 95% ; max-width: 95% ; margin: 0 }
	header, section, footer { width: auto ; min-width: 90% ; margin: 0 ; clear: both }
	article{ clear: both }
	.medias{ -moz-transform: scale(0.8) ; -ms-transform: scale(0.8) ; -o-transform: scale(0.8) ; -webkit-transform: scale(0.8) ; transform: scale(0.8) ; }
	.medias > div, .medias > .slideshow, .medias > img { clear:both ; float: left ; }
	.accueil .slideshow { top: 0 ; top: 0!important }
}
@media screen and (min-width: 800px)
{
	body { font-size: 100% }
}



/* TAGS */

h1, h2, h3, h4, h5
{
	font-family					: ChampagneLimousinesBold, sans-serif ;
	color						: rgb(247,172,0) ;
	margin						: 0 0 0 0 ;	
	/*font-weight				: normal*/
}

a 
{
	font-family					: ChampagneLimousinesBold, sans-serif ;
	color						: rgb(247,172,0) ;
	text-decoration				: none ;
}
a:hover
{
	color						: rgb(199,111,0)
}

p
{
	-webkit-hyphens				: auto;
	-moz-hyphens				: auto;
	-ms-hyphens					: auto;
	-o-hyphens					: auto;
	hyphens						: auto;
	font-size					: 0.8em
}



/* FORMS */
fieldset
{
   	background					: rgba(255,255,255,0.7);
   	_background					: white;
   	padding						: 1em ;
   	/*font-size					: 0.8em*/
}

	input:focus
	{
    	background				: rgb(247,172,0);
	}

/*
header, footer, div
{
	-moz-box-sizing				: border-box ;
	-ms-box-sizing				: border-box ;
	-o-box-sizing				: border-box ;
	-webkit-box-sizing			: border-box ;
	box-sizing					: border-box ;
}
*/



/* CLASS */

.bold
{
	font-weight				: bold
}
.italic
{
	font-style				: italic
}

.clearboth,
section +br,
article +br
{
	clear					: both
}


/* colors */

.ccb-green
{
	color					: rgb(185,190,0)
}
.ccb-orange
{
	color					: rgb(247,172,0)
}
.ccb-orange-dark
{
	color					: rgb(199,111,0)
}
.ccb-red
{
	color					: rgb(199,80,0)
}
.ccb-brown
{
	color					: rgb(56,48,43)
}

.ccb-red-brown
{
	color					: rgb(140,90,0)
}

/* Properties */
.uppercase
{
	text-transform			: uppercase
}


/*
.right
{
	float					: right ;
	display					: inline-block
}
*/

.debug
{
	border					: 0.2em dotted green ;
	/*background-color		: rgba(150,150,150,0.5)*/
}

/* Font size */

/*
.fs-040
{
	font-size				: 0.4em ;
}
.fs-070
{
	font-size				: 0.7em ;
}
.fs-080
{
	font-size				: 0.8em ;
}
.fs-140
{
	font-size				: 1.4em ;
}
.fs-150
{
	font-size				: 1.5em ;
}
.fs-160
{
	font-size				: 1.6em ;
}
.fs-170
{
	font-size				: 1.7em ;
}
.fs-190
{
	font-size				: 1.9em ;
}
.fs-200
{
	font-size				: 2em ;
}
.fs-210
{
	font-size				: 2.1em ;
}
.fs-225
{
	font-size				: 2.25em ;
}
.fs-245
{
	font-size				: 2.45em ;
}
.fs-270
{
	font-size				: 2.7em ;
}
.fs-300
{
	font-size				: 3em ;
}
*/

/* pictos */
/*
.ccb-arbre
{
	width					: 7.875em ;
	height					: 10.250em ;
	background				: transparent url(./ccb-arbre-126x164.png) center center no-repeat ;
	background-size			: 7.875em 10.250em ;
}
.ccb-feuille
{
	width					: 12.563em ;
	height					: 9.750em ;
	background				: transparent url(./ccb-feuille-201x156.png) center center no-repeat ;
	background-size			: 12.563em 9.750em ;
}

.ccb-logo
{
	background				: transparent url(ccb-logo-351x193.png) center center no-repeat ;
	background-size			: 21.938em 12.063em;
	width					: 21.938em;
	height					: 12.063em;
}
*/


/* FRAMES */

body
{
	/*font-size											: 16px ;*/
	/*font												: 100% ChampagneLimousinesBold, Verdana, Arial, Helvetica, sans-serif;*/
	background-color									: white;
	color												: #000000;
	/* webkit hack: this force fx display for all */
	/*-webkit-filter									: blur(0);*/
	letter-spacing										: 0.04em;
	font-weight											: bold;
	text-align: center;
}

	#wrapper
	{
		/*position										: relative ;*/
		/*margin-top									: -37.500em ;*/
		/*height										: 37.500em*//*600px*/ ;
		/*overflow										: hidden ;*/
		width											: 64.000em/*1024px*/ ;
		/*height										: auto ;*/
		min-height										: 37.500em ;
		/*background									: rgb(56,48,43) ;*/
		margin											: 0em auto ;
		padding											: 0em 0em ;
    	box-shadow										: 0 0 1em #777 ;
    	-moz-box-shadow									: 0 0 1em #777 ;
    	webkit-box-shadow								: 0 0 1em #777 ;
		background-size									: auto auto ;
		background-position								: center top ;
		background-repeat								: no-repeat ;
		background-image								: url(wrapper-1024x600.png) ;
		/* for diaporama in back */
    	z-index											: 1;
    	border											: 1px solid silver
	}

		.update
		{
			background-color							: #777777 ;
			color										: white ;
			padding										: 0.5em ;
			/*position									: absolute ;
			right										: 1em ;
			top											: 1em ;*/
			z-index										: 100 ;
			/*width										: 17em*/
			margin										: 0 ;
			font-size									: 0.7em ;
		}
			.update .chromeframe 
			{
				background-color						: transparent ;
				display									: none ;
				visibility								: hidden ;
				padding									: 0.2em 0.2em 0.5em 0.2em ;
				margin									: 0
			}
			.msie .update .chromeframe 
			{
				display									: inline ;
				visibility								: visible ;
			}
		
		#wrapper header
		{
			background									: transparent url(ccb-logo-351x193.png) center 2em no-repeat ;
			background-size								: 21.938em 12.063em ;
			height										: 14em ;
		}
			article header
			{
				background								: transparent ;
				border									: 1px solid blue
			}

			.menu
			{
				/*position								: absolute;*/
		    	top										: 0em;
		    	padding									: 0 0 0 0em;
		    	overflow								: hidden;
				-webkit-touch-callout					: none;
				-webkit-user-select						: none;
				-khtml-user-select						: none;
				-moz-user-select						: none;
				-ms-user-select							: none;
				user-select								: none;
				z-index									: 2	;
				background								: transparent ;
				text-align								: center ;
				height									: 11em
			}
				
				.menu ul
				{
					background							: rgb(56,48,43) ;
					text-align							: center ;
					height								: 2em ;
					padding								: 0 0 0 2em
				}
				
				.menu ul li
				{
					display								: block ;
					float								: left ;
					width								: 7em ;
					height								: 2em ;
					min-height							: 2em ;
					text-align							: center ;
					background							: rgb(56,48,43) ;
					/*box-shadow						: 0 0.5em 0.3em rgba(0, 0, 0, 0.4), 0 -18em 1em -1em white inset ;*/
					/*transform							: rotate(-11deg) ;
					-moz-transform						: rotate(-11deg) ;
					-ms-transform						: rotate(-11deg) ;
					-o-transform						: rotate(-11deg) ;
					-webkit-transform					: rotate(-11deg) ;*/
					z-index								: 3;
					box-shadow							: 0 0 0.3em #999 ;
					overflow							: hidden
				}
				
				.menu ul li:hover
				{
					/*transform							: rotate(-11deg) translate(0,-4em) ;
					-moz-transform						: rotate(-11deg) translate(0,-4em) ;
					-ms-transform						: rotate(-11deg) translate(0,-4em) ;
					-o-transform						: rotate(-11deg) translate(0,-4em) ;
					-webkit-transform					: rotate(-11deg) translate(0,-4em) ;*/
					height								: 7em ;
					background-color					: rgb(247,172,0)
				}
				
				.menu ul li a span
				{
					/*font-size							: 1em ;*/
					color								: white;
					line-height							: 1.5em 
				}

					.menu ul li a span:first-child
					{
						color							: rgb(185,190,0) ;
						line-height						: 2.5em ;
					}
					
		
			section
			{
				/*border-bottom : 0.3em solid brown ;*/
				padding 								: 0 0 1em 0 ;
				margin									: 0 0 1em 0 ; 
				background 								: transparent url(ccb-filet-1024x8.png) center bottom no-repeat ;
			}
			
				article
				{
					border 								: 0.15em dotted silver ;
					padding								: 1em 5em 1em 1em ;
					margin								: 1em 1em 1em 1em ;
					background							: white url(./ccb-feuille-201x156-png8.png) 114% -5em no-repeat ;
					background-size						: 12.563em 9.750em ;
				}
				.medias
				{
					border 								: 0 ;
					height								: 20em ;
					margin								: 0 ;
					padding								: 0 ;
					background-image					: none
				}
			
					article ul
					{
						margin							: 0 0 0 0;
						padding							: 0 0 0 1.2em;
						font-size						: 0.9em;
						list-style-type					: circle
					}
					
					iframe
					{
						width							: auto ;
						min-width						: 80% ;
						border							: 0 ;
						background						: transparent ;
						height							: 25em
					}
					
					.medias div,
					.medias slideshow,
					.medias img
					{
						_float 							: left ;
						display							: inline-block ;
						margin							: 1em
					}
			
					img, video, .slideshow
					{
						margin							: 0.5em ;
						padding							: 0 ;
						position						: static ;
						/*float							: left ;*/
						border							: 1em solid white ;
						-moz-box-shadow					: 0 0 0.5em #777 ;
						-webkit-box-shadow				: 0 0 0.5em #777 ;
						box-shadow						: 0 0 0.5em #777 ;
						-ms-filter						: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
						filter							: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
					}
					
					.slideshow
					{
						/*margin						: 0em ;*/
						padding 						: 0 ; 
						background						: white ;
						position						: relative ;
						_position						: absolute ;
						overflow						: hidden
					}
						.slideshow div,
						.slideshow img
						{
							margin						: 0 ;
							padding						: 0;
							/*position					: static ;*/
							float						: none ;
							border						: 0 ;
							box-shadow					: 0 ;
							float						: none ;
							position					: absolute ;
							z-index						: 0
						}
						.slideshow img.change
						{
							opacity						: 0 ;
							z-index						: 1;
							transform					: scale(2) ;
							-moz-transform				: scale(2) ;
							-ms-transform				: scale(2) ;
							-o-transform				: scale(2) ;
							-webkit-transform			: scale(2) ;
							visibility					: visible ;
							-webkit-filter				: blur(0.5em)
						}
	
			#wrapper > footer
			{
				-moz-column-count						: 2;
				-moz-column-gap							: 2em;
				-webkit-column-count					: 2;
				-webkit-column-gap						: 2em;
				column-count							: 2;
				column-gap								: 2em;
				font-size								: 0.8em ;
				text-align								: center ;
				padding									: 1em ;
				background-color						: rgb(240,240,240)
			}
	



/* CHAPTERS */

	.accueil article
	{
		 width							: 28em ;
		 float							: left ;
		 background						: white ;
		 margin							: 2em 0 0 2em ;
	}
	
	.accueil .slideshow
	{
		 width							: 20.250em/*324px*/ ;
		 height							: 19.375em/*310px*/ ;
		 float 							: right ;
		 top							: -11em ;
		 right							: 2em
	}
	
	.accueil .ccb-logo
	{
		 display						: none ;
		 visibility						: hidden
	}




/*
.conseils .medias
{
	height : 35em ;
}*/

	.conseils .slideshow
	{
		width					: 14.875em /*238px*/ ;
		height					: 7.375em /*118px*/ ;
	}


/*
.savoir-faire .medias
{
	height : 18em ;
}*/

	.savoir-faire .slideshow
	{
		width						: 18.563em /*297px*/ ;
		height						: 13.813em
	}
	.savoir-faire .slideshow:last-child,
	.savoir-faire .slideshow.fx-speed-propagation /* idem */
	{
		width						: 26.750em /*428px*/ ;
		height						: 12.688em /*203px*/ ;
	}
	
	.savoir-faire .ccb-feuille
	{
		display						: none
	}




/*.maison-bois .medias
{
	height : 18em ;
}*/

	.maison-bois .slideshow
	{
		width					: 24.438em /* 391px */ ;
		height					: 18.375em
	}

	.maison-bois #album
	{
		position		: relative ;
		display			: inline-block ;
		width			: 34% ;
		overflow-y 		: scroll;
		border			: 1px solid red ;
		min-height		: 28em;
		float			: left;
		margin			: 0 ;
		display : none
	}
		.maison-bois #album .view
		{
			position		: relative ;
			display			: inline-block ;
			width 			: 65% ;
			border			: 1px solid red;
			min-height		: 28em;
			float			: right ;
			margin			: 0;
			display : none
		}

/*
.contact .medias
{
	height : 20em ;
}*/