@charset "utf-8";
/* CSS Document
rouge : 9e3722
rose : ffe9d3 */

#canConteneur {
/*	background-image:url(../_images/pixN.bmp);
	background-repeat:repeat-y; */
	border-left:1px solid black;
	box-shadow:5px 5px 5px #777;
	margin:1% auto;
	max-width:1400px;
}

/** BEANDEAU { **/

#canBandeau div.image {
	height:130px;
	overflow:hidden;
}
#canBandeau div.image img {
	height:130px;
	width:100%;
}
#canBandeau div.logo {
	background-color:#9e3722;
	height:23px;
	margin:2px 0 5px 0;
	position:relative;
}
#canBandeau div.logo img {
	left:50%;
	margin-left:-125px;
	position:absolute;
	bottom:-18px;
	width:208px;
	width:250px;
}
#canBandeau nav {
	background-color:#ffe9d3;
	min-height:15px;
}
#canBandeau nav div.menu {
	display:inline-block;
	font-size:10pt;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	width:14%;
}
#canBandeau nav div.menu.sel {
	color:#9e3722;
}
#canBandeau nav div.menu:nth-child(4) {
	float:right;
}
#canBandeau nav div.menu:nth-child(5) {
	float:right;
}
#canBandeau nav div.menu:nth-child(6) {
	float:right;
}
#canBandeau nav div.menu img {
	position:absolute;
	left:50%;
	margin-left:-5px;
	top:-6px;
	width:10px;
}
#canBandeau nav div.sousMenu {
	background-color:white;
	color:black;
	display:none;
	position:absolute;
	left:0;
	right:0;
}
#canBandeau nav div.sousMenu.sel {
	display:block;
}
#canBandeau nav a:hover {
	color:#9e3722;
	text-decoration:none;
}
#canBandeau nav div.sousMenu a {
	color:black;
	display:block;
	padding:5px 0;
	text-align:center;
}
#canBandeau nav div.sousMenu a.sel {
	color:#9e3722;
}
/* } */

/** CORPS { **/

#canCorps {
	position:relative;
}

#canCorps h1 {
	color:#9e3722;
	display:block;
	font-size:50pt;
	letter-spacing:5px;
	margin:120px 0 60px 0;
	text-align:center;
	text-transform:uppercase;
}
#canCorps h2 {
	color:#9e3722;
	display:block;
	font-size:15pt;
	font-weight:normal;
	letter-spacing:2px;
	line-height:140%;
	margin:0 0 40px 0;
	text-transform:uppercase;
}
#canCorps h3 {
	display:block;
	font-size:12pt;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
}
#canCorps .ligne {
	padding:2%;
}
#canCorps .ligne_1_2 {
	background-color:#ffe9d3;
	margin-bottom:60px;
}
#canCorps .ligne_1_2 .col_1 {
	display:inline-block;
	vertical-align:top;
	width:33%;
}
#canCorps .ligne_1_2 .col_2 {
	display:inline-block;
	padding:4%;
	vertical-align:top;
	width:62%;
}
#canCorps .ligne_1_2 .col_1 img {
	display:block;
}

#canCorps .ligne_1_3 {
	background-color:#ffe9d3;
	margin-bottom:60px;
}
#canCorps .ligne_1_3 .col_1 {
	display:inline-block;
	vertical-align:top;
	width:33%;
}
#canCorps .ligne_1_3 .col_2 {
	display:inline-block;
	vertical-align:top;
	width:33%;
}
#canCorps .ligne_1_3 .col_3 {
	display:inline-block;
	vertical-align:top;
	width:33%;
}


/** FIN CORPS } **/

/** PIED DE PAGE { */
	#canPiedDePage {
		border-bottom:20px solid #9e3722;
		position:relative;
		font-size:9pt;
		height:185px;
		margin-top:30px;
	}
	#canPiedDePage strong {
		color:#9e3722;
		font-weight:normal;
	}

	#canPiedDePage div.cottens {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:42%;
	}
	
	#canPiedDePage div.cottens div.horaire {
		background-color:#ffe9d3;
		border-right:1px dotted #9e3722;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		width:58%;
	}
	#canPiedDePage div.cottens div.horaire div.contenu {
		position:absolute;
		bottom:4%;
		right:4%;
		left:4%;
		
		text-align:right;
	}
	

	#canPiedDePage div.cottens div.adresse {
		background-color:#ffe9d3;
		border-right:1px dotted #9e3722;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:40%;
	}
	#canPiedDePage div.cottens div.adresse div.contenu {
		position:absolute;
		bottom:4%;
		right:4%;
		left:4%;
		
		text-align:right;
	}

	#canPiedDePage div.cartes {
		position:absolute;
		top:0;
		bottom:0;
		left:43%;
		width:14%;
	}
	#canPiedDePage div.cartes img {
		height:100%;
		width:100%;
	}


	#canPiedDePage div.biere {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:42%;
	}

	#canPiedDePage div.biere div.horaire {
		background-color:#ffe9d3;
		border-left:1px dotted #9e3722;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		width:58%;
	}
	#canPiedDePage div.biere div.horaire div.contenu {
		position:absolute;
		bottom:4%;
		right:4%;
		left:4%;
	}

	#canPiedDePage div.biere div.adresse {
		background-color:#ffe9d3;
		border-left:1px dotted #9e3722;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		width:40%;
	}
	#canPiedDePage div.biere div.adresse div.contenu {
		position:absolute;
		bottom:4%;
		left:4%;
		right:4%;
	}

