@charset "utf-8";

/* CSS Document */



body{

	margin:0;

	padding:0;

	font-size:14px;

	font-family:gudea,Arial, Helvetica, sans-serif;

}





@font-face {

    font-family: 'gudea';

    src: url('/template/fonts/Gudea-Regular.ttf');

}



@font-face {

    font-family: "gudea";

    font-style: italic;

    src: url('/template/fonts/Gudea-Italic.ttf');

}

@font-face {

    font-family: "gudea";

    font-weight: bold;

    src: url('/template/fonts/Gudea-Bold.ttf');

}





a {color:#000;}



.or {color:#b9935b;}

.bleu{color:#757b9b;}





/*=================CONTENT==============================*/

.content{

	width:980px;

	margin:0 auto;

}





















/*=================HEADER==============================*/

.header{

	min-height:90px;

	width:100%;

	margin-bottom: 10px;

}



.content_header{

	width:980px;

	margin:0 auto;

	min-height:90px;

}



.logo{

	height:53px;

	width:325px;

	float:left;

	margin:22px 0px;

}



.accroche{

	height:43px;

	width:184px;

	float:left;

	margin-left:81px;

	margin-top:31px;

}



.information_compte{

	height:82px;

	width:300px;

	float:right;

	margin-right:9px;

	background-color:#dadee7;

	border-left:solid 1px #b7bece;

	border-right:solid 1px #d3d7e1;

	padding:1px;

}



.mon_compte{

	height:33px;

	width:208px;

	background-color:#b7bece;

	float:left;

	text-align: center;

}



.mon_compte p.connect{

	margin-top: 10px;

	width: 170px;

	float: left;

	text-align: left;

	margin-left:5px;

	overflow:hidden;

	height:15px;

	white-space:nowrap;

}



.mon_compte p{

	margin-top: 10px;

}



.mon_compte li{

	list-style: none outside none;

	margin-top: 10px;

}



.mon_panier{

	height:53px;

	width:204px;

	float:left;

}



.mon_panier a{

	width:139px;

	height:40px;

}



.mon_panier p{

	margin-top: 4px;

	margin-bottom: 0;

	text-align:center;

	float:left;

	font-size:12px;

}



.mon_panier img{

	margin-left:33px;

	margin-top:7px;

	margin-right:10px;

	float:left;

}



.mon_panier span{

	color:#AE936B;

}



.MD_blog{

	height:82px;

	width:89px;

	float:right;

	background-color:#e8ebf0;

	border-left:solid 1px #b7bece;

	padding-left:1px;

}





/*=================MENU==============================*/



.nav {

	width:100%;

	margin-bottom:30px;

}



.content_nav{

	width:980px;

	margin:0px auto;

	height:46px;

	border-top:1px solid #000;

	border-bottom:1px solid #000;

}



.menu ul{

	/*	height:34px;*/

	margin: 0;

	padding: 0;

	position:absolute;

	width:980px;

}



.menu li.li_parent {

	float: left;

	list-style: none outside none;

	height: 33px;

	margin-left: 0px;

	margin-right:40px;

	padding-top: 13px;

	overflow:hidden;

}



.menu li.li_parent > a {

	font-size:15px;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 14px;

	padding-bottom: 14px;



}



.menu li.librairie a {

	background-image:url("/template/image/menuFondLibrairie.jpg");

}



.menu li.li_parent > a:hover, .menu li.on > a{

	background-image:url("/template/image/menuFondSelect.jpg");

}



.menu li.li_last{

	float: right;

	height: 33px;

	width: 50px;

	margin-top: 10px;

	list-style:none;

}



.menu li.li_last img{

	margin-top:2px;

	margin-left: 20px;

}



.menu li.li_last a{

	

}



.menu a{

	color:#000;

	text-transform:uppercase;

	text-decoration:none;

	font-size: 1.25em;

	

}



.menu a:hover{

	text-decoration:none;

	color:#555;

}



ul.sous_menu{

	height:auto;

	width:auto;

	border:solid 1px #000;

	background-color:#fff;

	margin-top: 12px;



	z-index: 100;

	display:none;

}



.sous_menu li{

	list-style:none;

	margin:3px;

}



.sous_menu a {

	color:#000;

	font-size:14px;	

	padding: 5px 10px;

	display:block;

}



.sous_menu a:hover, .sous_menu li:hover{

	text-decoration:none;

	color:#555;

	background-color:#e3e6ee;

}





.menu li:hover > ul{

	display:block;

}









/*=================DIAPORAMA==============================*/



.diaporama{

	width:100%;

	margin-bottom: 30px;

}



.diaporama a { color:#FFF;}



.content_diaporama{

	width:980px;

	margin:0 auto;

	min-height:290px;

	margin-top:30px;

	margin-bottom:10px;

}



.diapo {

	height: 300px;

	width:980px;

}



.diapo ul{

	margin:0;

	padding:0;

}



.diapo li {

	list-style:none;

	height: 290px;

	position:absolute;

	display:none;

}



.diapo img{

	display:block;

	width:980px;

	height:290px;

}



.diapo ul li div {

  width: 50%;

  margin-right: 20px;

  right: 0px;

  bottom: 10px;

	

  color: #fff;

  position: absolute;

  text-align: right;	

  font-size:20px;

}



.diapo h3 {

	color:#FFF;

	text-transform:uppercase;

	font-size:24px;

	display:block;

	margin:0px;

}



.diapo .lien_image{

	font-size:16px;

	color:#FFF;

	display:block;

}



.diapo .btPage {

	position: absolute;

	margin-top: 250px;

	margin-left: 20px;

	text-align:right;

}



.diapo .btPage a {

    margin-right: 10px;

    

    padding: 2px 8px;

	background-color:#f1f1f1;

	color: #000;



	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;



	

}



.diapo .btPage .on, .diapo .btPage a:hover{

	background-color:#787d9a;

	color:#000;	

}







/*=========PAGE ACCUEIL ===============*/





ul#accueil {

	margin:20px 0px;

}



ul#accueil li {

	width:50%;

	float:left;

}









ul#accueil h1, ul#accueil h2, ul#accueil h3, ul#accueil h4 {

	text-transform: uppercase;

}



ul#accueil h2, ul#accueil h3, ul#accueil h4 {

	margin:0px;

	padding:0px; 



}



