@font-face {
    font-family: "playfair_displayitalic";
    src: url('../fonts/PlayfairDisplay-Italic.otf') format("truetype");
}

@font-face {
	font-family: 'Gabriola';
	font-style: normal;
	font-weight: normal;
	src: local('Gabriola'), url('../fonts/gabriola.woff') format('woff'), url('../fonts/gabriola.ttf') format('truetype');
}

/* CSS DOCUMENT */

div, img, p, a, ul, form, input, label, h2, h3{
	padding:0; margin:0;
	}
img{ border:none;}
a{ outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}
ul{ list-style-type:none;}
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* {-moz-box-sizing: border-box; box-sizing: border-box;}

html {
	height:100%;
	background-color:#FFFFFF;
}
/*-------------------------- GENERAL --------------------------*/
body{
	height: 100%; 
    min-height: 100%;
	padding:0; margin:0;
	font-family:PT Sans;
	background-color: #FFFFFF; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	/*position:relative;
	min-height:100%;*/
	/*background: #FFF url("../img/header_left.png") repeat-x 0 0;*/
}



/*-------------------------- JQUERY LOADING --------------------------*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: transparent url('/img/FhHRx.gif') 50% 50% no-repeat;
	/*opacity:0.5;*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*-------------------------- WRAP --------------------------*/

#wrap {
	position:relative;
    min-height: 100%;
	background-color:#F4F5F5;
}

/*-------------------------- HEADER2 --------------------------*/

#header_abs {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:140px;
}

#header_abs .left {
	float:left;
	width:50%;
	height:140px;
	background:#FFF url('../img/header_left2.png') repeat-x 0 0;
}

#header_abs .right {
	float:right;
	width:50%;
	height:140px;
	background:#FFF url('../img/header_right2.png') repeat-x 0 0;
}

#header2 {
	height:140px;
	width:100%;
	background:#F4F5F5 url("../img/Header_MDE.png") no-repeat center 0;
	/*background:#F4F5F5 url("../img/Header_03.jpg") no-repeat center 0;*/
	position: relative;
}

#header2 #title {
	font-family:PT Sans;
	padding-top:5px;
	color:#714A29;
	font-size:2.5em;
	width:100%;
	text-align:center;
}

#header2 #title h1 {
	margin:0;
	font-size: 35px;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:normal;
}

#header2 #title h2 {
	margin:0;
	font-size: 1.6rem;
	line-height:24px;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
}

#header2 #title h1.equip {
	/*font-size:15pt;
	font-weight:bold;*/
	margin:0 auto;
	width:325px;
	line-height:25px;
	font-size: 2.5rem;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
}

/*-------------------------- FOOTER --------------------------*/

#footer {
	position:absolute;
	bottom:0;
	left:0;
	height:30px;
	width:100%;
	background-color:#444444;
	color:#888888;
}

#footer #footer-content {
	width:100%;
	height:100%;
	text-align:center;
}

#footer #footer-content p {
	color:#ffffff;
	color:#808080;
	font-family:PT Sans;
	font-size:8pt;
}

@media screen and (min-width: 801px) {
	#footer #footer-content p {
		font-size:10pt;
	}
}

/*-------------------------- CONTENT --------------------------*/


#content {
	width:100%;
	margin:0 auto;
	/*padding-bottom:30px;*/
	background-color: #F4F5F5; 
}

@media screen and (min-width: 801px) {
	#content {
		width:1000px;
	}
}

#bloc_haut{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

#bloc_haut .bouton {
	margin-top:-52px;
}

#bloc_haut .intro {
	/*padding-bottom:20px;*/
}

#bloc_haut .intro  p.title{
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 35px;
	color:#714a29 ;
}

#bloc_haut .left {
	float:none;
	width:100%;
	height:100px;
}

#bloc_haut .right {
	float:none;
	width:100%;
}

@media screen and (min-width: 801px) {
	#bloc_haut .left {
		float:left;
		width:50%;
		height:auto;
	}

#bloc_haut .right {
		float:left;
		width:50%;
	}
}

#bloc_haut .left .search {
	height:70px;
}

