/* Gilbert-Legrand.com - Réalisation Vulcaindesign.com */

/* Mobile */
@import url("./css/mobile.css") only screen and (max-width:719px);
/* Tablette */
@import url("./css/720.css") only screen and (min-width:720px) and (max-width:959px);
/* Web */
@import url("./css/960.css") only screen and (min-width:960px) and (max-width:1199px);
/* Grand ecrans */
@import url("./css/1200.css") only screen and (min-width:1200px);
/* Font awesome */
@import url("./css/font-awesome.min.css");


/* Custom fonts */
@font-face {
	font-family: 'Avenir-Roman';
	src: url("fonts/Avenir-Roman");
	src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),  
	url('fonts/Avenir-Roman.woff') format('woff'),
	url('fonts/Avenir-Roman.ttf') format('truetype'),
	url('fonts/Avenir-Roman.otf') format('opentype'),
	url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: "avenir";
	src: url("fonts/avenir.eot");
	src: url("fonts/avenir.eot?#iefix") format("embedded-opentype"),
	url("fonts/avenir.woff") format("woff"),
	url("fonts/avenir.ttf") format("truetype"),
	url("fonts/avenir.svg#avenir") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Regles general */
body {
	margin:0;
	font-family:"avenir";
}
h2 {
    font-size: 1.50em;
    margin-top: 5px;
}
a {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#B1B1B1;
	text-decoration: none;
}
a, li {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

select, button, label {
	cursor: pointer;
}

/* Entete */
#fond_header {
	margin-top: 25px;
}
header {
    border-bottom: 2px solid #656363;
    margin: 100px 10px 10px;
    min-height: 40px;
    padding-bottom: 5px;
}

header aside#logo {
	margin-left: 0;
	position: relative;
}
header aside#logo span {
	font-family: 'Avenir-Roman', sans-serif;
}
header #logo img {
  bottom: -1px;
  position: absolute;
  max-width: 150px;
  cursor:default;
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	pointer-events: none;
}
header #logo h1 {
  color: #adadad;
  float: left;
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  cursor:default;
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
header #logo h1 span {
	color:#3c2313;
}

header nav#navigation_droite {
	margin-right: 0;
	margin-top: 5px;
}
header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
}
header nav ul li {
    display: inline-block;
}
header nav ul li.page_actuel a {
    color: #c0c0c0;
}
header nav ul li:last-child, header nav ul li:last-child a {
    margin-right: 0;
    padding-right:0;
}
header nav ul li a {
    color: #aaaaaa;
    display: block;
    font-size: 15px;
    padding: 5px 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
header nav ul li a:hover {
	color:#000000;
	text-decoration: none;
}
header nav ul li.active a {
	color:#000000;
	text-decoration: none;
}

.container_12 .grid_3 {
    width: 210px;
}
.container_12 .grid_9 {
    width: 970px;
}

/* Colonne gauche */
section#colonneGauche {
	margin-right: 0;
}
section#colonneGauche aside {
	width: 95%;
	color:#cccccc;
	margin-bottom: 20px;
}
section#colonneGauche aside:last-child {
	margin-bottom: 0;
}
section#colonneGauche aside h3 {
	color:#00FF72;
}
section#colonneGauche aside p {
	color:#00FF72;
}

/* Contenu */
#contenu {
	float:left;
}

