@charset "utf-8";

/*
[class*="col-"], footer {
  background-color: lightgreen;
  border: 2px solid black;
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
}
*/

/************************************************************************************************************/
/* Override Bootstrap */
/************************************************************************************************************/

.navbar {
  position: relative;
  min-height: 30px;
  margin-bottom: 0;
  margin-top:60px;
  border: 1px solid transparent;
}

.navbar-default {
  background-color: rgba(0,0,0,0);
  border: 0 solid rgba(0,0,0,0);
}

.navbar-default .navbar-nav > li > a {
    color: #555;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #ccc;
    color: #333333;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #555555;
}


.navbar-nav > li > a {
    line-height: normal;
	margin-left:5px;
	border-radius:5px;
	text-transform:capitalize;
	margin-bottom:2px;
}

.nav > li > a {
    display: block;
    padding: 8px 20px;
    position: relative;
}

.no-gutter [class*="col-"] {
	padding-left:0 !important;
    padding-right:0 !important;
}

/************************************************************************************************************/
/* Override Slick */
/************************************************************************************************************/

    .slider {
        width: 95%;
        height:420px;
    	box-sizing: border-box;
    	margin:0 auto;
    	padding:10px 0;
    	background:#fff;
    }

    .slick-slide {
    	margin: 0 10px;
    	box-sizing: border-box;
   }

    .slick-slide img {
		width: auto;
		box-sizing: border-box;
		border-radius: 3px;
  }

    .slick-prev:before,
    .slick-next:before {
        color: grey;
       box-sizing: border-box;
   }


/************************************************************************************************************/
/* Couleur */
/************************************************************************************************************/