ul#accueil h2 {margin-bottom:5px;}

ul#accueil h3 {color:#8187a4;}

ul#accueil h4 {margin-bottom:5px;color:#8187a4;height:35px;overflow:hidden;}



ul#accueil h1 {font-size:18px;}

ul#accueil h2 {font-size:16px;height:40px;overflow:hidden;}

ul#accueil h3 {font-size:16px;height:20px;overflow:hidden;}





ul#accueil .blocDescAccueil {

	height: 70px;

    overflow: hidden;

}



ul#accueil .blocDescAccueil2 {

	height: 50px;

    overflow: hidden;

}





ul#accueil li.contenu:first-child div {padding-right:30px;}



ul#accueil li.contenu > div {

	height:215px;

	overflow:hidden;

}



ul#accueil img.visu {

	float:left;

	margin-right:20px;

}





ul#accueil li.contenu div p:last-child {margin-top:20px;}



.btCadre {

	border: 1px solid #8187a4;

	padding: 5px 50px;

	margin-top: 10px;

	font-weight: bold;

	color: #8187a4;

	text-transform: uppercase;

}



.btCadre:hover {

	background-color:#ebeff9;

	cursor:pointer;

}





ul#accueil li.lien {

	

	margin-top:30px;

}



ul#accueil li.lien > div {

	padding:7px 0px;

	margin-right:30px;

	border-top:1px solid #000;

	border-bottom:1px solid #000;

	height:97px;

	overflow:hidden;

	color:#000;

}





ul#accueil li.lien H1, ul#accueil li.lien H2, ul#accueil li.lien H3, ul#accueil li.lien H4 {margin:0px;}



ul#accueil li.lien > div:hover {

	background-color:#ebeff9;

	cursor:pointer;

}



ul#accueil li.lien * {color:#000;}







/*=========Template ARTICLE     ===============*/





.zArticle {

	display:table;

	min-height:300px;

}



.zArticle .sousMenu {

	display:table-cell;

/*	float: left;*/

	min-height: 285px;

	border-right: 1px solid #000;

	margin-right: 20px;

	width: 200px;

	margin-top:15px;

	padding-top:20px;



}





.zArticle .sousMenu > ul {}

.zArticle .sousMenu > ul li {}

.zArticle .sousMenu > ul li a {

	padding:6px 10px;

	display:block;

	

}

.zArticle .sousMenu > ul li a.on {

	background-color:#757b9b !important;

	color:#fff;

}



.zArticle .sousMenu > ul li a:hover {

	background-color:#dadee7;

	color:#fff;

}



.zArticle .sousMenu > ul li a > img {

	margin-right:5px;

	filter: brightness(1);

}







.zArticle .article {

	display:table-cell;

	min-height:300px;

	padding:20px;

}



.article p {padding-top:10px;}