#contenu nav ul, .contenu-hamburger ul, .contenu-hamburger nav ul {
    list-style-type: none;
    margin: 0 0 0px;
    padding: 0;
    position: relative;
}
#contenu nav ul li:nth-child(1), .contenu-hamburger nav ul li:nth-child(1) {
    margin: 0 0 100px;
}
#contenu nav ul li:nth-child(4), .contenu-hamburger nav ul li:nth-child(4), #contenu nav ul li:nth-child(6), .contenu-hamburger nav ul li:nth-child(6) {
    margin: 0 0 30px;
}
#contenu nav ul li, .contenu-hamburger ul li, .contenu-hamburger nav ul li {
	width: 100%;
	vertical-align: top;
    display: inline-block;
}
#contenu nav ul li.page_actuel a, #contenu nav ul li.page_actuel span, .contenu-hamburger nav ul li.page_actuel a, .contenu-hamburger nav ul li.page_actuel span, .contenu-hamburger ul li.page_actuel a, .contenu-hamburger ul li.page_actuel span {
    color: #c0c0c0;
}
#contenu nav ul li:last-child, .contenu-hamburger nav ul li:last-child a, .contenu-hamburger ul li:last-child a {
    margin-right: 0;
    padding-right:0;
}
#contenu nav ul li a, #contenu nav ul li span, .contenu-hamburger ul li a, .contenu-hamburger nav ul li span {
    color: #010101;
    display: block;
    font-size: 0.9em;
    padding: 2.5px 0;
    text-decoration: none;
    text-transform: uppercase;
}
#contenu nav ul li a:hover, #contenu nav ul li span:hover, .contenu-hamburger ul li a:hover, .contenu-hamburger nav ul li span:hover, .contenu-hamburger nav ul li a:hover {
	padding: 2.5px 5px;
	font-size: 0.9em;
	background: #515151 none repeat scroll 0 0;
	color:#ffffff;
}
#contenu nav ul li.active a, #contenu nav ul li.active span, .contenu-hamburger ul li.active a, .contenu-hamburger ul li.active span, .contenu-hamburger nav ul li.active a, .contenu-hamburger nav ul li.active span {
    background: #515151 none repeat scroll 0 0;
    color: #ffffff;
    line-height: 20px;
    padding: 2.5px 5px;
    font-size: 0.9em;
}

#contenu nav ul li ul.sous-menu, .contenu-hamburger ul li ul.sous-menu, .contenu-hamburger nav ul li ul.sous-menu {
    /* display: none; */
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 99999;
}
#contenu nav ul li:hover > ul, .contenu-hamburger ul li:hover > ul, .contenu-hamburger nav ul li:hover > ul {
    display: block;
}
#contenu nav ul li ul.sous-menu li, .contenu-hamburger ul li ul.sous-menu li, .contenu-hamburger nav ul li ul.sous-menu li {
	display: block;
    padding-right: 30px;
}
#contenu nav ul li ul.sous-menu li:hover, .contenu-hamburger ul li ul.sous-menu li:hover, .contenu-hamburger nav ul li ul.sous-menu li:hover {
	background: #d2d2d2 none repeat scroll 0 0;
}
#contenu nav ul li ul.sous-menu li.active, .contenu-hamburger ul li ul.sous-menu li.active, .contenu-hamburger nav ul li ul.sous-menu li.active {
	background: #d2d2d2 none repeat scroll 0 0;
}
#contenu nav ul li ul.sous-menu li:hover i, .contenu-hamburger ul li ul.sous-menu li:hover i {
	opacity: 1;
}
#contenu nav ul li.active ul.sous-menu li a, .contenu-hamburger ul li.active ul.sous-menu li a, .contenu-hamburger nav ul li.active ul.sous-menu li a {
    background: transparent none repeat scroll 0 0;
    color: #010101;
    display: block;
    padding-left: 4px;
    padding-right: 1px;
    text-decoration: none;
    text-transform: none;
}
#contenu nav ul li ul.sous-menu li a, .contenu-hamburger ul li ul.sous-menu li a, .contenu-hamburger nav ul li ul.sous-menu li a {
    background: transparent none repeat scroll 0 0;
    color: #010101;
    display: block;
    padding-left: 4px;
    padding-right: 1px;
    text-decoration: none;
    text-transform: none;
}
#contenu nav ul li ul.sous-menu li i, .contenu-hamburger ul li ul.sous-menu li i, #contenu nav ul li ul.sous-menu li.active i, .contenu-hamburger ul li ul.sous-menu li.active i, .contenu-hamburger nav ul li ul.sous-menu li.active i {
	opacity:1;
	color:#ffffff;
    float: right;
    font-size: 1.5em;
    line-height: 20px;
}
#contenu nav ul li ul.sous-menu li i, .contenu-hamburger ul li ul.sous-menu li i {
	opacity:0;
}
#contenu nav ul li ul li:nth-child(1), .contenu-hamburger nav ul li ul li:nth-child(1), #contenu nav ul li ul li:nth-child(4), .contenu-hamburger nav ul li ul li:nth-child(4), #contenu nav ul li ul li:nth-child(6), .contenu-hamburger nav ul li ul li:nth-child(6) {
	margin: 0;
}