/* Couleurs de fond */
.bg_gris{ background:#95A0BB; }
.bg_neutre{ background:#DBDEE5; }
.bg_violet{ background:#484073; }
.bg_vert{ background:#7DC63C; }
.bg_bleu{ background:#37C4F0; }
.bg_bleu2{ background:#93E5F9; }
.bg_orange{ background:#FBB725; }
.bg_jaune{ background:#F8D347; }
.bg_rouge{ background:#FA4733; }
.bg_rose{ background:#FB7B6C; }
.bg_teal{ background:#41CAC0; }
.bg_teal2{ background:#39B7AC; }
.bg_teal3{ background:#86D6CF; }
.bg_blanc{ background:#fff; }
.bg_noir{ background:#000; }

/* Couleur de texte */
.gris{ color:#95A0BB; }
.neutre{ color:#EBEEF5; }
.violet{ color:#484073; }
.vert{ color:#7DC63C; }
.bleu{ color:#37C4F0; }
.orange{ color:#FBB725; }
.jaune{ color:#F8D347; }
.rouge{ color:#FA4733; }
.rose{ color:#FB7B6C; }
.teal{ color:#41CAC0; }
.teal2{ color:#39B7AC; }
.blanc{ color:#fff; }
.noir{ color:#000; }

/* Couleurs de bordure */
.bd_gris{ background:#95A0BB; }
.bd_neutre{ background:#DBDEE5; }
.bd_violet{ background:#484073; }
.bd_vert{ background:#7DC63C; }
.bd_bleu{ background:#37C4F0; }
.bd_bleu2{ background:#93E5F9; }
.bd_orange{ background:#FBB725; }
.bd_jaune{ background:#F8D347; }
.bd_rouge{ background:#FA4733; }
.bd_rose{ background:#FB7B6C; }
.bd_teal{ background:#41CAC0; }
.bd_teal2{ background:#39B7AC; }
.bd_blanc{ background:#fff; }
.bd_noir{ background:#000; }



/************************************************************************************************************/
/* Entete */
/************************************************************************************************************/

.entete {
	margin-bottom:10px;
}

.entete_rs {
	margin-top:30px;
}

/* Reseaux Sociaux */

#rs {
	margin-top:3px;
	height:26px;
}

#rs .buttonrs{
	margin:2px;
	float:left;
	width:110px;
	overflow:hidden;
}




/************************************************************************************************************/
/* Pied de page */
/************************************************************************************************************/

#fd_footer {
	clear:both;
	height:250px;
	background: #4C5566;
}

#footer {
	height:250px;
	color:#fff;
	width:1000px;
}

#footer_logo {
	float:left;
	width:20%;
	margin-top:50px;
	height:80px;
	border-right:1px dotted #888;
}

#copyright {
	float:left;
	text-align:left;
	width:80%;
	margin-top:65px;
	height:80px;
	color:#BAC0CE;
	padding-left: 20px;
}

#copyright a, #copyright a:visited {
	color:#333;
}
#copyright a:hover{
	color:#f93;
}


/************************************************************************************************************/
/* Page d'accueil */
/************************************************************************************************************/

.home_contenu {
	background:#eee;
	padding-bottom: 12px;
}

.home_message {
    width: 70%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    background: #FB7B6C;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
}

.home_top {
	padding-top:15px;
}

.home_connect {
	margin-top:10px;
	width: 300px;
	height:30px;
	box-sizing: border-box;
}

.connect {
	border:1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
	width: 290px;
}

.home_fb {
	margin-top:20px;
	border:1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
	width: 290px;
	box-sizing: border-box;
    height: 42px;
}

.home_logofb {
	float:left;
	margin-right: 10px;
}

.home_coeur a {
	line-height: 20px;
	float: right;
	background: #ccc;
	display: block;
	box-sizing: border-box;
	border-radius: 3px;
	margin: 10px 40px 0 0;
	padding:5px 10px;
	font-size: 13px;
	color:#666;
	font-weight: 400;
}

.coupsdecoeur {
	height:400px;
	width:auto;
}

.home_h {
	border-radius: 5px;
}

.home_news h3, .home_newbook h3, .home_services h3 {
	display:block;
	padding:8px 8px 8px 20px;
	font-size:1.3em;
	font-weight:700;
	color:#fff;
	text-align:left;
}

.home_newbook h3 span {
	box-sizing: border-box;
	display:block;
	float:right;
	font-size:0.7em;
	color:#fff;
	padding:4px 10px;
	border-radius: 3px
}

.home_newbook ul {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow: hidden;
	height:180px;
}

.home_newbook ul li{
    float: left;
    background: #fff;
    margin: 4px;
    padding: 10px;
    font-weight: 700;
    text-align: center;
    width: 140px;
    height: 176px;
    overflow: hidden;
    border-radius: 5px
}

.home_newbook ul li img {
    width: 120px;
    height: auto;
    border-radius: 5px;
}


.home_services ul {
	margin:0;
	padding:0;
	list-style-type:none;
}


.home_services ul li a {
	display:block;
	margin:10px 5px;
	font-weight:700;
	color:#fff;
	padding:8px;
	border-radius: 4px;
}

a.home_book {
	display:inline-block;
	margin-bottom:15px;
	font-weight:700;
	color:#fff;
	padding:10px 30px;
	border-radius: 4px;
}

a.home_book:hover  {
	text-decoration:none;
	background:#ccc;
}

.home_fb_content, .home_services_content {
	padding:15px;
	border-radius: 5px
}


/************************************************************************************************************/
/* Page d'inscription */
/************************************************************************************************************/

.bg_inscription {
	background: #ddd url('https://www.bookfoto.com/images/bg-inscription.jpg') top center;
	background-size:cover;
	padding-bottom:30px;

}

.inscription_entete {
	padding-top:50px;
	padding-bottom: 20px;
}

.inscription {
	margin:0 auto;
	width:100%;
	max-width: 580px;
	background: #eee;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4)
}

.inscription_teaser {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
	letter-spacing: 2px;
	color: #58635C;
}

.inscription_champ {
	margin-bottom: 10px;
	text-align: right;
}

.inscription_pseudo {
	font-weight:bold;
	background-color:#f6f6f6;
	color:#f60;
	text-align: center;
	margin: 0 5px;
}

.choix_pseudo {
	margin-top:30px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	color: #58635C;
}

.text_pseudo {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: #58635C;
	font-weight: 700;
}

.btn_inscription {
	background: #4FBBB7;
	color:#fff;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	padding: 5px 30px;
	margin-top: 10px;
}

#inscriptionplus {
	background: #fff;
	text-align: center;
}

.btn_savoirplus {
	background: #4C5566;
	color:#fff;
	font-size: 14px;
	text-align: center;
	padding: 4px 20px;
	margin-top: 10px;
}

.img_savoirplus {
	width:65%;
}

.savoirplus_teaser {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	margin-top: 40px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #58635C;
}
/************************************************************************************************************/
/* notation */
/************************************************************************************************************/

.fond_note {
    height:16px;
    width:150px;
    background: rgba(0, 0, 0, 0.1);
    margin:3px 0;
    border-radius: 4px;
    overflow: hidden;
}

.note {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    height:16px;
    background: rgba(0, 0, 0, 0.5);
    color:#fff;
    font-size: 12px;
    padding:0 0 0 2px;
    white-space: nowrap;
    line-height: 16px;

}

/************************************************************************************************************/
/* Styles génériques */
/************************************************************************************************************/

.round-box {
	border-radius: 5px;
	padding: 8px;
}

.liste-box {
	border:1px solid #ccc;
	margin:5px 10px;
	padding: 8px;
	border-radius: 4px;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}









/********************************************************************************************************************/
/********************************************************************************************************************/
/*                                 Style issu de la précédente version                                              */
/********************************************************************************************************************/
/********************************************************************************************************************/




a {
	text-decoration:none;
	color:#f93;
}

a:hover {
	color:#444;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.mini_alerte {
	color:red;
	font-size:11px;
	margin:3px;
	text-align:center;
}

.bandeau {
	margin:3px 0;
	font-size:14px;
	padding:1px 5px;
	line-height:26px;
}

.bandeau_gris {
	border:1px solid #ccc;
	background:#ccc;
	margin:3px 2px;
	font-size:13px;
	padding:1px 5px;
	height:26px;
	line-height:26px;
}


/************************************************************************************************************/
/* Navigation de gauche */

#navig_left {
	background: none repeat scroll 0 0 #464F5E;
    float: left;
    width: 15%;
}

.navig_bloc {
	background: none repeat scroll 0 0 #4C5566;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 13px;
    margin: 3%;
    padding: 2%;
    width: 90%;
}

.navig_bloc a {
    color: #CCCCCC;
    display: block;
    line-height: 22px;
}

/************************************************************************************************************/
/* Contenu des pages */

#site_body {
    background: none repeat scroll 0 0 #F1F2F7;
}

#site_contenu {
	float:left;
	margin:0 1%;
	width:82%;
	padding-bottom: 50px;

}

#pageBody {
	clear:both;
	width:1000px;
	margin:0 auto;
	background:#eee url('https://www.bookfoto.com/images/fd_console.png') repeat-x;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#page_contenu {
	width:790px;
	float:left;
}

#titre {
	width:100%;
	font-weight:bold;
	background:#95A0BB;
	text-align:center;
	color:#fff;
	margin:10px 0;
	padding:2px;
	font-size:22px;
	line-height:30px;
	border-radius: 3px;
}

h3.sous-titre {
	font-weight:700;
	text-indent:50px;
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin:5px 0;
	padding:5px;
	border-radius: 3px;
}

.infos {
	display:block;
	margin:5px 0;
	padding:8px;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:14px;
	border-radius: 	3px;
}

.infos h2 {
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ccc;
}

.clear {
	clear:both;
}

/* _______________________________________ COMPOSITES */

.block_compo {
	display:block;
	margin:6px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	font-size:11px;
}

.compo_description {
	margin:5px;
	font-size:11px;
}

.compo_prix {
	text-align:right;
	margin:5px;
	font-size:14px;
	color:#f93;
	font-weight:bold;
}

.compo_vignettes_all {
	border-top:1px dotted #ccc;
	margin:8px 0;
	padding:2px;
}

.compo_vignette {
	background:#ddd;
	border:1px solid #ddd;
	margin:3px;
	padding:3px;
	float:left;
}

.compo_vignette img{
	border:1px solid #ccc;
	margin:1px;
	height:125px;
}

.compo_validation {
	text-align:center;
}

.compo_validation input[type=submit]{
	margin:10px;
	padding:5px;
	border:1px solid #aaa;
	background:#ccc;
	font-size:16px;
	font-weight:bold;
	width:300px;
	text-align:center;
}

#compo_form {
	position:relative;
	width:360px;
	border-right:1px dotted #ccc;
	margin:2px;
	float:left;
}

#compo_download {
	display:none;
	position:absolute;
	top:80px;
	left:40px;
	width:260px;
	height:80px;
	background:#fff;
	padding:30px 20px;
	border:1px solid #aaa;
	font-size:11px;
}

#compo_download b{
	color:red;
	font-size:13px;
}

#compo_form h3{
	font-size:16px;
	margin:10px 0 5px 0;
	border-bottom:1px solid #ccc;
}

#compo_form p{
	margin:2px 0;
}

#compo_form label{
	float:left;
	width:110px;
	text-align:right;
	padding-right:8px;
}

#compo_form input[type=text]{
	width:50px;
	font-size:11px;
}

#compo_form input[type=file]{
	font-size:11px;
}

#compo_form select{
	width:100px;
	font-size:11px;
}

#compo_preview {
	float:left;
	margin-left:10px;
}
#compo_preview_fond {
	position:relative;
	float:left;
	margin-left:5px;
	width:320px;
	height:900px;
}

#compo_perso {
	margin:8px 2px;
	border:1px solid #ccc;
	padding:3px;
}

#compo_perso h2{
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

.compo_select {
	float:left;
}

.compo_select label{
	float:left;
	width:110px;
	text-align:right;
	padding-right:5px;
	line-height:18px;
}

.compo_select select{
	width:100px;
	font-size:11px;
}

#compo_photos {
	position:relative;
	float:left;
	border-right:1px dotted #ccc;
	width:140px;
	padding-right:5px;
}

#compo_preview2 {
	float:left;
	margin-left:10px;
}
#compo_preview2_fond {
	position:relative;
	float:left;
	margin-left:5px;
	width:414px;
	height:1225px;
}
#compo_preview2_fond img {
	position:absolute;
}

#compo_image_preview {
	position:relative;
	float:left;
	border-right:1px dotted #ccc;
	width:220px;
	padding-right:5px;
	margin-bottom:20px;
}

.compo_infos {
	border:1px solid #ccc;
	margin:2px;
	float:left;
	padding:3px;
	width:550px;
}

.compo_infos p{
	margin:2px 0;
}

.compo_infos h3{
	margin:10px 0 5px 0;
	font-size:14px;
	text-decoration:underline;
}

.compo_infos h2{
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ccc;
}

.compo_infos .quantite{
	text-align:left;
	padding: 4px;
	font-size:12px;
}

.compo_infos label{
	float:left;
	width:180px;
	text-align:right;
	padding-right:5px;
	line-height:18px;
}

.compo_infos input[type=text]{
	width:150px;
	font-size:11px;
}

.compo_infos input[type=file]{
	font-size:11px;
}

.compo_infos select{
	width:100px;
	font-size:11px;
}

#compo_panier {
	border:1px solid #ccc;
	background:#fff;
	margin:2px;
	padding:3px;
}

#compo_panier h2{
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ccc;
}

#compo_panier .prod{
	border-right:1px solid #ccc;
	float:left;
	width:500px;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}

#contenu_panier{
	background:#eee;
	border-bottom:1px dotted #ccc;
}

#compo_panier .quantite{
	border-right:1px solid #ccc;
	float:left;
	width:100px;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	text-align:right;
}

#compo_panier .prix{
	float:right;
	width:120px;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	text-align:right;
}

#compo_panier .transport{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

#compo_panier .soustotal{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

#compo_panier .total{
	clear:both;
	background:#ddd;
	margin:2px;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}

#compo_paiement {
	border:1px solid #ccc;
	background:#fff;
	margin:2px 2px 20px 2px;
	padding:3px;
	text-align:right;

}

#compo_paiement h2{
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ccc;
}

.modepaiement {
	float:right;
}
/* ________________________________________ Bandeau cookies */

.cookies_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.85);
	color: #fff;
	z-index: 9999;
	padding: 30px;
	font-size: 14px;
	line-height: 25px;
}