.article a {color:#757b9b;text-decoration:underline;}



.article img {max-width:700px;}





/*=========Template Oeuvres Listes ===============*/





.zFiltre {

	display:table;

	background-color:#f2f2f2;

	width:100%;

}



.zFiltre .filtre {

	margin-top:20px;

}



.zFiltre .filtre > p {

	width:100%;

	text-align:center;

	font-size:30px;

	font-weight:normal;

}



.zFiltre .filtre a {

	text-decoration:underline;

}



.zFiltre .niv1 {

	text-align:center;

	margin-top: 20px;

}



.niv1Off {

	display:none;



}



.zFiltre .niv1 > li {

	clear:both;



}



.zFiltre .niv2 {



	width:615px;

	margin:0 auto;



	background-image:url("/template/image/sepFiltre.png");

	background-repeat:no-repeat;



    display: table;

}



.zFiltre .niv2bis {



	width:615px;

	margin:0 auto;



    display: table;

}



.zFiltre .niv2 li {

    display: table-cell;

    padding: 25px 0px;

	text-align:center;

}



.zFiltre .niv2bis li {

    display: table-cell;

    padding-bottom: 25px;

	text-align:center;

}



.zFiltre .niv2 li input[type=checkbox], .zFiltre .niv2bis li input[type=checkbox]  {

		height: 34px;

		width:34px;

		padding: 0px;

		display:none;

		opacity: 0;

	    float: left;



}





.zFiltre .niv2 li label, .zFiltre .niv2bis li label {

    background: url('/template/image/caseFiltreOff.png') 0 0px no-repeat;

    height: 34px;

    width: 34px;

    display: inline-block;



	cursor: pointer;



}











.zFiltre .niv2 li input[type=checkbox]:checked + label, .zFiltre .niv2bis li input[type=checkbox]:checked + label {

		background: url('/template/image/caseFiltreOn.png') 0 0px no-repeat;

}







.zFiltre .niv2 li span, .zFiltre .niv2bis li span {

	display:block;



}



.filtreBtValider {

	text-transform: uppercase;

    font-size: 16px;

	font-weight:bold;

}



.zFiltre2 .btFiltre {

	background: url('/template/image/btFiltreFond.png') 0 0px no-repeat;

	width:980px;

	height:80px;

	display:block;

	text-align:center;

	text-transform: uppercase;

    font-size: 12px;

}



.zFiltre2 .btFiltre > p {

    padding-top: 30px;

    display: block;

	text-decoration:underline;

	cursor:pointer;

}





.filtreSelected {

	margin-top:20px;

	text-align: center;

}



.filtreSelected span {

    margin: 0 5px;

    padding: 2px;

	padding-left: 15px;

    border: 1px solid #EEE;

    font-size: 16px;



	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

	cursor:pointer;



	background: url('/template/image/filtreSelectedBtDelete.png') 0px 6px no-repeat;

}



.filtreSelected span:hover {

    border: 1px solid #BBB;

	background: url('/template/image/filtreSelectedBtDeleteOn.png') 0px 6px no-repeat;

}



.filtreSelected span img {

	margin-bottom: 2px;	

}



.zOeuvreList {

	margin-top: 20px;

	margin-bottom: 60px;

}







.zOeuvreList .listing {

    max-width: 780px;

    margin-left: 115px;

}





.zOeuvreList .listing li {

    max-width: 165px;

    border-bottom: 1px solid black;

    float: left;

    margin-right: 30px;

    text-align: center;

    padding-bottom: 10px;

    margin-top: 30px;

}





.zOeuvreList .listing li img {

    display: block;

    width: 165px;

    height: 133px;

}



.zOeuvreList .listing li .name {

    display: block;

    width: 165px;

    height: 20px;

    overflow: hidden;

    white-space: nowrap;



}



.zOeuvreList .listing li .info {

	display: block;

	font-style: italic;

    font-size: 12px;

    height: 20px;

    width: 165px;

	overflow: hidden;

    white-space: nowrap;

}





/*=========OEUVRE ===============*/





.zOeuvre {}



.zOeuvre ul.panel1 {

	display: table;

	width: 100%;

}



.zOeuvre ul.panel1 li {

	display: table-cell;

	vertical-align:top;

}





.zOeuvre ul.panel1 li.name {

	/*width:300px;*/

	width:400px;

	margin-right:20px;

}



.zOeuvre ul.panel1 li.image {

	width:500px;

	text-align:right;



}



.zOeuvre ul.panel1 li.image img {

    max-width: 490px;

    max-height: 700px;

}



.zOeuvre ul.panel1 li.thumb {

	padding-top: 60px;

}



.zOeuvre ul.panel1 li.thumb p {



}



.zOeuvre ul.panel1 li.thumb img {

	display: block;

    width: 165px;

    height: 130px;

    margin-bottom: 10px;

}



.zOeuvre ul.panel1 li.thumb span {

    display: block;

    margin-bottom: 30px;

}











ul.colDroite {

	float: right;

    margin-left: 50px;

    margin-top: 50px;

}



ul.colDroite li.thumb {

	padding-top: 60px;

    width: 200px;

}



ul.colDroite li.thumb p {

	margin:0px !important;

	padding:0px !important;

}



ul.colDroite li.thumb img {

	display: block;

    width: 200px;

    height: 160px;

    margin-bottom: 10px;

}



ul.colDroite li.thumb div {

    margin-bottom: 30px;

}















.zOeuvre .nom_artiste {

    font-size: 30px;

    margin-bottom: 10px;

	margin-top: 0px;

}



.zOeuvre p.date_oeuvre {

    font-size: 18px;

    font-style: italic;

    margin-bottom: 20px;

}



.zOeuvre .nom_oeuvre {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 20px;

}



.zOeuvre p.info_oeuvre {

    font-size: 14px;

    line-height: 25px;

}



.zOeuvre p.info_oeuvre .labelInfo {

	font-weight: bold;

    display: block;

    margin-top: 20px;



}





.zOeuvre .panel2 {

	margin-top:20px; 

	border-top: 1px solid #000;

    padding-top: 20px;

}



.zOeuvre .panel2 #txt { 

    height:100px;

	overflow:hidden;

	padding-bottom:40px;

}



.zOeuvre .panel2 #txt p { 

	padding-top:10px;

}



.zOeuvre .panel2 #txt a { 

	text-decoration:underline;

	color:#757b9b !important;

}





.zOeuvre .btFiltre {

	width:980px;

	height:80px;

	display:block;

	text-align:center;

	text-transform: uppercase;

    font-size: 12px;

}



.zOeuvre .btFiltre > p {

    padding-top: 30px;

    display: block;

	text-decoration:underline;

	cursor:pointer;

}





.zOeuvre .panel3 {

	margin-top: 60px;

    /*border-bottom: 1px solid #000;*/

    height: 110px;

	display:table;

	width:100%;

}



.zOeuvre .panel3 p {

	display:table-cell;

	text-align:center;

}



.zOeuvre .panel3 a {



	/*float: left;*/

    border: 1px solid #000;

    /*margin-right: 50px;*/

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

	white-space: nowrap;

}



.zOeuvre .panel3 a.bt1 {

    /*margin-left: 50px;

    margin-right: 150px;*/

    border: 1px solid #757b9b;

    background-color: #757b9b;

    color: white;

}



.zOeuvre .panel3 a.bt1On {



    background-color: #353b6b !important;

}



.zOeuvre .panel3 a.bt2 {

    border: 1px solid #757b9b;

    color: #757b9b;

    /*margin-left: 50px;*/

}



.zListLivre .listInfo {

    font-size: 20px;

    margin-bottom: 10px;

}



.noShow {display:none;}