#bloc_haut .left .search  p{
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 30px;
	color:#714a29 ;
}

#bloc_haut .left .search  input.text,
#bloc_haut .search  input.text{
	padding:15px 10px;
	width:70%;
	font-family:PT Sans;
	font-size:11pt;
	color:#979797;
	background-color:#F4F5F5;
}

#bloc_haut .left .search  input.submit,
#bloc_haut .search  input.submit{
	background-image: url("../img/loupe.png");
	background-repeat: no-repeat;
	background-color: #714a29;
	padding-left: 30px !important;
	font-family: PT Sans;
	font-size: 9pt;
	text-transform: uppercase;
	color: #808080;
	cursor: pointer;
	position: relative;
	background-position: 18px 12px;
	width:60px;
	padding:17px 0px;
	height:50px;
}

@media screen and (min-width: 801px) {
	#bloc_haut .left .search  input.text,
	#bloc_haut .search  input.text{
		width:300px;
		padding:5px 5px;
	}

	#bloc_haut .left .search  input.submit,
	#bloc_haut .search  input.submit{
		background-position: 8px 5px;
		padding:10px 0px;
		height:35px;
		width:40px;
		/*line-height:27px;*/
	}
}

/*#bloc_haut .intro  p.pointilles{
	background:url("../img/pointilles.png") no-repeat center 0;
}*/



/*#bloc_haut .intro  p.description{
	font-style:italic;
	color:#808184;
	font-size:11pt;
}*/

/**
 * RECHERCHE PAR PERIODE
 */

#bloc_haut .right .periode_title {
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 30px;
	color:#714a29 ;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	/*margin-bottom:10px;
	margin-left:0px;
	margin-top:20px;*/
	/*border-bottom:1px solid;*/
}

#bloc_haut .right .periode_title span{
	font-size:0.7em;
}

#bloc_haut .right .periode {
	background:url("../img/frise.png") no-repeat center 0;
	padding-top:20px;
	font-family:PT Sans;
	font-size:11pt;
	color:#A6A8AB;
	position:relative;
	background-size:90%;
}

@media screen and (min-width: 801px) {
	#bloc_haut .right .periode {
		background:url("../img/frise.png") no-repeat center 0;
		padding-top:20px;
		font-family:PT Sans;
		font-size:11pt;
		color:#A6A8AB;
		position:relative;
		background-size:100%;
	}
}

#bloc_haut .right .periode_text {
	position:absolute;
	top:-18px;
	left:0;
	width:100%;
	font-family: PT Sans;
	font-size: 11pt;
	color: #A6A8AB;
	text-align:left;
}

@media screen and (min-width: 801px) {
	#bloc_haut .right .periode_text {
		left:-23px;
		width:399px;
	}
}

#bloc_haut .right table.periode_text td {
	width:66px;
	height: 57px;
	text-align: left;
	vertical-align: bottom;
	cursor:pointer;
}

@media screen and (min-width: 801px) {
	#bloc_haut .right .periode_title {
		/*width: 327px;
		margin-left:175px;*/
	}

	#bloc_haut .right .periode {
		background:url("../img/frise.png") no-repeat 60px 0;
	}

	#bloc_haut .right .periode_text {
		left:36px;
	}
}

#bloc_haut .right table.periode_text td.active {
	background: url("../img/frise_select.png") no-repeat center 9px;
}

#bloc_haut .right table.periode_text td.active  a{
	color:#951e2d;
}

#bloc_haut .right .periode_text a{
	cursor:pointer;
}


#bloc_bas {
	text-align:center;
	padding:0 20px;
}

#bloc_bas .result{
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 801px) {
		#bloc_bas .result{
			width: 900px;
		}
}

#bloc_bas .result table{
	margin:0 auto;
}

/**
 * COTE GAUCHE DE LA PAGE DE RECHERCHE
 */

#content #left {
	float:none;
	width:100%;
	margin: 0 auto;
	font-family:PT Sans;
	font-size:12px;
	background:url("../img/separateur.png") no-repeat right 0;
	height:auto;
}