.cookies_banner span {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.cookies_banner a {
	display: inline-block;
	margin: 0 10px;
	padding: 3px 10px;
	background: #666;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 4px;
	color: #fff;
}

.no_cookies_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.85);
	color: #fff;
	z-index: 9999;
	padding: 5px 30px;
	font-size: 12px;
}

.no_cookies_banner a {
	text-decoration: underline;
	color: #ccc;
}

/* ________________________________________ Articles */

.page_conteneur {
	font-family: 'Lato', sans-serif;
	margin: 0 auto;
	width: 1200px;
}
.page_entete {
	background: #fff;
	padding: 20px;
	text-align: center;
}

.page_pied {
	padding: 20px;
	text-align: center;
	font-size: 14px;
}

.block_contenu {
	margin:5px 0;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:16px;
}

.block_contenu h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	color: #aaa;
	font-weight: 700;
}

.block_contenu h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: #888;
	font-weight: 700;
}










.bloc_article {
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	font-size:11px;
}



.bloc_article h3{
	background:#f93;
	padding:2px;
	font-size:12px;
}

.bloc_article .vignette{
	width:85px;
	float:left;
	border:0;
	margin-right:2px;
}

.article_contenu {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	font-size: 14px;
}

/* ________________________________________ Navigation */
#page_navig {
	width:200px;
	float:left;
}