#listeAutreOeuvre {

	/*background-color:#EEE;*/

	border-top:1px solid #000;

	/*padding-bottom: 40px;*/



	overflow:hidden;

	/*height:0px;*/

}



#listeAutreOeuvre .filtreSelected {

	font-size:20px;

}



/*=========zExpoListe ===============*/





.zExpoListe {

	margin-top:40px;

}



.zExpoListe .itemListe {

	width: 980px;

    min-height: 186px !important;

    height: 186px !important;

    margin: 0 0 40px 0 !important;



	clear:both;

}



.zExpoListe .itemListe .image {

	display: block;

    width: 310px;

    height: 185px;

    overflow: hidden;

    float: left;

    border-bottom: 1px solid #000;

    position: relative;

    text-decoration: none;



}



.zExpoListe .itemListe .infos {

    float: right;

    width: 636px;

    height: 184px;

    border-bottom: 1px solid #000;

    position: relative;

    overflow: hidden;



}



.zExpoListe .itemListe .infos h2 {

	margin-top:0px;

}



.zExpoListe .flagType {

	font-size: 12px;

    color: #000;

	font-weight:bold;

    float: left;

    padding: 1px 5px 1px 0px;

	margin-right:5px;

	text-transform:capitalize;

}



/*

.zExpoListe .conferences {background-color: #A00;}

.zExpoListe .lectures {background-color: #0A0;}

.zExpoListe .signatures {background-color: #00A;}

.zExpoListe .salons {background-color: #0AA;}

.zExpoListe .expositions-temporaires {background-color: #AA0;}



.zExpoListe .oeuvre {background-color: #00A;}

.zExpoListe .artiste {background-color: #0A0;}

.zExpoListe .publication {background-color: #A00;}

.zExpoListe .evenement {background-color: #0AA;}

.zExpoListe .exposition {background-color: #AA0;}

.zExpoListe .article {background-color: #333;}

*/







.BLOCoeuvre .startdate, .BLOCartiste .startdate, .BLOCpublication .startdate,.BLOCmenu .startdate {display:none;}





.zExpoListe .itemListe .infos p {

	text-align: justify;



}



.zExpoListe .itemListe .startdate {

	position: absolute;

    top: 40px;

    left: 0;

    background: #fff;

    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.5);

    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.5);

    font: italic normal 12px/16px Georgia, Helvetica, Arial, sans-serif, free-sans;

    color: black;

    padding: 5px 10px;	

}







.zExpoListe .lireLaSuite {

	text-decoration: underline;

    display: block;

}





.zListLivre {

	padding-top:20px;

	border-top:1px solid #000;

	margin-bottom: 40px !important;

}





.btTriRecherche {

	float: left;

    margin-right: 20px;

    cursor: pointer;

    text-decoration: underline;

	margin-bottom: 40px;

	text-transform:uppercase;

}



.triRecherche .select {

	font-weight:bold;

}





/*=========MENU DEROULANT Compte===============*/







.mon_compte li ul{

	background-color: #FFF;

	z-index: 101;

	display: none;

	margin: 0px;

	padding: 0px;

	width: 208px;

	position: absolute;	

}



.mon_compte li ul li{

	margin:0;

	padding-bottom:5px;

	padding-top:5px;	

}

.mon_compte li ul li a{

	display: block;

	width: 208px;

}



.mon_compte li:hover > ul{

	display:block;	

}



.mon_compte li:hover{

	background-color: inherit;	

}



.mon_compte li ul li:hover{

	background-color: #dadee7;

}



/*=================RECHERCHE==============================*/



.recherche{

	height: 78px;

	display:none;

}



.content_recherche{

	margin: 0 auto;

	height: 78px;

	padding-top: 10px;

	text-align: right;

}



.input{

	display: inline-block;

    /* width: 563px; */

    height: 49px;

    /* background-image: url(../image/front/recherche.png); */

    /* margin-left: 142px; */

    /* background-repeat: no-repeat; */

    border: 1px solid #000;

}





.input1{

	width: 380px;

	font-size: 16px;

	padding-left: 10px;

	border: none;

	float: left;

	margin-top:15px;

}



.button_OK{

	margin-left: 1px;

	float: left;

}



/*=================TRAILER==============================*/



.trailer_bloc{

	

}



.content_trailer{

	

	width:1000px;

	margin:0 auto;



}



.trailer{

	padding:8px 0px;

	text-transform:uppercase;

	font-style:italic;

	margin-left:10px;

	line-height:20px;



}



.trailer a {

	text-decoration:underline;

}

.trailer a:last-child {

	color:#757b9b;

}

.marron {

	color:#AE936B;

	text-decoration:none;

}



/*=================COMPTE==============================*/

.titre_bloc{

	height:39px;

	background-color:#AE936B;	

}



.content_titre{

	background-color:#AE936B;

	width:980px;

	margin:0 auto;

	height:39px;

	overflow:hidden;

}



.content_titre div.titre{



	height:35px;

	overflow:hidden;

}



.titre p{

	margin: 0;

	padding-top: 7px;

	margin-left: 10px;

	text-transform: uppercase;

	color: #fff;

	font-size: 20px;	

}



.compte_bloc{

	background-color:#fff;

	min-height:460px;

}



.content_compte{

	background-color:#fff;

	min-height:460px;

	width:980px;

	margin:0 auto;

	margin-bottom: 20px;

}



.user_name{

	

	font-size:20px;	

}





.compte{

	padding-top:33px;

	margin-left:10px;

	

}



.formulaire_compte{

	border-top: solid 2px #131313;



/*	height: 280px;*/

	padding-top: 10px;

}







.formulaire_compte #menuMonCompte a{

	color:#fff;

}