@media screen and (min-width: 801px) {
	#content #left {
		float:left;
		width:230px;
		height:420px;
		padding-right: 30px;
		margin-right: 95px;
		margin-left: 130px;
	}
}

#content #left .title {
	text-align:center;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 30px;
	color:#714a29 ;
	padding-bottom:5px;
}

#content #left .subtitle {
	text-align:center;
	margin-bottom:10px;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 20px;
	color:#714a29 ;
	padding-bottom:5px;
	line-height: 20px;
}

@media screen and (min-width: 801px) {
	#content #left .anim_div {
		padding:0 25px;
	}
}

#content #left .anim_bloc {
	float:left;
	width:65px;
	height:50px;
}

#content #left .anim_bloc > a{
	padding: 25px 32px;
	cursor:pointer;
	display: inline-block;
}

#cerf {
	background:url("../img/cerf.png") no-repeat center 0;
}

#sanglier {
	background:url("../img/sanglier.png") no-repeat center 0;
}

#lapin {
	background:url("../img/lapin.png") no-repeat center 0;
}

#lievre {
	background:url("../img/lievre.png") no-repeat center 0;
}

#renard {
	background:url("../img/renard.png") no-repeat center 0;
}

#loup {
	background:url("../img/loup.png") no-repeat center 0;
}

#biche {
	background:url("../img/biche.png") no-repeat center 0;
}

#chevreuil {
	background:url("../img/chevreuil.png") no-repeat center 0;
}

#martre {
	background:url("../img/martre.png") no-repeat center 0;
}

#daim {
	background:url("../img/daim.png") no-repeat center 0;
}

#autres {
	background:url("../img/autres.png") no-repeat center 0;
}

.cerf-rouge {
	background:url("../img/cerf_select.png") no-repeat center 0 !important;
}

.sanglier-rouge {
	background:url("../img/sanglier_select.png") no-repeat center 0 !important;
}

.lapin-rouge {
	background:url("../img/lapin_select.png") no-repeat center 0 !important;
}

.lievre-rouge {
	background:url("../img/lievre_select.png") no-repeat center 0 !important;
}

.renard-rouge {
	background:url("../img/renard_select.png") no-repeat center 0 !important;
}

.loup-rouge {
	background:url("../img/loup_select.png") no-repeat center 0 !important;
}

.biche-rouge {
	background:url("../img/biche_select.png") no-repeat center 0 !important;
}

.chevreuil-rouge {
	background:url("../img/chevreuil_select.png") no-repeat center 0 !important;
}

.martre-rouge {
	background:url("../img/martre_select.png") no-repeat center 0 !important;
}

.daim-rouge{
	background:url("../img/daim_select.png") no-repeat center 0 !important;
}

.autres-rouge{
	background:url("../img/autres_select.png") no-repeat center 0 !important;
}

#content #left .check {
	font-family:PT Sans;
	font-size:10pt;
	text-align:left;
	margin-left:17px;
	margin-top:10px;
}

/* Cachons la case à cocher */
#content #left .check input[type="checkbox"]:not(:checked),
#content #left .check input[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

/* on prépare le label */
#content #left .check input[type="checkbox"]:not(:checked) + label,
#content #left .check input[type="checkbox"]:checked + label {
	position: relative; /* permet de positionner les pseudo-éléments */
	padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
	cursor: pointer;    /* affiche un curseur adapté */
	padding-top:3px;
	color:#808080;
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
#content #left .check input[type="checkbox"]:not(:checked) + label:before,
#content #left .check input[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 17px; height: 17px; /* dim. de la case */
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px; /* angles arrondis */
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}
 
/* Aspect général de la coche */
#content #left .check input[type="checkbox"]:not(:checked) + label:after,
#content #left .check input[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 0; left: 4px;
	font-size: 14px;
	color: #808080;
	transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
#content #left .check input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
#content #left .check input[type="checkbox"]:checked + label:after {
	opacity: 1; /* coche opaque */
	transform: scale(1); /* mise à l'échelle 1:1 */
}

/* aspect désactivée */
#content #left .check input[type="checkbox"]:disabled:not(:checked) + label:before,
#content #left .check input[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
#content #left .check input[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
/* on style aussi le label quand désactivé */
#content #left .check input[type="checkbox"]:disabled + label {
	color: #aaa;
}
 