.navig_element {
	border-bottom:1px dotted #ccc;
	padding:1px;
	text-indent:7px;
}

.navig_element_last {
	padding:1px 1px 5px 1px;
	text-indent:7px;
}

.navig_bloc_titre {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:5px;
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}

/* OUTIL IMAGE */

.outil_image {

	height:300px;
	float:left;
	margin:10px;
	border:1px solid #ccc;
}

/*-------------------------------------------------------------------------*/

td {font-family:verdana,arial,helvetica, sans-serif; font-size:10pt}
a {color:#444444; text-decoration: none}
a:hover {color:#ff6600; text-decoration: none}
.titre {color:#FF9933; font-size:13pt; font-weight:bold}
.bigtext {font-size:11pt; font-weight:bold; font-style: italic}
.subtitle {color:#0066ff; font-size:11pt; font-weight:bold}
.small {font-size:8pt}
.novalid {font-size:9px; color:#FF0000; font-weight:bold;}
.titrubrique {color:#ffffff; font-size:11pt; font-weight:bold; font-style: italic}
.question {color:#FF9933; font-size:12px; font-weight:bold;  font-style: italic}
.title {color:#ff9933; font-size:12pt; font-weight:bold}

.pub { border:1px solid #ccc; padding:2px; margin-right:5px; text-align:center; }

/****************************************************************************************/
/* Vignette de présentation */
.pres_book {
	background-color:#DDD;
    border-radius: 5px;
	margin:3px;
	padding:6px;
	float:left;
	width:360px;
	height:172px;
	overflow:hidden;
	box-sizing: border-box;
}

.pres_book img, .pres_new_gal img{
    border-radius: 5px;
	margin:0 6px 0 0;
	float:left;
	border:none;
    width: 160px;
    height: auto;
}

.pres_pseudo {
	font-size:16px;
	font-weight:700;
	margin-bottom:8px;
	overflow: hidden;
}

.pres_infos {
	font-size:13px;
}

.pres_new_gal {
	background-color:#DDD;
    border-radius: 4px;
	margin:3px;
	padding:4px;
	float:left;
	width:340px;
	height:138px;
	overflow:hidden;
}








#cdc {
	width:380px;
	height:270px;
	position:relative;
	overflow:hidden;
}

#ruban {
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:20;
}

.slides {
	margin:0;
	padding:0;
}

.slides li {
	float:left;
}

.slides li img {
	height:269px;
	border:1px solid #aaa;
}

#home_grosse_accroche {
	margin-top:10px;
	clear:both;
	border:1px solid #A3AC0A;
	height:100px;
	overflow:hidden;
	background:#b7bc2e;
	padding:0;
	width:940px;
    -moz-border-radius: 8px / 8px;
    -webkit-border-radius: 8px / 8px;
    border-radius: 8px / 8px;
	text-align:center;
}

#home_newbook {
	margin-top:10px;
	clear:both;
	border-right:1px dotted #ccc;
	padding:0 10px;
	width:510px;
	height:275px;
	float:left;
	overflow:hidden;
	background:#fff;
}

#home_newbook h3{
	margin:0;
	padding:1px 5px;
	background:#ccc;
}

#home_newbook ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#home_newbook li {
	margin:2px;
	padding:2px;
	float:left;
	text-align:center;
	font-size:10px;
	border:1px solid #ccc;
	width:75px;
	height:75px;
	overflow:hidden;
	line-height:15px;
}

#home_newbook li .vignette {
	width:60px;
	border:none;
}


#home_pa {
	margin-top:10px;
	width:380px;
	height:270px;
	float:left;
	margin-left:20px;
	overflow:hidden;
}

#home_pa h3{
	margin:0 0 3px 0;
	padding:1px 10px;
	background:#ccc;
}