.formulaire_compte #menuMonCompte  a:hover{

	color:#fff;

	text-decoration:none;

}



.formulaire_compte ul{

	margin:0;

	padding:0;

}



.formulaire_compte li{

	background-color: #000;

	float: left;

	margin-right: 10px;

	list-style: none;

	color: #fff;

	font-size: 18px;

	padding: 10px;

	cursor: pointer;

}





.formulaire_compte li:hover,.formulaire_compte li.on{

	background-color: #AE936B;

}



.formulaire_compte li.on > p,.formulaire_compte li:hover > p,.formulaire_compte li:active > p{

	display:block;

}





.formulaire_compte li:active{

	background-color: #AE936B;

}



.pointeur{	

	height: 10px;

	position: absolute;

	/*padding-top: 10px;*/

	display: none;

	margin: 0;

	z-index: 99;

}



.formulaire_compte table{

	padding-top: 70px;

	margin-bottom:20px;

	border-bottom: solid 2px #131313;

	width:100%;

	padding-right:20px;

}



.formulaire_compte table th{

	padding-bottom: 15px;

	text-align: right;

}



.formulaire_compte table th.etiquette{

	padding-bottom: 15px;

	text-align: right;

	width:150px;

}



.formulaire_compte table th.alert{

	color:red;



}



.formulaire_compte input[type=text], .formulaire_compte input[type=password], .formulaire_compte select  {

/*	height:30px;*/

	padding:5px;

	padding-left: 10px;

	width:295px;

	border:1px solid #aaa;



}



.formulaire_compte select {

	width:310px;

}



.formulaire_compte input[type=submit], .formulaire_compte input[type=button] {

	border:0px;

	background:none;

	color:#FFF;

	margin:0px;

	padding:0px;

	font-size:18px;

	cursor: pointer;

}



.formulaire_compte input.alert {

	border:1px red solid;

}



.formulaire_compte textarea {

	height:80px;

	padding-left: 10px;

	width:300px;

	border:1px solid #aaa;

}



.formulaire_compte .formDetail {



	margin-bottom:80px;



}



.alert {



	color:red;



}



.bouton_bas2{

	padding:10px;

	background-color:#000;

	float:right;

	color:#fff;

	margin-top:20px;

	margin-right:20px;

}



.bouton_bas1{

	padding:10px;

	background-color:#757b9b;

	float:right;

	color:#fff;

	margin-top:20px;

	margin-right:20px;

}



.bouton_bas2 a{

	color:#fff;

	font-weight:bold;

}



.bouton_bas1 a{

	color:#fff;

	font-weight:bold;

}



.bouton_bas2:hover{

	background-color:#757b9b;

}



.bouton_bas1:hover{

	background-color:#000;

}



/*=================Panier==============================*/



.panier_bloc{

	height: 38px;

	background-image:url(../image/front/bg_panier.jpg);

	background-repeat:no-repeat;

	background-color:#000;

}



.content_panier{

	background-color:#dadee7;

	width:1020px;

	margin:0 auto;

	height: 38px;

}



.panier ul{

	padding: 0;

	margin: 0;

}



.panier li{

	list-style:none;

	margin-right:10px;

	background-color:#000;

	float:left;

	color:#fff;

	height: 38px;

	width: 333px;

}







.panier p{

	text-transform: uppercase;

	font-size: 24px;

	margin-left: 10px;

	margin-top: 5px;

	margin-bottom: -1px;

}



.panier li._on{

	background-color:#757b9b;

}



.panier li._on > p {

	display:block;

}



.pointeur1 {	

	height: 10px;

	padding-bottom: 10px;

	display: none;

	margin-top: -9px !important;

	z-index: 100;

}



.le_panier {

	background-color:#fff;

	min-height:460px;

	margin-bottom: 40px;

}



.content_panier {

	background-color:#fff;

	min-height:460px;

	width:1020px;

	margin:0 auto;

}



.table_panier select{

	padding:5px;	

}



.img_panier{

	float:left;

	max-width:100px;

	max-height:130px;

	margin-right:10px;

	margin-top: 12px;

}



.img_panier img{

	max-width:100px;

	max-height:130px;

}



.texte_panier{

	float:left;

	width:270px;

	margin-top: 12px;

}



.titre_panier{

	text-transform:uppercase;

	text-align: -webkit-auto;

	font-weight:bold;

}



.auteur_panier{

	text-transform:uppercase;

	text-align: -webkit-auto;

	

}



.table_panier td{

	padding-right: 30px;

	text-align: left;

	padding-bottom: 12px;

}



.table_panier th{

padding-right: 30px;

text-align: left;

padding-bottom: 12px;

font-weight:bold;

}



.table_panier{

	margin-top:50px;

	 border-collapse: collapse;

	 width: 1000px;

	 margin-left: 10px;

}



.prix_ttc{

	width: 1000px;

	height: 65px;

	background-color: #131313;

	margin-top: 10px;

	margin-left: 10px;

}



.prix_ttc p{

	float:right;

	color:#fff;

	font-size:18px;

	text-transform:uppercase;

	margin-right:35px;

	

}



/*=================PRODUIT==============================*/



.produit_bloc{

	background-color:#fff;

	min-height:500px;

}



.content_produit{

	background-color:#fff;

	min-height:460px;

	width:1020px;

	margin:0 auto;

}



.fiche_produit{

	margin-top:25px;

	min-height:460px;

}



.img_produit{

	max-width: 300px;

	max-height:400px;

	float:left;

	margin-right: 10px;

	margin-left:10px;

}



.img_produit img{

	margin-bottom: 10px;

}



.desc_produit{

	float:left;

	width: 495px;

	min-height:381px;

}