section#colonneGauche .bloc_bas, .contenu-hamburger .bloc_bas {
	margin-top: 150px;
}
section#colonneGauche .bloc_bas .facebook a, .contenu-hamburger .bloc_bas .facebook a {
  color: #4957ae;
}
section#colonneGauche .bloc_bas .instagram img, .contenu-hamburger .bloc_bas .instagram img {
  vertical-align: bottom;
  height: 32px;
  width: 27.4333px;
}
section#colonneGauche .bloc_bas .copyright, .contenu-hamburger .bloc_bas .copyright, .copyright_mobile {
	color: #000000;
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
}
.facebook, .instagram {
  display: inline-block;
}
.instagram {
  margin-left: 10px;
}
.copyright_mobile {
	display: none;
}

/* Colonne droite */
section#colonneDroite {
	margin-left: 0;
}#colonneDroite p:nth-child(2) {
  margin-top: 5px;
}
#colonneDroiteAccueil {
	margin-left: 10px;
}#colonneDroiteAccueil img {
  width: 100vw;
  max-width: 1180px;
}#colonneDroiteAccueil .facebook {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 50px;
    z-index: 1;
    left: 50%;
}#colonneDroiteAccueil .instagram {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 50px;
    z-index: 1;
    left: 50%;
}#colonneDroiteAccueil .instagram img {
  vertical-align: bottom;
  height: 32px;
  width: 27.4333px;
}#colonneDroiteAccueil .facebook a {
	color: #4957ae;
}#colonneDroiteAccueil .copyright {
    bottom: 30px;
    position: relative;
    z-index: 0;
}

section#colonneDroite article {
	background:#FFA200;
	color:#fff;
	padding:10px;
	margin-bottom: 20px;
}
section#colonneDroite article:last-child {
	margin-bottom: 0;
}
section#colonneDroite article h2 {
	color:#008AFF;
}
section#colonneDroite article p {
	color:#008AFF;
}
section#colonneDroite .book {
	width:49.6%;
	vertical-align: top;
	display: inline-block;
}
section#colonneDroite .bookDetails {
	width: 100%;
	display: inline-block;
    margin-bottom: 22px;
}
section#colonneDroite .book figure, section#colonneDroite .bookDetails figure.full {
  margin:0;
    height: 137px;
    padding: 3px;
    text-align: left;
    /* width: 100px; */
    width: auto;
    float: left;
}
section#colonneDroite .book figure, section#colonneDroite .bookDetails figure.square {
  margin:0;
    height: 137px;
    padding: 3px;
    text-align: left;
    /* width: 100px; */
    width: 22%;
    float: left;
}
section#colonneDroite .book figure img, section#colonneDroite .bookDetails figure img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 1px 3px #666666;
}
section#colonneDroite .book .descriptionLivre {
    float: right;
    padding-left: 8px;
    padding-top: 2px;
    /* max-width: 360px; */
    width: 75%;
}
section#colonneDroite .bookDetails .descriptionLivre {
	padding-left: 120px;
    padding-top: 2px;
}
section#colonneDroite .book .descriptionLivre h3, section#colonneDroite .bookDetails .descriptionLivre h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
section#colonneDroite .book .descriptionLivre .sous_titre, section#colonneDroite .bookDetails .descriptionLivre .sous_titre {
    font-size: 0.9em;
    margin: 10px 0;
}