#home_pa ul {
	list-style-type:none;
	margin:0;
	padding:0;
	background:#eee;
    -moz-border-radius: 12px / 12px;
    -webkit-border-radius: 12px / 12px;
    border-radius: 12px / 12px;
	height:250px;
	overflow:hidden;
}

#home_pa li {
	margin:2px;
	padding:2px;
	font-size:10px;
	border-bottom:1px dotted #ccc;
	line-height:12px;
}

#home_pa li b {
	font-size:11px;
	line-height:15px;
}

/*******************************************************************************/
/* Partie Book */

.navig_mode_recherche {margin-top:8px;}

.navbook_on {
	background:#FBB725;
    border-radius: 4px;
	line-height:38px;
	padding: 0 10px;
	display:block;
	float:left;
	margin:2px;
	font-weight:bold;
	font-size:14px;
}

.navbook_off {
	background:#ccc;
    border-radius: 4px;
	line-height:38px;
	padding: 0 10px;
	display:block;
	float:left;
	margin:2px;
	font-weight:bold;
	font-size:14px;
}
.navbook_off:hover {
		background:#ddd;
}

.block_rech_titre {
	text-align:center;
	font-weight:700;
	margin:5px 0;
	padding:5px;
	border-radius: 3px;
	font-size:18px;
	line-height: 26px;
}