.titre{

	font-size:20px;

	text-transform:uppercase;

	margin:0;



}



.auteur{

	font-size:18px;

	text-transform:uppercase;

	margin-top:0;

	font-weight: 100;

}



.date{

	text-transform:uppercase;

	font-weight:bold;

}



.page{

	text-transform:uppercase;

	font-weight:bold;	

}



.editeur{

	text-transform:uppercase;

	font-weight:bold;

}



.etat{

	text-transform:uppercase;

	font-weight:bold;

}



.langue{

	text-transform:uppercase;

	font-weight:bold;

}



.resum {

	text-transform:uppercase;

	margin:0;

	font-weight:bold;

	margin-bottom: 10px;

}



.resume{



	margin:0;

	margin-bottom: 20px;

	font-family:arial !important;	

	font:arial 14px !important;	

	font-size:14px !important;

	line-height:20px;

}



.resume div, .resume font, .resume p {



	font-family:arial !important;	

	font-size:14px !important;

	font:arial 14px !important;	

}



.resume img{

	margin-right:18px;	

}







.tarif_produit{

	width:178px;

	height:189px;

	float:right;

	background-color:#dadee7;

	text-align:center;

	margin-right:10px;

}





.prix_produit{

	font-size:30px;

	text-align: center;

	margin-bottom:13px;

}



.occas{

	margin:0;

	text-transform:uppercase;

	font-size:11px;

	color:#fff;

}



.occas span{

	background-color:#e18b1c;

	padding:0 5px;	

}



.stock{

	margin:0;

	text-transform:uppercase;

	font-size:11px;

	color:#fff;

}



.stock span{

	background-color:#AE936B;

	padding:0 5px;

}





.indisponible{

	margin:0;

	text-transform:uppercase;

	font-size:11px;

	color:#fff;

}



.indisponible span{

	background-color:#000;

	padding:0 5px;

}



.paraitre{

	margin:0;

	text-transform:uppercase;

	font-size:11px;

	color:#fff;

}



.paraitre span{

	background-color:#7a7a7a;

	padding:0 5px;

}



.expedier{

	font-size:9px;

	margin-top: 3px;

	margin-bottom:0px;

}



.bouton_ajouter{

	margin-top:10px;

	padding-top:5px;

}



.fiche_technique{

	width:156px;

	padding:10px;

	float:right;

	border:solid 1px #1b211f;

	margin-top:12px;

	margin-right:10px;

}



.titre_fiche{

	text-transform:uppercase;

	font-weight:bold;

	text-align:center;

	margin-bottom:10px !important;

}



.fiche_technique p{

	margin : 0px;

	padding:0px;

	padding-bottom:3px;

}





.social{

	height: 31px;

	width: 350px;

}



.social img{

	float: left;

	margin-right: 20px;	

}



.modal{

	font-size:18px;

	text-transform:uppercase;	

}





/*===================POP UP=================*/



.ui-draggable .ui-dialog-titlebar {

cursor: move;

display:none;

}



.ui-dialog .ui-dialog-titlebar {

padding: .4em 1em;

position: relative;

display:none;

}



.ui-widget-header {

border: 1px solid #aaaaaa;

background: #cccccc url(image/front/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;

color: #222222;

font-weight: bold;

display:none;

}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

}



.ui-dialog .ui-dialog-titlebar-close {

position: absolute;

right: .3em;

top: 50%;

width: 20px;

margin: -10px 0 0 0;

padding: 1px;

height: 20px;

display:none;

}





#dialog {

	position:fixed;

	/*background-color: #DADEE7;*/



	background-color: #FFF;	

	border: 3px solid #AE936B;

	z-index: 101;

	top: 160px;

	left:50%;



	margin-left:-200px;

	padding: 15px;



	width:400px;

	height:150px;

}



.dialog{

	text-transform:uppercase;

	text-align: center;

}



.minuscule{

	text-transform:none;	

}



/*=================Page CATEGORIE==============================*/



.titre_bloc1{

	height:39px;

	background-color:#000;	

}



.content_titre1{

	background-color:#000;

	width:1020px;

	margin:0 auto;

	height:39px;

}



.titre1 p{

	margin: 0;

	padding-top: 8px;

	margin-left: 10px;

    text-transform: uppercase;

	font-size:16px;

	font-weight:bold;

	letter-spacing:1px;

	color:#fff;

}



.titre1 span{

	margin-left: 170px;

    text-transform: uppercase;

	font-size:16px;

	font-weight:bold;

	letter-spacing:1px;



}



.categorie_desc{

	background-color:#fff;

	min-height:500px;

}



.content_cat_desc{

	background-color:#fff;

	width:1020px;

	margin:0 auto;

	min-height:500px;

}



.menu_cat{

	width:260px;	

	float:left;

	border-right:1px solid #000;	

}



.contenu_cat{

	width:750px;

	float:left;

	margin-left:-1px;

	border-left:1px solid #000;

}



.menu_cat ul{

	margin:0;

	padding:0;

	margin-top:10px;



}



.menu_cat li{

	list-style:none;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 500;

	padding-top: 10px;

	margin-left: -10px;

	list-style-position:inside;

	min-height: 25px;

}



a.aplus, a.aplusVide {

	margin-right: 5px !important;

	margin-left: 0px !important;

	width:7px;

}







.menu_cat li.pere a img{

	padding-bottom:2px;

	

	height: 7px;

	width: 7px;

}









.menu_cat li:active{

	/*list-style: disc inside url('../image/front/list_style_select.png');*/

	background-color:#AE936B;

}



li ._on{

	/*list-style: disc inside url('../image/front/list_style_select.png');*/

	background-color:#AE936B;

}