/* aspect au focus de l'élément */
#content #left .check input[type="checkbox"]:checked:focus + label:before,
#content #left .check input[type="checkbox"]:not(:checked):focus + label:before {
	/*border: 1px dotted blue;*/
}

/**
 * CENTRE DE LA PAGE DE RECHERCHE
 */

#content #center {
	float:none;
	width:100%;
	position:relative;
	height:auto;
	margin: 0 auto;
	padding-bottom:35px;
}

@media screen and (min-width: 801px) {
	#content #center {
		float:left;
		width:500px;
		margin: 0;
		/*height:620px;*/
		padding-bottom:0;
	}
}

#content #center .legende {
	position: absolute;
	width:132px;
	height:130px;
	left:-33px;
	bottom:60px;
	border: 1px solid #000000;
}

@media screen and (max-width: 666px) {
	#content #center .legende {
		display:none;
	}
}

#content #center .legende table  td{
	width:50px;
	height:30px;
}

#content #center .legende table  td.color{
}

#content #center .legende table  td.text{
	font-family:PT Sans;
	font-size:11pt;
	color:#808184;
	width:115px;
}

.green1 {background-color:#75a551}
.green2 {background-color:#a3c18d}
.green3 {background-color:#d4e8c6}
.green4 {background-color:#eff3ee}

#content #center .title {
	text-align:center;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 30px;
	color:#714a29 ;
	/*padding-bottom:5px;*/
}

@media screen and (min-width: 801px) {
	#content #center .title {
		padding-left: 50px;
	}
}

#content #center .subtitle {
	text-align:center;
	margin-bottom:10px;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 20px;
	color:#714a29 ;
	padding-bottom:5px;
	line-height: 20px;
}

#content #center img {
	padding-left:105px;
}

#content #center #franceMap {
	padding-left:5px;
}

path {cursor:pointer}

@media screen and (max-width: 666px) {
	#content #center #franceMap {
		padding-left:0;
		padding-top:0px;
	}
	
	#content #center #franceMap svg{
		width:100%;
		height:auto;
		/*height:330px;*/
	}
}

/**
 * PAGE DE RESULTATS
 */


/*#content #right {
	float:none;
	width:100%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

@media screen and (min-width: 801px) {
	#content #right {
		float:left;
		width:220px;
		margin: 0;
	}
}*/

#content .resultats {
	text-align:center;
	font-family: 'Gabriola',Arial,Helvetica,sans-serif;
	font-weight:300;
	font-size: 35px;
	color:#951E2D ;
}

/*#content #right table {
	margin-left:14px;
	width:100%;
}

#content #right table > caption {
	font-family: "Georgia";
	font-size: 11pt;
	color:#000000;
	padding:10px 0px;
	text-align:left;
}

#content #right table  td {
	font-family: "Georgia";
	font-size: 12pt;
	color:#676767;
	background:url("../img/puce.png") no-repeat 0 4px;
	padding-left:20px;
	padding-bottom:8px;
	width:100%;
	text-align:left;
}

#content #right table  td a{
	color:#676767;
}*/

#content  .more_results {
	font-family: PT Sans;
	font-size: 13pt;
	text-align:center;
}

#content  .more_results a{
	color:#951E2D;
	cursor:pointer;
}

/*-------------------------- RESULTATS RECHERCHE --------------------------*/

#bloc_bas .title {
	font-family: PT Sans;
	font-size: 16pt;
	color:#714a29;
}

#bloc_bas .retour {
	text-align:left;
	font-family: PT Sans;
	font-size: 13pt;
	color:#714a29;
	text-decoration:underline;
	margin: 0 auto;
	width:100px;
}

@media screen and (min-width: 801px) {
	#bloc_bas .retour {
		padding-left:50px;
		position:relative;
		top:-30px;
		margin:0;
		width:150px;
	}
}

#bloc_bas .retour a {
	color:#714a29; 
}

/*-------------------------- PAGE EQUIPAGE --------------------------*/