.block_rech_info {
	margin:5px;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:13px;
}

.block_rech_info hr{
	margin:5px 2px;
	border:none;
	background: #ddd;
	height:1px;
}

.block_rech_info label{
	font-weight:700;
	display:inline-block;
	width:150px;
	margin-right:10px;
	text-align:right;
	line-height:24px;
}

.block_rech_info span{
	display:inline-block;
	width:220px;
	margin-right:10px;
	line-height:24px;
}

.block_rech_info select{
	display: inline-block;
	width:300px;
	margin-bottom: 5px;
}



.block_rech_info .selecteurgeo {
	width:110px;
	text-align:right;
	float:left;
}

.rech_liste a {
	background:#ddd;
    border-radius: 4px;
	line-height:38px;
	padding: 0 10px;
	display:block;
	float:left;
	margin:2px;
	font-size:14px;
	width:450px;
}

.rech_liste a:hover {
	background:#FBB725;
}
/******************************************************************************************/
/* SERVICES */
/******************************************************************************************/
.block_service_info {
	margin:5px 0;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
}

.block_service_info hr{
	margin:5px 2px;
	border:none;
	background: #ddd;
	height:1px;
}

.block_service_info label{
	font-weight:700;
	display:inline-block;
	width:150px;
	margin-right:10px;
	text-align:right;
	line-height:24px;
}