.menu_cat li.sous-menu{

	list-style:none;

	margin-left:10px;

	padding-left: 10px;

	padding-bottom: 0px;

	padding-top: 0px;

}



.menu_cat li.sous-menu:hover{

	color:#000;

}



.menu_cat li.sous-menu a{

	color:#000;

	padding-bottom: 10px;

	padding-top: 10px;

	display: block;

	font-size:12px;



}



.menu_cat li.sous-menu a:hover{

	color:#000;

	text-decoration:none;

}



.menu_cat li:hover,._on{

	background-color:#AE936B;

}



.menu_cat a{

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 5px;

	

}



.menu_cat a:hover{

	color:#000;

}



.menu_cat{

	

}



.s-menu{

	background-color:#dadee7;

	display:none;

}



.menu_cat li.sous-menu:hover{

	background-color: inherit;

}



.contenu_cat{

	border-left:solid 1px #000;

}



.produit_cat{

	margin-top: 15px;

	float: left;

	margin-right: 5px;

	max-width: 125px;

	width: 125px;

	margin-left: 20px;

	margin-bottom: 10px;

	height: 280px;

}



.produit_cat img{

	max-width: 110px;

	max-height:125px;

}



.produit_cat span.span{

	min-height:128px;

	display:block;	

}



.titre_livre1{

	text-transform: uppercase;

	font-weight: bold;

	font-size:11px;

	margin: 5px 0;

	max-height:55px;

	overflow:hidden;

	line-height:14px;

}



.auteur_livre1{

	text-transform: uppercase;

	font-size:11px;

	margin: 5px 0;

	max-height:30px;

	overflow:hidden;

}



.information_cat {

	min-height:55px;

	border:1px solid #000;

	margin-left: 20px;

	margin-top: 30px;

	margin-bottom:20px;

	padding-right: 20px;

text-align: justify;

}



.information_cat div {

	font-size:11px;

	height:15px;

	overflow:hidden;

	padding:0px;

	margin:0px;

}



.information_cat p {

	padding:0px;

	margin:0px;

}







.information_cat h1{

	font-size: 16px;

	padding: 0px;

	margin: 0px;

	font-weight: 100;

}



.information_cat img {

	float: left;

	margin-right: 10px;

}



.information_cat p.plus {

	text-align:right;

	font-size:20px;

	font-weight:bold;

	height:18px;

	overflow:hidden;

	padding:0px;

	margin:0px;

	margin-right:10px;

}



.plus a{

	text-decoration:none;	

}



.plus a:hover{

	text-decoration:none;	

}



.pagination{



	width:740px;

	margin-left: 10px;

	margin-top: 40px;

	margin-bottom: 40px;

}



.encars_page{

	text-align:right;

	

}



.encars_page .btGris {



   background-color:#ddd;

	



}



.page1{

	border:solid 1px #000;

	margin-left: 10px;



	padding-left: 10px;

	padding-right: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

}



.page1:hover, .page1on {

	background-color:#dadee7;

	border:solid 1px #dadee7;

	color:#000;	

}



.page1 a{

	color:#000;

	display:block;

}



.page1 a:hover{

	color:#fff;	

}



.plagination_bas{

	height: 30px;



	width: 650px;

	margin: 20px 20px 20px 50px;

}



.encars_page_bas{

	float:left;

	margin-right: 70px;

}



.haut_bouton{

	width: 80px;

	height: 30px;

	float: left;

}







/*=======================CATEGORIE==============================*/



.content_cat1{

	width:980px;

	margin:0 auto;

	background-color:#fff;

}



.content_cat2{

	width:1020px;

	margin:0 auto;

	padding:0;

	min-height: 357px;

}



.cat1{

	background-image:url(../image/front/bg_cat.jpg);

	background-repeat:no-repeat;

	background-color:#fff;

	width:100%;

}



.cat2{

	background-image:url(../image/front/bg_cat.jpg);

	background-repeat:no-repeat;

	background-color:#dadee7;

	width:100%;

	min-height: 357px;

	min-width: 1020px;

	padding:0;

	margin:0;

}



.cat3{

	background-image:url(../image/front/bg_cat.jpg);

	background-repeat:no-repeat;

	background-color:#fff;

	width:100%;

}



.titre_cat1{

	height:39px;

	margin: 0;

	padding: 0;

	font-size:24px;

}



.titre_cat2{

	height:41px;

	margin: 0;

	padding: 0;

	font-size:24px;

	background-color:#dadee7;

}



.titre_cat1 h2{

	margin:0;

	padding-top: 5px;

	padding-right: 10px;

}



.partie1{

	color: #fff;

	text-transform: uppercase;

	margin:0;

	padding-left: 10px;

	background-color:#000;

	height:39px;

	float:left;

}



.partie1 p{

margin-bottom: 0px;

margin-top: 5px;

}

.partie2{

	float:left;

	margin-top: 5px;

	margin-left: 10px;

}



.span1{

	font-size: 24px;

	padding-right: 5px;

}



.span2{

	color:#000;

	font-size: 24px;

}



.list_cat{

	height:auto;

	overflow:hidden;

	width:950px;

}



.produit{

	margin:12px 30px 12px 0px;

	float:left;

	max-width: 15%;

}



.produit img{

	max-width: 140px;

	max-height:165px;

}



.produit span{

	height:168px;

	display: block;

}



.prix{

	background-color:#000;

	color:#fff;

	font-size:14px;

	width:100%;

	height:25px;

}



.prix p{

	margin-left: 10px;

	padding-top: 4px;

	font-weight: bold;

}