section#colonneDroite .book .descriptionLivre p, section#colonneDroite .bookDetails .descriptionLivre p {
    padding: 0;
}

/* Burger */
.hamburger {
	padding: 15px 15px;
	display: none;
	cursor: pointer;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
    position: fixed;
    right: 0;
    text-transform: none;
    top: 0;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
}
.hamburger:hover { 
	opacity: 0.7; 
}

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative; 
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; 
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #cccccc;
	border-radius: 4px;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; 
}
.hamburger-inner::before {
	top: -10px; 
}
.hamburger-inner::after {
	bottom: -10px; 
}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.15s;
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}
.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--collapse.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; 
}
.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.conteneur-hamburger {
	background: #6D6E6D;
    background: rgba(240, 240, 240, 0.95) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.contenu-hamburger {
	display: none;
	padding: 60px 15px 15px;
}

.clear {height:0px; clear:both;}

.form-wrapper {
  float:left;
  width:100%;
  max-width:75.000em;
  overflow:hidden;
}
.form-wrapper label, .form-wrapper .radio-check-label {
  width:100%;
  float:left;
  margin-bottom:0.5em;
}
.form-wrapper label span, .form-wrapper .notes, .form-wrapper .radio-check-label span.label {
  float:left;
  width: 20%;
}
i.input-wrapper {
  width:77%;
  float:right;
  padding:0 0.625em;
}
.form-wrapper input, .form-wrapper select, .form-wrapper textarea, form-wrapper .radio {
  width:100%;
  padding:0.625em 0;
}
.form-wrapper .text input, .form-wrapper textarea {
  width:98%;
  padding-left: 1%; /* % will not work in FF*/
  padding-right: 1%; /* % will not work in FF*/
}

.form-wrapper .radio, .form-wrapper .checkbox {
  position:relative;
}
.form-wrapper .radio span, .form-wrapper .checkbox span {
  width :90%;
  text-align:left;
  padding-left:1.5em;
}
.form-wrapper .radio input, .form-wrapper .checkbox input {
  position:absolute;
  left:0;
  top:0;
  width:1em;
  height:1em;
}

.form-wrapper input[type=reset], .form-wrapper input[type=submit] {
  width:auto;
  max-width:34%;
  float:right;
}
.form-wrapper input[type=submit] {
  margin-right:1%
}
.form-wrapper .notes {
  margin-top:1em;
  width:100%;
  text-align:left;
}

.form-wrapper.light {
  font-size:1em;
  color:#424242;
}
/* TEXT & TEXTAREA */
.light label.text input, .light label.text textarea {
  border: 1px solid #cccccc;
  border-bottom-color: #fff;
  border-right-color: #fff;
  border-radius: 3px;
  background: #e5e5e5;
  color: #555;
  -webkit-transition:background .2s;
  -moz-transition:background .2s;
  transition:background .2s;
  font-family:"avenir";
}

/* SUBMIT */
.light input[name=submit] {
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #e5e5e5;
  color:#424242;
  font-size:1em;
  cursor:pointer;
  -webkit-transition:background 0.2s;
  -moz-transition:background 0.2s;
  transition:background 0.2s;
}
.light input[name=submit] {
  padding:0.563em 3em;
}
.light input[name="submit"]:hover {
  background:#8D8D8D;
  color:#FFF;
}

/* FOCUS */
.light label.text input:focus, .light label.text textarea:focus {
  background:#fff;
}

/* Options */
#options {
  margin:0 0 2em 0;
}