.masque {color:#999999;}

.lexique_mot { padding:5px; color:#000000; font-size:13px; font-weight:bold; border:1px solid #ccc; background:#eee;}


.book {font-family:verdana, arial, helvetica, sans-serif; color:#000000; font-size:13px; font-weight:bolder}
.foto {font-family:verdana,arial,helvetica, sans-serif; color:#5b6459; font-size:13px; font-weight:bolder}

.pub_bf {
    margin: 5px 5px 10px;}

.page_selecteur {
	background:#fff;
	padding:10px;
}

.page_number {
	height:30px;
	line-height:30px;
	float:left;
	font-size:14px;
}

.page_select {
	background:#f93 !important;
}

.page {
	background:#ccc;
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	text-align:center;
	font-size:14px;
	margin:0 3px 3px 0;
	box-sizing: border-box;
	border-radius: 4px;
}

.page:hover {
	background:#aaa;
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	text-align:center;
	font-size:14px;
	margin-right:3px;
	box-sizing: border-box;
	border-radius: 3px;
}

/**********************************************************************/
/***                            SERVICES                            ***/
/**********************************************************************/

/* Composites */
.compo { width:180px; margin:5px; border:1px solid #ccc; padding:2px; float:left; }
.compo_titre { text-align:center; font-weight:bold; }
.compo_detail { font-size:10px; font-style:italic; color:#888; }
.compo_prix { font-size:10px; }
.compo_lien { font-size:10px; text-align:center; font-weight:bold; margin:2px; padding:2px; background-color:#ccc; display:block; border:1px solid #ccc;}
.compo_lien:hover { font-size:10px; text-align:center; font-weight:bold; margin:2px; padding:2px; background-color:#ddd; display:block; border:1px solid #ccc;}
.compo_qual_max { border:1px solid #444; background-color:#0f0; width:120px; text-align:center; padding:2px; display:block; float:left; margin:2px;}
.compo_qual_moy { border:1px solid #444; background-color:#df0; width:120px; text-align:center; padding:2px; display:block; float:left; margin:2px;}
.compo_qual_min { border:1px solid #444; background-color:#f50; width:120px; text-align:center; padding:2px; display:block; float:left; margin:2px;}


/* Liens */
.liste_cat_liens {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.liste_cat_liens li {
	font-size: 16px;
	border-radius: 3px;
	padding: 5px;
	margin: 5px;
	background: #dde;
}

/* Petites Annonces */
ul.ann_liste_categ {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.ann_liste_categ li{
	float:left;

}

ul.ann_liste_categ li a{
	padding:5px;
	margin:2px;
	background:#ddd;
    border:1px solid #ddd;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	display:block;
}

ul.ann_liste_categ li a:hover{
	border:1px solid #f93;
	background:#fd7;
}


ul.ann_last {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.ann_last li {
	padding:2px;
	margin:2px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:12px;
	clear:both;
}

ul.ann_last img {
	height:60px;
	border:0;
}

ul.ann_last .vignette {
	margin-right:5px;
	float:left;
}

#ann_liste ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#ann_liste li {
    padding:4px;
    margin:4px;
    border:1px solid #ccc;
    font-size:10px;
    display: flex;
}


#ann_liste li.ann_titre_liste {
    height:auto;
    padding:2px;
    margin:2px;
    font-size:16px;
    text-align: center;
    background: #aaa;
    font-weight: 700;
    display: block;

}

#ann_liste li.ann_soustitre_liste {
    height:auto;
    padding:2px;
    margin:2px;
    font-size:16px;
    text-align: center;
    background: #ccc;
    display: block;
}

#ann_liste img {
	height:80px;
	border:0;
}

#ann_liste a {
	font-size:11px;
}

#ann_liste .vignette {
	width:150px;
	margin-right:5px;
	text-align:center;
}

.ann_sous_categ {
	text-align:center;
	line-height:14px;
	padding:5px;
	margin:1px;
	border:1px solid #ccc;
	background:#fff;
	font-size:11px;
	display:block;
	font-weight:bold;
	float:left;
}

#ann_fiche h2 {
	text-indent:20px;
	font-size:18px;
	color:#f93;
}

#ann_infos {
	margin:5px;
	padding:5px;
	border:1px dotted #aaa;
	background:#eee;
	font-size:11px;
}

#ann_description {
	margin:5px;
	padding: 0 5px 10px 5px;
	font-size:12px;
	border-bottom:1px dotted #aaa;
}

#ann_photos {
	list-style-type:none;
	margin:0;
	padding:0
}

#ann_photos li {
	margin:2px;
	padding:3px;
	border:1px solid #ccc;
	background:#eee;
	width:150px;
	height:100px;
	float:left;
	text-align:center;
}

#ann_reponse {
	clear:both;
	margin:3px;
	padding:5px;
	border:1px solid #ccc;
	background:#eee;
	font-weight:bold;
	font-size:14px;
	display:block;
	text-align:center;
}

#ann_reponse:hover {
	border:1px solid #f93;
	background:#fc6;
	font-weight:bold;
	font-size:14px;
	display:block;
	text-align:center;
}


.faq_question {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	margin: 5px 10px;
}

.faq_reponse {
	display: none;
	padding-left:40px;
	color:#666;
}

.faq_reponse a{
	text-decoration: underline;
	color:#f93;
}

.faq_click {
	cursor: pointer;
}

.faq_click:hover {
	color:#f93;
}


/************ AGENDA **********************/

.vignette_agenda {
	max-height: 250px;
	max-width: 450px;
	width: auto;
	height: auto;
}

.agenda_event {
	border:1px solid #ccc;
	background: #ffffff;
	margin: 5px;
	border-radius: 4px;
	padding: 5px;
}

.agenda_event img {
	border:1px solid #ccc;
	margin: 5px;
	border-radius: 4px;
	float:left;
	max-width: 110px;
	height: auto;
}

.aff_date {
	text-align:center;
	font-weight:700;
	margin:5px 0;
	border-radius: 3px;
	font-size:30px;
	line-height: 50px;
	border:1px solid #37C4F0;
}

.aff_date span {
	display: block;
	background: #37C4F0;
	padding:5px;
	font-size:16px;
	line-height: 24px;
	color:#fff;
}

.aff_date div {
	display: block;
	background: #37C4F0;
	padding:2px;
	font-size:12px;
	line-height: 15px;
	color:#ffffff;
}

.aff_calendar_bt {
	display:block;
	text-align:center;
	font-weight:700;
	margin:5px 0;
	border-radius: 3px;
	font-size:14px;
	line-height: 22px;
	border:1px solid #37C4F0;
	padding:8px 0;
}

#calendar_modal {
	display: none;
}