#content .bouton {
	margin-top:-48px;
	width:100%;
	text-align:center;
	position:relative;
	height:100px;
}

#content .bouton .retour{
	position: absolute;
	top: 61px;
	left: 65px;
	font-family:PT Sans;
	font-size:13pt;
	color:#714a29 ;
}

#content .bouton .retour a{
	color:#714a29;
}

#content .bouton .signal-error {
	position: absolute;
	top: 61px;
	right: 65px;
	font-family:PT Sans;
	font-size:13pt;
	color:#714a29 ;
}

#content .bouton .signal-error a{
	color:#714a29;
}

/*@media screen and (max-width: 2048px) {*/
	#content .bouton .signal-error {
		display:none;
	}

	#content .bouton .retour{
		left: 10px;
		border:1px solid #714a29;
		padding:5px 8px;
		background-color:#714a29;
		color:#FFF;
		border-radius:4px 4px 4px 4px;
		moz-box-shadow: 5px 5px 5px 0px #656565;
		-webkit-box-shadow: 5px 5px 5px 0px #656565;
		-o-box-shadow: 5px 5px 5px 0px #656565;
		box-shadow: 5px 5px 5px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	}
	#content .bouton .retour a{
		color:#FFF;
	}
/*}*/





#content .bouton_img {
	position:absolute;
	z-index:2;
	/*width:110px;*/
	top:-5px;
	left:445px;
}

@media screen and (max-width: 321px) {
	#content .bouton_img {
		left:33%;
	}
}

@media screen and (max-width: 375px) and (min-width: 321px) {
	#content .bouton_img {
		left:35%;
	}
}
@media screen and (max-width: 385px) and (min-width: 376px) {
	#content .bouton_img {
		left:36%;
	}
}
@media screen and (max-width: 414px) and (min-width: 385px){
	#content .bouton_img {
		left:37%;
	}
}
@media screen and (max-width: 601px) and (min-width: 414px) {
	#content .bouton_img {
		left:41%;
	}
}
@media screen and (max-width: 801px) and (min-width: 601px) {
	#content .bouton_img {
		left:43%;
	}
}

/*-------------------------- CONTENT --------------------------*/

#nav {
	padding: 0; margin: 0;
	text-align: center; 
	border-top:1px dashed #808080;
	border-bottom:1px solid #808080;
}
#nav li {
	display: inline-block;
	list-style: none;
	margin:10px 0px;
	border-right:1px solid #888888;
	font-family:PT Sans;
	font-size:13px;
}

#nav li.selected {
	background: transparent url("../img/selection_menu.png") no-repeat scroll 50% 28px;
}

#nav li:last-child {
	border-right:none;
}

#nav a {
	display:inline-block;
	margin: 0 9px;
	color:#714a29;
}

#nav a > span {
	color:#d0c2a7;
}

/*@media screen and (max-width: 800px) {
	.nav-toggle:before {
		color:#714a29 !important;
	}
	.nav-collapse a{
		color:#714a29 !important;
	}
}*/

#fiche {
	width:100%;
	margin:0 auto;
	min-height:400px;
	margin-top:-22px;
}

@media screen and (min-width: 801px) {
	#fiche {
		width:870px;
		margin-bottom: 20px;
	}
}

#fiche #content-fiche {
	width:100%;
	background-color:#FFFFFF;
	padding:30px 10px 10px 10px;
	min-height:360px;
}

@media screen and (min-width: 801px) {
	#fiche #content-fiche {
		padding:30px 0 10px 30px;
	}
}

#content-fiche table {
	float:left;
	width:100%px;
}

@media screen and (min-width: 801px) {
	#content-fiche table {
		width:670px;
	}
}

@media screen and (max-width: 800px) {
	#content-fiche table, #content-fiche thead, #content-fiche tbody, #content-fiche th, #content-fiche td, #content-fiche tr { 
		display: block; 
	}
}

#content-fiche table tr.spaceUnder > td {
	padding-top:5px;
}

#content-fiche table td {
	font-family:PT Sans;
	/*font-family: Avenir Next LT Pro Condensed ;*/
	font-size:11pt;
	color:#676767;
	text-align:justify;
}