/* Evenements */
.evenements {
  margin-top: 15px;
}
.titre_evenements {
  font-size: 1.55em;
}
.image_evenements {
  box-shadow: 1px 1px 1px #cfcfcf;
  width: 369px;
}
.expositions_rencontre {
  margin-top: 15px;
}
.er_titre {
  font-size: 1.55em;
}
.er_txt {
  font-size: 0.9em;
  margin-top: 5px;
}
.liste_evenements {
  margin-bottom: 15px;
}
.liste_evenements img {
  vertical-align: middle;
}
.titre_liste_evenements {
  font-size: 1.55em;
  height: 31px;
  margin-top: 15px;
}
.titre_liste_evenements span {
  float: right;
  font-size: 0.55em;
  height: 31px;
  line-height: 2.6em;
}
.calendrierShow h2  {
  margin-top:16px;
}
.calendrierShow h2 span {
  float: right;
  font-size: 0.55em;
  height: 31px;
  line-height: 2.6em;
}
.evenement {
  display: none;
  font-family: "Myriad";
  margin: 10px;
}
.evenements_detail {
  margin: 7px 0 0;
  padding: 0;
}
.evenements_detail.active {
  font-weight: bold;
}
.evenements_detail.active a {
  color: #009cbf;
}
.evenements_detail a, .er_txt a {
  display: inline-block;
  text-decoration: none;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.evenements_detail a span {
  float: right;
  font-size: 0.7em;
  margin-top: 3px;
}
.evenements_detail a:hover, .er_txt a:hover {
  color: #009cbf;
}
.lien_liste_evenements {
  margin-top: 10px;
  width: 369px;
}

/* Media Queries */ 
@media screen and (max-width: 480px)  {
  #contenu {
    float: none;
  }
  .form-wrapper .text span, .form-wrapper .dropdown span, .form-wrapper .multiple span, .form-wrapper .radio-check-label span.label {
    float:none;
    width:100%;
  }
  .form-wrapper .input-wrapper {
    float:none;
    margin-top:0.625em;
    width:90%
  }
  
  .form-wrapper .input-wrapper label.radio span, .form-wrapper .input-wrapper label.checkbox span {
    width:80%;
    padding-right:20%;
  }
  .form-wrapper input[name="reset"] {
    margin-top:0.563em;
    padding:0.563em 6em;
  }
}

