* {
	padding: 0;
	margin: 0;
}

a, a:hover, a:active, a:focus {
	color: inherit;
	text-decoration: none;
	outline:none;
}

ul {
	margin: 0;
}

.sombre {
	color: #3C3C3B;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

h1, h2 {
	background-image: url('../img/design/bg_h2.png');
	background-position: center;
	background-repeat: repeat-x;
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
}

h1 span, h2 span {
	background-color: #FFFFFF;
    padding: 0 35px;
}

.clear {
	clear: both;
}

body {
	padding-top: 30px;
	color: #333333;
	font-family: verdana;
}

.container {
	max-width: 1024px;
	margin-bottom: 50px;
}

header {
	text-align: center;
}

nav {
    margin: 40px 0;
    text-align: center;
}

nav ul li {
    display: inline-block;
    font-size: 16px;
    list-style: none outside none;
    margin-right:47px;
}

nav ul li:last-child {
	margin-right: 0px;
}

nav ul li a, .nav-resp ul li a {
	padding: 10px;
}

nav ul li a.rub-act, nav ul li a:hover,.nav-resp ul li a.rub-act, .nav-resp ul li a:hover {
	background-color: #DADADA;
}

.nav-resp {
	margin: 40px 0;
}

.nav-resp .menu {
	font-size: 20px;
	cursor: pointer;
	margin-bottom: 10px;
}

.nav-resp ul {
	display: none;
	margin-top: 20px;
}

.nav-resp ul li {
	font-size: 16px;
    list-style: none outside none;
    margin-bottom: 20px;
}

/*///////// INDEX ///////*/

/*.galerie {
	display: inline-block;
	width: 320px;
	margin-right: 26px;
}

.galerie:nth-child(3n+4) {
	margin-right: 0;
}*/

.slider-text {
	display: none;
}

.citation {
	margin-bottom: 40px;
    text-align: center;
}

.galerie {
    margin-bottom: 30px;
}

.titre-gallerie {
    background-color: #EDEDED;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

/*//////// GALLERY //////*/
/* clearfix */
.container-img:before,
.container-img:after {
    content: "";
    display: table;
}
.container-img:after {
    clear: both;
}

.item {
  float: left;
  margin-bottom: 15px; 
}
.item img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.first-item {
  clear: both;
}
/* remove margin bottom on last row */
.last-row, .last-row ~ .item {
  margin-bottom: 0;
}

/*///// PAGE ///////*/
.text-page {
	text-align: justify;
}

/*///// PRESSE  //////*/
.content-article {
   /* Prevent vertical gaps */

   -webkit-column-count: 2;
   -webkit-column-gap:   30px;
   -moz-column-count:    2;
   -moz-column-gap:      30px;
   column-count:         2;
   column-gap:           30px;
   margin-left: -10px;

}

.content-article .article {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  text-align: justify;
}

.content-article .article .titre-article {
	font-size: 18px;
}


/*////// FOOTER ///////*/
footer {
	border-top: 10px solid #EDEDED;
	padding-top: 20px;
	margin-top: 20px;
	color: #706F6F;
}

footer .row-fluid {
    margin: 0 auto;
    max-width: 840px;
}

footer .row-fluid>div {
	border-right: 1px solid #CCCCCC;
	min-height: 165px !important;
	margin-bottom: 20px;
}

footer .row-fluid>div:last-child {
	border: none;
}

/*///// RESPONSIVE //////*/
@media (max-width: 767px) { /*4*/
	footer .row-fluid>div {
		border-right: none;
		border-bottom: 1px solid #CCCCCC;
	}

	nav {
		display: none;
	}

	.nav-resp {
		display: block;
	}

}

@media (min-width: 768px) { /*3*/
	nav {
		display: none;
	}

	.nav-resp {
		display: block;
	}
}

@media (min-width: 979px) { /*2*/
	nav ul li {
		margin-right: 60px;
	}

	nav {
		display: block;
	}

	.nav-resp {
		display: none;
	}
}

@media (min-width: 1200px) { /*1*/
	nav ul li {
		margin-right:75px;
	}
	
	nav {
		display: block;
	}

	.nav-resp {
		display: none;
	}
}