/** FIN PIED DE PAGE } **/

/* MENU RESPONSIVE { */
#canBandeau div.logo a.hamburger {
	color:white;
	display:none;
	float:right;
	margin:3px 5px 0 0;
}
#canBandeau nav div.canMenuResp {
	display:none;
}
div.canMenuResp a {
	display:block;
	font-size:120%;
	text-decoration:none;
	text-transform:uppercase;
}
div.canMenuResp a:hover {
	background-color:white;
}
div.canMenuResp .menu {
	font-size:120%;
	padding:1%;
}
div.canMenuResp .sousMenu {
	font-size:110%;
	padding:1% 0 1% 4%;
}
/* } */


@media only screen and (max-width:1000px) {
/** PIED DE PAGE { */
	#canPiedDePage div.cartes {
		display:none;
	}
	#canPiedDePage div.cottens, #canPiedDePage div.biere {
		width:49.5%;
	}
/** FIN PIED DE PAGE } **/


	@media only screen and (max-width:900px) {
		nav .divMenu {
			display:none;
		}
		#canBandeau div.logo a.hamburger {
			display:block;
		}
	
		#canCorps h1 {
			font-size:40pt;
		}
		#canCorps .ligne_1_2 .col_1, #canCorps .ligne_1_2 .col_2, #canCorps .ligne_1_3 .col_1, #canCorps .ligne_1_3 .col_2, #canCorps .ligne_1_3 .col_3 {
			display:block;
			margin:0;
			width:auto;
		}
/** PIED DE PAGE { */
		#canPiedDePage {
			height:auto;
		}
		#canPiedDePage div.cottens, #canPiedDePage div.biere {
			height:185px;
			position:relative;
			width:100%;
		}

		#canPiedDePage div.cottens {
			margin-bottom:2%;
		}
		#canPiedDePage div.cottens div.horaire {
			border:none;
			border-left:1px dotted #9e3722;
			left:auto;
			right:0;
		}
		#canPiedDePage div.cottens div.horaire div.contenu {
			text-align:left;
		}
		#canPiedDePage div.cottens div.adresse {
			left:0;
		}
		
		#canPiedDePage div.biere div.adresse {
			border:none;
			border-right:1px dotted #9e3722;
		}

		#canPiedDePage div.biere div.adresse div.contenu {
			text-align:right;
		}
		
/** FIN PIED DE PAGE } **/
		
		@media only screen and (max-width:450px) {
			#canCorps h1 {
				font-size:30pt;
			}
			
/** PIED DE PAGE { */
			#canPiedDePage div.cottens, #canPiedDePage div.biere {
				height:auto;
			}
	
			#canPiedDePage div.cottens div.horaire {
				border:none;
				position:static;
				width:100%;
			}
			#canPiedDePage div.cottens div.horaire div.contenu {
				position:static;
				padding:0 4% 4% 4%;
			}
			#canPiedDePage div.cottens div.adresse {
				border:none;
				position:static;
				width:100%;
			}
			#canPiedDePage div.cottens div.adresse div.contenu {
				padding:4%;
				position:static;
				text-align:left;
			}
			
			#canPiedDePage div.biere {
				position:static;
			}

			#canPiedDePage div.biere div.adresse {
				border:none;
				position:static;
				width:100%;
			}
			#canPiedDePage div.biere div.adresse div.contenu {
				padding:4%;
				position:static;
				text-align:left;
			}

			#canPiedDePage div.biere div.horaire {
				border:none;
				position:static;
				width:100%;
			}
			#canPiedDePage div.biere div.horaire div.contenu {
				padding:0 4% 4% 4%;
				position:static;
			}
/** FIN PIED DE PAGE } **/
		}
	}
}