/* Custom Responsive */
@media screen and (max-width:719px) {
	/* Mobile */
	body{
		overflow-x: hidden;
	}
	header {
	    margin: 100px 20px 10px;
	    padding-bottom: 0;
	}
	header #logo {
	    text-align: left;
	}
	header #logo h1 {
	    float: none;
	}
	#logo > img, #logo h1 {
    	display: inline-block;
	}
	.container_12 .grid_9 {
    	width: auto;
    	margin-right: 0;
	}

	header nav {
	    margin-top: 15px;
	}
	header nav ul {
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
	}
	header nav ul li a {
	    font-size: 14px;
	    padding: 5px;
	}
  header #logo {
      top:3px;
  }
	header #logo h1 {
	    text-align: left;
	    vertical-align: top;
      font-size: 160%; /* ! */
	}
	header #logo img {
	    min-width: 115px;  /* 125 */
	    width: 25%;
	}
	#colonneGauche {
		display: none;
	}

	header nav#navigation_droite, #colonneDroiteAccueil .bloc_bas {
		display: none;
	}

	#colonneDroiteAccueil {
	    margin-left: 0;
	}
	#colonneDroite {
		margin-top:20px;
	}
	#colonneDroite h2, #colonneDroite h3, #colonneDroite p {
		padding:0 20px;
	}
	section#colonneDroite .book {
		width:100%;
	}

	section#colonneDroite .bookDetails {
	    display: inline-block;
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-top: 0;
	    width: 92vw;
	}
	section#colonneDroite .book figure {
	    margin: 0 0 0 20px;
	}
	section#colonneDroite .book .descriptionLivre { 
	    float: left;
	    max-width: 70vw;
	    padding-left: 15px;
	    padding-top: 0;
	}

	section#colonneDroite .book .descriptionLivre p {
	    padding: 0;
	}
	.navigation-galerie .description {
		font-size: 20px;
		vertical-align: auto;
		width: 80vw;
		line-height: 40px;
	}
	.navigation-galerie .precedent, .navigation-galerie .suivant {
		width: 4vw;
		margin: 2vw;
		font-size: 20px;
	}
	.hamburger { 
		display: inline-block;
	}
  .contenu-hamburger aside nav#navigation ul li.active ul.sous-menu {
    left: 0;
  }
  .contenu-hamburger ul li ul.sous-menu, .contenu-hamburger nav ul li ul.sous-menu {
    left: 0;
  }
  .contenu-hamburger ul li ul.sous-menu li, .contenu-hamburger nav ul li ul.sous-menu li {
    padding-left: 10px;
  } 

	.copyright_mobile {
		display: block;
		font-size: 15px;
		text-align: center;
		padding:20px 0;
		margin-top: 0;
		width: 100vw;
	}
}
@media screen and (min-width:720px) and (max-width:959px) {
	/* Tablette */
	.container_12 .grid_9 {
	    width: 490px;
	}
	header #logo img {
	    width:35%;
	}
	#conteneurGalerie {
	    max-width: 490px;
	}
	#galerie {
	    min-width: 490px;
	    width: 490px;
	}
	#galerie .slideGalerie img {
	    max-width: 490px;
	}
	#colonneDroiteAccueil img {
		max-width: 700px;
	}
	section#colonneDroite .book {
		width:49.5%;
	}
	section#colonneDroite .book .descriptionLivre {
	    max-width: 128px;
	}
	section#colonneDroite .book .descriptionLivre .sous_titre {
	    font-size: 1.15vw;
	}
	section#colonneDroite .book .descriptionLivre h3 {
	    font-size: 1.4vw;
	}
	section#colonneDroite .book .descriptionLivre p {
	    font-size: 1.2vw;
	}
  .contenu-hamburger aside nav#navigation ul li.active ul.sous-menu {
    left: 0;
  }
  .conteneur-hamburger {
    display:none;
  }
}
@media only screen and (min-width:960px) and (max-width:1199px){
	/* Web */
	header #logo img {
	    width:30%;
	}
	.container_12 .grid_9 {
	    width: 730px;
	}
	#conteneurGalerie {
	    max-width: 730px;
	}
	#galerie {
	    min-width: 730px;
	}
	#galerie .slideGalerie img {
	    max-width: 730px;
	}

	#colonneDroiteAccueil img {
		max-width: 940px;
	}
	section#colonneDroite .book .descriptionLivre {
	    max-width: 243px;
	}
	section#colonneDroite .book .descriptionLivre .sous_titre {
	    font-size: 1.1vw;
	}
	section#colonneDroite .book .descriptionLivre h3 {
	    font-size: 1.3vw;
	}
	section#colonneDroite .book .descriptionLivre p {
	    font-size: 1.2vw;
	}
  .conteneur-hamburger {
    display:none;
  }
}
@media only screen and (min-width:1200px){
    /* Grand ecrans */
	.container_12 .grid_9 {
    	/*width: 900px;*/
	}
	#contenu.contenu_large #colonneDroite.grid_9 {
		width: 970px;
	}
	section#colonneGauche .bloc_bas {
    	margin-top: 320px;
	}
  .conteneur-hamburger {
    display:none;
  }
} 