.titre_livre{

	text-transform: uppercase;

	font-weight: bold;

	font-size:11px;

	margin: 5px 0;

}



.auteur_livre{

	text-transform: uppercase;

	font-size:11px;

	margin: 5px 0;

}



.la_cat{

	height:302px;

	width:81px;

	float:right;

	margin-top: 12px;

	margin-right: 10px;

}







/*=======================FOOTER TOP==============================*/



.footer_top{

	height:110px;

	background-color:#000;

	width:100%;

	clear: both;

}

.content_footer_top{

	width:1020px;

	margin:0 auto;

	background-color:#000;

	height: 110px;

}



.service_livraison{

	float:left;

	border-right:solid 1px #eceef1;

	margin-right:15px;

	margin-top:40px;

	width: 240px;

	margin-left: 10px;

}



.service_retrait{

	float:left;

	border-right:solid 1px #eceef1;

	margin-right:15px;

	margin-top:40px;

	width:215px

}



.service_paiement{

	float:left;

	border-right:solid 1px #eceef1;

	margin-right:15px;

	margin-top:40px;

	width:240px;

}



.service_conseil{

	float:left;

	margin-top:40px;

	width:250px;

	margin-right: 10px;

}



.service_livraison img{

	float:left;

	margin-right:13px;

	margin-top:5px;

}



.service_retrait img{

	float:left;

	margin-right:13px;

	margin-top:5px;

}



.service_paiement img{

	float:left;

	margin-right:13px;

	margin-top:5px;

}



.service_conseil img{

	float:left;

	margin-right:13px;

	margin-top:5px;

}



.service_livraison span{

	text-transform:uppercase;

	color:#AE936B;

	font-size:14px;

}



.service_retrait span{

	text-transform:uppercase;

	color:#AE936B;

	font-size:14px;

}



.service_paiement span{

	text-transform:uppercase;

	color:#AE936B;

	font-size:14px;

}



.service_conseil span{

	text-transform:uppercase;

	color:#AE936B;

	font-size:14px;

}



.service_livraison p{

	color:#d1d1d1;

	font-size:14px;

	margin:0;

}



.service_retrait p{

	color:#d1d1d1;

	font-size:14px;

	margin:0;

}



.service_paiement p{

	color:#d1d1d1;

	font-size:14px;

	margin:0;

}



.service_conseil p{

	color:#d1d1d1;

	font-size:14px;

	margin:0;

}



/*=======================FOOTER==============================*/



.footer{

	min-height: 350px;

	background-color:#dadee7;

	width:100%;

}



.col1{

	float:left;

	width:190px;

	margin-right: 10px;

	margin-left: 10px;

}





.titre_footer, .titre_footer2{

	height:20px;

	color:#fff;

	text-transform:uppercase;

	font-weight:bold;

	margin-top:20px;

}





.titre_footer span, .titre_footer a {

	background-color:#000;

	padding:3px;

	color:#FFF;

	font-size:14px;

}



.titre_footer a:hover {

	color:#FFF;

}



.titre_footer2 span {

	background-color:#757b9b;

	padding:3px; 	

}



.col1 ul, .col_contact ul{

	border-right:solid 1px #b7bece;

	padding:0px;

	margin-top:20px;

}



.col1 li{

	list-style:none;

	margin-top:5px;

}



.footer a:hover{

	color:#757b9b;

}



.col_contact{

	width:250px;

	float:left;

	padding-right:15px;

}





.col_contact li{

	list-style:none;

	margin-top:20px;

	clear:both;

}



.col_contact p {

	margin:0;

	padding-left:33px;

}



.col_contact img {float:left;margin-right:5px;}

























.color_marron{

	color:#AE936B;

	font-weight:bold;

}



.newletter{

	background-image:url(../image/front/newletter.jpg);

	width:194px;

	height:31px;

	margin-top:10px;

}



.input2{

	border: none;

	margin-top: 7px;

	width: 148px;

	padding-left: 5px;

}



.button_OK2{

	float:right;

}



.col_localisation{

	float:left;

	margin-left:20px;

}



.col_localisation li{

	list-style:none;

	margin-top:10px;

	font-weight:bold;	

}



.col_localisation p{

	margin:0;

}

.col_localisation img{

	border:1px solid #757b9b;
	opacity:0.8;

}

.col_localisation img:hover{

	opacity:1;

}


.content_copyright{

	width:1020px;

	margin:0 auto;

	height:20px;

	background-color:#dadee7;

}



.copyright{

	height: 20px;

	width: 200px;

	background-color: #757b9b;

	margin: auto;

}



.copyright li{

	list-style: url(../image/front/list_style.png);

	margin-left: 20px;

	padding-top: 2px;

	color: #fff;

	font-weight: bold;

	padding-right:12px;

	font-size:13px;

	

}



.copyright li a{

	color: #FFF;	

}



.copyright li a:hover{

	text-decoration:none;

}



.copy{

	background-color:#dadee7;

	width:100%;	

}





table.commande {

	  margin-top:70px;

	  border-collapse: collapse;

}



table.commande td, table.commande th {

	

	text-align:left;

	vertical-align:top;

	padding-bottom:20px;

	padding-top:10px;



	border-bottom:1px solid #000;

}



table.commande a {



	font-weight:normal;

	text-decoration:underline;



}



.english, .english2 {



	font-size:11px;

	display:block;

	font-weight:normal;



}



.h3Editeur {



	display:inline;

	font-size:14px;

}



.choixLg {

	float: right;

	margin-top: 60px;

}



.choixLg img {

	width:20px;

}



.reduceOp {

	opacity: 0.4;

    filter: alpha(opacity=40); /* For IE8 and earlier */

}