.date_agenda {
	border-radius: 4px;
	padding:4px;
	text-align: center;
	color: #fff;
}

.agenda_desc {
	font-size: 12px;
	color:#666;
	margin:5px 0;
}

.agenda_aff {
	margin:10px 0;
}

.agenda_titre {
	font-size: 30px;
	color:#000;
	font-weight: 700;
	margin-top:20px;
	margin-bottom:10px;
}

.agenda_type {
	font-size: 15px;
	color:#95A0BB;
	text-transform: uppercase;
	margin-bottom:5px;
}

.agenda_date {
	font-size: 15px;
	margin-bottom: 20px;
}

.agenda_visuel {
	width: 100%;
	height:auto;
	max-width: 350px;
}

.agenda_description {
	float: left;
	line-height: 22px;
	max-width: 800px;
}

.agenda_info {
	margin-top: 20px;
}

.agenda_info div {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}


/*****************************************************/
.form_1 {
	width:100px;
	height:20px;
	text-align:right;
	float:left;
	clear:both;
	padding-right:8px;
	border:1px solid #ccc;
	margin:1px;
}

.form_2 {
	width:450px;
	height:20px;
	float:left;
	/*border:1px solid #ccc;*/
	margin:1px;
}

.form_2 input,
.form_2 textarea,
.form_2 select {
	/*border:0;*/
	font-size:11px;
}

.form_3 {
	width:600px;
	height:22px;
	text-align:center;
	clear:both;
	margin:1px;
}



/* Styles partie navigation */

.navigBlocTop { width:180px; background:#fff; float:left; margin:2px;}
.navigBloc { width:180px; border:1px solid #ccc; background:#fff; float:left; margin:2px; font-size:10px}
.navigBlocTitre { margin-top:3px; background:#ddd; text-align:center; font-weight:bold; padding:1px; font-size:10px}
.navigBlocOrange { border:1px solid #f93; text-align:center; background:#fff; font-weight:bold; color:#f93; padding:1px; font-size:10px}
.navigElement { border-bottom:1px dotted #ccc; padding:1px 1px 1px 6px; font-size:10px}




/********************************************************************************/
/* Pied de page */

#fd_footer {
	clear:both;
	height:250px;
	background: #4C5566;
	text-align:center;
}

#footer {
	height:250px;
	color:#fff;
	width:1000px;
}

#footer_logo {
	float:left;
	width:20%;
	margin-top:50px;
	height:80px;
	border-right:1px dotted #888;
}

#copyright {
	float:left;
	text-align:left;
	width:80%;
	margin-top:65px;
	height:80px;
	color:#BAC0CE;
	padding-left: 20px;
}

#copyright a, #copyright a:visited {
	color:#333;
}
#copyright a:hover{
	color:#f93;
}



/* Divers */

.alerte {
	background:#f93;
	font-size:14px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 5px;
	padding:8px;
	font-weight:bold;
	color:#fff;
	border-radius: 4px;
	line-height: 20px;
}

.img_cbf {
	border:1px solid #ddd;
	margin:2px;
	float:left;
	padding:2px;
	height:240px;
	width:210px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}