.bloc_liens .item {width:100px;height:100px;border:3px solid #CFCFCF;margin:5px 5px 5px 0;overflow:hidden;position:relative;float:left}
.bloc_liens .item .caption {width:100px;height:100px;background:#333333;position:absolute;left:0;display:none;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9}
.bloc_liens .item .caption a {text-decoration:none;color:#0cc7dd;font-size:16px;padding:5px;display:block}
.bloc_liens .item .caption p {padding:5px;margin:0;text-align:center;}
.bloc_liens .caption p img {margin-top: 20px;position: inherit;}
.bloc_liens .item img, .bloc_liens .caption img {border:0;position:absolute;}

.news_image {float:left;margin-right:5px}
.nextprev {float:left;height:35px;line-height:35px;margin-top:10px;text-align:center;width:100%}
.nextprev_current {background:none repeat scroll 0 0 #55A0D3;border:1px solid #046193;color:#FFFFFF;padding:2px 8px}
.nextprev_link {background:none repeat scroll 0 0 #E7E7E7;border:1px solid #CCCCCC;padding:2px 8px}
li.bbcode {margin-left:0px}
#comment {width:389px;color:#4C4B4F;background:#fff;font-weight:bold;font-size:11px;border:1px solid #DFDFDF;margin:2px auto;padding:2px}
.indentchat {padding:4px;border:1px solid #DFDFDF;margin:4px 0 4px 0;text-align:left;background:#f1f0f0 url(images/fhead3.png) repeat-x center top;color:#707070}
.indent {background:url(images/quote-left.png) no-repeat scroll left top #FFFFFF;border:1px dotted #DFDFDF;padding:5px 5px 5px 25px}
.code_highlight {background:url(images/code.png) no-repeat scroll left top #F6F4F5;border:1px dotted #DFDFDF;height:auto;overflow:scroll;padding:4px 5px 5px 24px;width:713px}
.button {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #DFDFDF;color:#747474;cursor:pointer;font-size:12px;font-weight:bold;margin:0 auto;padding:2px 4px;text-align:center}
.button:hover {border:1px solid #CFCFCF;color:#5F5F5F}
.small {font-size:10px;color:#545353}
.smalltext {font-size:11px;color:#545353}
.smalltext2 {font-size:11px;color:#545353;text-align:center}
.smallbottom {font-size:10px;color:#545353;text-align:left}
.smallblacktext {color:#545353;font-size:10px}
.spacer {text-align:center}
.tbox {width:auto;color:#4C4B4F;background:#fff url(images/tbox.png) repeat-x top center;font-weight:bold;font-size:12px;border:1px solid #DFDFDF;margin:2px 0 0;padding:4px}
select.tbox {width:auto;color:#4C4B4F;background:#fff url(images/tbox.png) repeat-x top center;font-weight:bold;font-size:12px;border:1px solid #DFDFDF;margin:2px 0 0;padding: 1px}
.tbox:focus {border:1px solid #CFCFCF}
.helpbox {width:385px;background-color:#fff;border:1px solid #DFDFDF;color:#000;font-size:9px;padding:4px 5px 4px 5px}

.ftrack {border:none;padding:7px 5px 7px 5px;background:#f1f0f0}
.fdata {text-align:center;border-top:1px solid #DFDFDF;padding:7px 4px;background:#ededed url(images/fhead2.png) repeat-x center top}
.fcaption {padding:4px;color:#787878;font-size:11px;min-height:20px}
.fcaption span.smalltext{color:#707070}
.fcaption span.smalltext a:hover{color:#a0bac6}
.fcaption a {color:#707070;text-decoration:none}
.fcaption a:hover {color:#a0bac6}
a.forumlink{color:#707070;text-decoration:none}
a.forumlink:hover{color:#a0bac6}
.finfobar {text-align:center}
.fborder {border:1px solid #DFDFDF;margin:4px 0 4px 0;margin-left:auto;margin-right:auto}
.npdropdown {font-size:10px;font-weight:normal;color:#1C6997}
.npbutton {color:#1C6997}

.forumheader {padding:10px 4px;border:1px solid #DFDFDF;line-height:16px;font-weight:bold;color:#1C6997;background:#fff url(images/cbg.png) repeat-x top center;font-size:14px;text-align:center}
.forumheader2 {padding:7px 5px 7px 5px;border:1px solid #DFDFDF;background:#ededed;text-align:left}
.forumheader3 {padding:7px 5px 7px 5px;border:1px solid #DFDFDF;background:#f1f0f0;text-align:left}
.forumheader4 {padding:7px 5px 7px 5px;border:1px solid #DFDFDF;background:#222222;text-align:left}
.lien_edit { font-size:90%; }
.lien_edit img { vertical-align: middle; }
.vert { color:#00C117; }
.rouge { color:#E20000; }