#content-fiche table td.titre {
	vertical-align:top;
	font-weight:bold;
	padding-left:0;
	width:190px;
	color:#000000;
}

#content-fiche #images {
	width:170px;
	height:400px;
	float:right;
	/*border:1px solid #808080;*/
	background:url("../img/separateur.png") no-repeat 0 0;
	/*padding-left:65px;*/
}



#content-fiche #images .animaux{
	text-align:center;	
}

#content-fiche #images .tenue{
	/*height:130px;*/
}

@media screen and (max-width: 800px) {
	#content-fiche #images {
		width:100%;
		/*height:220px;*/
		float:left;
		background:transparent no-repeat 0 0;
	}
	#content-fiche #images .animaux{
		text-align:center;
		height:70px;	
		float:left;
		margin-top:30px;
	}

	#content-fiche #images .tenue{
		height:130px;
		margin-top:0px;
		float:left;
	}
}

#content-fiche .dewplayer {
	width:500px;
	margin:0 auto;
	padding:20px;
	text-align:center;
}

#content-fiche #pdfContainer {
	padding-top:10px;
}

#content-fiche .media{
	margin:0 auto;
	margin-top:10px;
}

#content-fiche p {
	width:100%;
}

#content-fiche .livre p,
#content-fiche .peinture p,
#content-fiche p.fanfare_titre,
#content-fiche p.fanfare_auteur {
	font-family:PT Sans;
	font-size:12pt;
	color:#676767;
}

#content-fiche table td.libelle {
	font-weight: bold;
	padding-left: 0px;
	width: 190px;
	color: #000;
}

#content-fiche table td > input,
#content-fiche table td > select {
	width: 401px;
	padding: 5px 10px;
}

#content-fiche table td > input#sendBtn {
	width:100px;
}

/*-------------------------- LIVRES --------------------------*/

#content-fiche .livre {
	width:100%;
	padding:20px;
}

#content-fiche .livre .couverture{
	width:100%; 
	float:none;
}

#content-fiche .livre .description{
	width:100%;
	float:none;
	text-align:left;
	padding-top:20px
}

@media screen and (min-width: 801px) {
	#content-fiche .livre .couverture{
		width:50%; 
		float:left
	}

	#content-fiche .livre .description{
		width:50%;
		float:left;
		padding-left:50px;
		padding-top:0;
	}
}

/*-------------------------- FANFARES --------------------------*/

#content-fiche p.fanfare_titre {
	font-family:PT Sans;
	font-size:13pt;
	color:#951E2D;
	text-align:center;
	/*letter-spacing: 1px;*/
}

#content-fiche p.fanfare_auteur {
	font-family:PT Sans;
	font-size:11pt;
	color:#818180;
	text-align:center;
	/*letter-spacing: 1px;*/
	/*margin-top: 10px;*/
}

/*-------------------------- PEINTURE --------------------------*/

.peinture {
	border:1px solid #808080;
	margin: 30px 40px 0 10px;
	padding-top:10px;
	text-align:center;
	background-color:#FFF;
}

@media (max-width:768px){
	.peinture {
		margin: 30px 10px 0 10px;
	}

	.peinture img {
		width:100%;
	}
}

.peinture p.auteur {
	color:#808080;
	font-style:italic;
}

.peinture p.desc {
	color:#808080;
	font-style:italic;
}

.peinture p.notice {
	color:#404040;
	font-size:1.2em;
	padding:15px 0;
}

/*-------------------------- SIGNALEZ UNE ERREUR --------------------------*/

#signal-error {
	padding:10px;
}
#signal-error  .content p{
	width:100%;
	margin:0;
	padding:0;
	font-weight:bold;
	margin-bottom:15px;
}

#signal-error  .content  table {width:100%}
#signal-error  .content  table  td{}
#signal-error  .content div.error{
	color:red;
	font-size:12px;
	padding:5px 0px;
}
#signal-error  .content  table td.libelle{width:160px;}

#signal-error  .content  input{
	padding:5px 10px;	
}

#signal-error  .content  input[type="text"]{
	width:100%;
}