/*
Theme Name: Ardennes
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
 /* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before,a.menu-mobile:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

html {}

body { margin: 0px; padding: 0px; font-size: 0px; background: fixed url('images/dc_fond.jpg') repeat; 
background-size: 100%; font-family: 'Ropa Sans', sans-serif;
-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
}
p{
	font-size: 14px;
}
#wrapper {width: 1170px; border-left: solid 3px; border-right: solid 3px; border-color: #f08b21; margin: 0px auto;position: relative;}
#header 
{
	
	border-top: solid 1px #f08b21; 
	background: #000 url('images/dc_header.jpg') top center repeat;
			-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	height: 215px;
}

#menu {height: 37px; max-height: 42px; background: #f08b21;border-bottom: solid 5px #000;}
#contenu {min-height: 400px; background: transparent url('images/dc_contenu_fond.png') top left repeat; padding-bottom: 50px;}
#footer {height: 132px; background: transparent url('images/dc_footer.png') top left repeat-x; border-bottom: solid 75px #f08b21;}

#stripes {position: fixed; z-index: -1; height: 311px; width: 100%; background: transparent url('images/dc_stripes.png') top left repeat-x;}
#logo {/*width: 447px; height: 181px;*/width: 472px; height:215px; background: transparent url('images/dc_logo.png') top left no-repeat; position: absolute; z-index: +1;/*left:25px;*/left:0px;top:1px;}


#menu-main
{
	padding-left:15px;
}
#menu-main li{height: 37px; border-bottom: solid 5px #000; background: #f08b21; display: inline-block; padding: 0 24px;}

#menu-main li:hover,#menu-main li.current-menu-item {border-bottom: solid 5px #f08b21; background: #000;}
#menu-main li a {font-size: 20px; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 36px;}

h1.titre {font-size: 32px; text-decoration: none; color: #fff; padding: 20px 0px 20px 39px; margin: 0px;font-weight: normal;text-transform: uppercase;}
p.annonce {font-size: 20px; text-align: center;}
p.texte {font-size: 16px; color: #000;}


.bloc {width: 790px; min-height: 1px; border-right: solid 5px #f08b21; background: #fff; margin: 0px 0px 20px 30px; padding: 18px; display: inline-block; vertical-align: top;}
.bloc a {text-decoration: none;}
.bloc img {border: 0px; margin: 0px;}
.bloc span.datepost
{
	display: block;
	font-size: 13px;
	font-family: 'Open Sans',sans-serif;
	font-style: italic;
	margin-bottom:15px;
}
a.galerie
{
	float: left;
	display: block;
	margin: 5px 10px;
}
a.galerie img.lien
{
	margin: 0;
	float: none;
}
.bloc img.lien {border: solid 1px #f08b21; margin: 0px 10px;}
.bloc h2 {font-size: 24px; color: #f08b21; font-weight: normal;margin-top: 15px;margin-bottom:8px;}
.bloc.catalogue h2 {text-transform: uppercase; font-weight: normal;margin-top: 0}
.bloc.blocpart h2
{
	margin-top:0;
	margin-bottom:10px;
}
.bloc.blocpart.blocnews h2
{
	margin-bottom:0;
}
.blocnews
{
 min-height: 110px;
}
.bloc p {font-size: 16px; color: #000;margin-top:0;margin-bottom:10px;}
.bloc.fullwidth {width: auto;max-width: 1035px;}

.blocimage {border-right: solid 5px #f08b21; display: inline-block; margin: 0px 0px 0px 30px; vertical-align: top;margin-bottom:15px;}
.blocimage img {border: 0px;}
.blocimage a
{
	float: left;
	display: block;
}
.highslide img
{
	border : 2px solid silver;
}
a.backbtn
{
	color: #f08b21;
	font-size: 20px;
	text-decoration: none;
	display: block;
	margin-left:28px;
}
a
{
	color: #f08b21
}
a:hover
{
    color: #af6618	
}
a.menu-mobile
{
	font-size: 15px;
	display: none;
	color: #fff;
	text-align: center;
	height: 40px;
	width: 100%;
	padding-top: 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 25px;
	border-bottom:3px solid #000;
}
a.menu-mobile .genericon
{
	font-size: 25px;
	width: 25px;
	height: 25px;
}
/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media (max-width: 1199px) {
	#wrapper
	{
		width: 970px;
	}
	#header
	{
		height: 169px;
	}
	#menu-main li
	{
		padding: 0 13px;
	}
	.bloc
	{
		width: 586px;
	}
	.bloc.fullwidth
	{
		max-width: 860px;
	}
}
@media (max-width: 991px) {
	#logo
	{
		-webkit-background-size: 314px;
		  -moz-background-size: 314px;
		  -o-background-size: 314px;
		  background-size: 314px;
		  top: 35px;
		  height: 128px;
	}
	
   #wrapper
	{
		width: 750px;
	}
	#menu-main li
	{
		padding: 0 7px;

	}
	#menu-main li a
	{
		font-size: 17px;
	}
	.bloc
	{
		width: 370px;
	}
	.bloc.fullwidth
	{
		width: 85%;
	}
	img
	{
		max-width: 100%;
		height: auto;
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	body
	{
		background: url(images/tweed.png) repeat;
	}
	#stripes
	{
		display: none;
	}
	#wrapper
	{
		width: 90%;
		margin: 0 auto;
	}
	.bloc
	{
		width: 75%;
		margin: 25px auto 0;
		display: block;
	}
	#logo
	{
		-webkit-background-size: 214px;
		  -moz-background-size: 214px;
		  -o-background-size: 214px;
		  background-size: 214px;
		 width: 81%;
		 top: 25px;
	}
	#header
	{
		height: 130px;
	}
	.blocimage
	{
		margin: 0px auto 25px;
		display: block;
		width: 75%;
	}
	a.galerie
	{
		float: none;
		width: 153px;
		position: relative;
		display: block;
		margin:15px auto
	}
	.blocimage a
	{
		float: none;

	}
	img,.blocimage img,.bloc img
	{
		max-width: 100%;
		height: auto;
	}
	.hidden-xs
	{
		display: none!important;
	}
	#menu
	{
		height: inherit;
		max-height: inherit;
	}
	#menu-main
	{
		position: relative;
		padding:0;
		z-index: 9999;
	}
	#menu-main li
	{
		float: none;
		margin: 0;
		display: block;
	}
	h1.titre
	{
		padding-left: 15px;
		padding-bottom:0;
		font-size: 25px;
		margin-top: 15px;
	}
	h1.titre.contacttitre
	{margin-bottom:25px;}
	a.menu-mobile
	{
		display: block;
		
	}
	#logo
	{
		height: 84px;
	}
	#menu-main
	{
		display: none;
	}
	#menu-main li a
	{
		display: block;
	}
	.catalogue a
	{
		width: 146px;
		display: block;
		margin: 15px auto;
	}
	.catalogue a img
	{
		margin: 0!important;
	}
	.gallerythumbs
	{
		width: 154px;
	}
	.gallerythumbs a
	{
		margin: 15px 0;
		width: 155px;
	}
}


#splash{
	display: none;
}
.fancybox-close-small:after{
	font-size: 40px;
}
.opensplash{
	display: none;
}
/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */