@import url('https://fonts.googleapis.com/css?family=Raleway');
#clientInfos {
	display:flex;
	flex-direction:row;
	justify-content:center;
	width:100%;
}

.products-elemts1{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	font-family: 'Raleway';
	font-size:0.9rem;
    min-height: 240px;
}

.products-elemts2{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	font-family: 'Raleway';
	font-size:0.9rem;
    min-height: 110px;
}
	
.products-elemts3{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	font-family: 'Raleway';
	font-size:0.9rem;
    min-height: 40px;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype');
}

.retour {
	text-align:center;
	min-height:40px;
}

.products-elemts3 a {
	font-size:0.9rem !important;
	font-family:'Raleway' !important;
	color:#766036 !important;
	margin-top:10px;
}

.products-elemts3 a:hover {
	color:#766036 !important;
	margin-top:10px;
}

.oneBlock {
        padding: 10px 0 0 0;
}

.content-news {
    background-color: #F9E4B7;
    display: flex;
    margin: 0 auto !important;
    text-align: left;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
	padding:10px;
}

.content-news .news_titre {
	margin: 103px 10px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.flex_row_index {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 100%;
}

.page_description {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 65%;
	text-align: center;
	padding: 10px 10px 0 0;
	min-height: 80px;
}

.carte-body a {
	font-family:Raleway;
	fonnt-size : 1 rem;
	text-decoration:none; 
	color:#766036;
}

.carte-body a:hover {
	font-family:Raleway;
	fonnt-size : 1 rem;
	text-decoration:none; 
	color:#766036;
}


.content-detail form {
	margin-top:100px;
}

.emptyCart {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

.nbArticles {
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
    background: #F9E4B7;
    color: #766036;
    width: 30px;
    height: 30px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.nb-cart {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.nav-item.active.panier {
    display: inline-block;
    float: left;
    padding: 20px;
}

.content-panier .news_titre {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	margin: 103px 0 0 0;
}

.flex_row_index {
	padding: 0px;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content:center;
}

.bandeau-container {
	display:none;
}

.content-actualite::last-child {
    background-color:#FFF !important;
}

.cd-logo {
	position: absolute;
    z-index: 3;
    margin-left: 10px;
    margin-top: 15px;
	display:block;
}
  
.cd-logo img {
	width:350px;;
	margin-left: 10px;
	margin-top:0;  
  	display: inline-block;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 10px 0px 130px 10px #000000;
	-moz-box-shadow: 10px 0px 130px 10px #000000;
	background-color: #F9E4B7;
	box-shadow: 10px 0px 130px 10px #000000;	 
}

.btn {
	border-radius: unset !important;
}

.btn:hover {
	color: #766036 !important;
	background-color:#FFF !important;
}

.carte-recap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border: 1px solid #000;
    min-height: 40px;
    background: #FFF;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.price-btn {
	display: inline-block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #766036;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.price-btn.carte-btn {
	background-color:#766036;
	text-decoration:none !important;
	min-width:80px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #766036;
    --bs-btn-border-color: #766036;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FFF;
    --bs-btn-hover-border-color: #766036;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #766036;
    --bs-btn-active-border-color: #766036;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #766036;
    --bs-btn-disabled-border-color: #766036;
}

.catalogue-container {
	display: flex;
    padding: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.recap-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
}

.catalogue-container form {
	display:inline-block;
	margin:0 auto;
	margin-top: 50px;
	min-width:100%;	
}

.recap-elements .saut{
	margin-bottom:10px;
}

.recap-elements .ttc {
	margin-bottom:10px;
	font-weight:bold;
}

.recap-elements .amounts {
	text-align:right;
}

.prices-elements {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
	width:100%;
}

.price-elmts {
    color: #766036;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: right;
    font-family: 'Raleway';
    font-size: 0.8rem;
    padding: 0px;
    width: 100%;
}

.price-elmts.ttc{
	font-weight: bold;
	margin:10px 0;
}

.carte-mini {
padding: 10px;
    margin: 0 1% 25px;
    flex: 1;
    background-color: #F7F7F7;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 280px;
    min-width:210px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0px 0px 10px 1px #000000;
	-moz-box-shadow: 0px 0px 10px 1px #000000;
	box-shadow: 0px 0px 10px 1px #000000;		
}

.btn:hover {
    color: #FFF !important;
    background-color: #766036 !important;
    -webkit-box-shadow: 0px 5px 5px #000000;
    -moz-box-shadow: 0px 5px 5px #000000;
    background-color: #F9E4B7;
    box-shadow: 0px 3px 5px #000000;
}

.products-elemts{
    flex-direction: column;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: 'Raleway';
    color: #766036 !important;
    background-color: #FFF;
}

.retour a{
	font-family:'Raleway';
	color:#766036 !important;
	font-size:0.9rem;
	margin-top: 8px;
}

.retour a:hover{
	font-family:'Raleway';
	color:#766036 !important;
}

.prices-elements a{
	font-family:'Raleway';
	color:#FFF !important;
	font-size:0.8rem;
	width: 115px !important;
}

.prices-elements a:hover{
	font-family:'Raleway';
	color:#FFF !important;
	font-size:0.8rem;
	width: 115px !important;
}

.texte {
    font-family: 'Raleway';
    color: #766036 !important;	
    padding: 10px;
    font-size: 0.9rem;
    text-align: center;
}

.products-elemts1 img {
    max-width: 225px;
    padding: 10px;
    border: 1px solid #c6c6c6;
    background-color: #FFF;
    margin: 0 auto;
}

.prices {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.carte-texte {
	padding:5px;
	font-size:0.8rem;
	text-align:justify !important
}

.carte-title {
	padding:5px;
	font-size:1rem;	
}

.carte-recap {
    padding: 10px;
    margin:0 1% 24px;
    flex: 1;
    background-color: #FFF;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
	min-width: 280px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0px 0px 10px 1px #000000;
    -moz-box-shadow: 0px 0px 10px 1px #000000;
    box-shadow: 0px 0px 10px 1px #000000;
}

.recap-elements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 100%;
    padding: 10px;
    min-height: 200px;
}

.form{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.recap-elements .labels {
	font-family:'Raleway';
	font-size:0.9rem;
}

.recap-titre {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    padding: 10px;
}

.recap-texte {
	font-size:0.9rem;
	text-align:justify !
}

.carte-total {
    max-width: 310px;
    margin-left: 30px;
    margin-bottom: 40px;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	justify-content: space-between;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0px 0px 5px 1px #000000;
    -moz-box-shadow: 0px 0px 5px 1px #000000;
    box-shadow: 0px 0px 5px 1px #000000;	
}

.carte-mini:hover {
	background-color:#FFFFFF;	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0px 0px 20px 1px #000000;
	-moz-box-shadow: 0px 0px 20px 1px #000000;
	box-shadow: 0px 0px 20px 1px #000000;		
}

.carte-mini-body {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	max-width: 100%;
}

.carte-mini img {
	width:100%;
	display: block;
	margin: 0 auto;
}

.news_titre {
	display:block;
	margin-top:20px;
}

#myTheme0, #myTheme1{
	background:url(../images/divers/toile-jute-fond.jpg) center center;
	background-color: #F9E4B7;
	background-repeat:repeat;
	background-size:initial;
	overflow: hidden;	
}

.content-center {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin: 0;
}

.space {
	display:block;
	width:100%;
	margin-bottom:25px;
}

.cd-main-content {
	background-color: #F7F7F7; 
}

.description i {
	font-style:italic;
}

.footer-inline {display:inline-block; padding: 10px}
.footer-inline a:hover { color:#FFF !important }

.page_news {
    min-height: calc(100vh - 50px);
    width: 80%;
    margin: 0 auto;
    padding: 0;
    background-color: #F9E4B7;
	width:55%;
}

@media only screen and (min-width: 980px) {
	.cd-main-content .content-center {
		display:inherit; 
		vertical-align: middle; 
		min-height: 10px; 
	}
}

.content_news {
	padding: 0;
    display: flex;
	flex-wrap: wrap; 
	justify-content: center; 
	flex-direction:column;	
}

.content_panier.titre {
	font-family:Raleway;
	font-size:1.1rem;
	font-weight:600;
}

.news_titre {
	width: 100%;
	text-align: center;
}

.news_titre h2 {
	font-size:1.2rem;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 5px !important;
    margin: 5px 5px !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fuelux .input-append input, .fuelux .input-prepend input, .fuelux .input-append select, .fuelux .input-prepend select, .fuelux .input-append .uneditable-input, .fuelux .input-prepend .uneditable-input, .fuelux .input-append .dropdown-menu, .fuelux .input-prepend .dropdown-menu, .fuelux .input-append .popover, .fuelux .input-prepend .popover {
    font-size: 1rm !important;
	font-family:Raleway !important;
}

.day {
    font-size: 15px !important;
    font-family: Raleway !important;
    background-color: #f7f7f7 !important;
    padding: 5px !important;
}

.content-center {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    margin:0;
}

.footer {
    z-index: 4;
    height: 50px;
    background-color: #766036;
    width: 100% !important;
}

a {
	text-decoration:none;
	text-decoration:underline !important;
}

a:hover {
	text-decoration:none !important;
	color:#666666 !important
}

.logo {
    background: url(../images/divers/bandeau.png) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 375px;
    margin-top: 80px;
}

.logo-container {
	display:flex;	
}

.fuelux [class^="icon-"], .fuelux [class*=" icon-"] {
	background-image: url(../images/divers/glyphicons-halflings.png) !important;
}

.link-btn {
	text-decoration:none !important;		
}

.link-btn:hover {
	text-decoration:none !important;
	color:white !important;
	background: darken(#6c757d, 7.5%);
}

/* ////////////////////// FENETRE MODAE POUR INDEX /////////////////////// */
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

#masque {
    display: none; /* #masque et son contenu sont invisibles à l'état initial */
    position: fixed; /* rend le masque insensible au défilement */
    top:0; right:0; bottom:0; left:0; /* permet de couvrir entièrement la fenêtre du navigateur, y compris le contenu à l'extérieur de #masque */
    background-color: rgba(0, 0, 0, 0.5); /* couleur de fond semi-transparente */
    z-index: 1000; /* assure que #masque est au-dessus de tous les autres éléments de contenu */
}

.popup_block{
	display: none;
	background: #fff;
	padding: 20px;
	width:80% !important;
	max-width:450px !important;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	border: 10px solid #bbb;
    position: absolute; 
    margin: 0 auto;
    z-index: 99999;
}

.popup_block_msg{
	padding: 0px;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	border: 10px solid #bbb;
    position: absolute; 
    margin: 0 auto;
    z-index: 99999;
}

.txt-popup {
	margin:-5px auto;
}

img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
    display: block;
    /*position: absolute;*/
}

/* ////////////////////// END /////////////////////// */
.fuelux .input-append, .fuelux .input-prepend {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle; }

.form-control {
  font-size: 1rem !important;
  font-family: Raleway !important; }

.btstrp_input {
  width: 95% !important; }

.btstrp_textarea {
  width: 95% !important; }

.td-center span {display: inherit}

a:hover {
  text-decoration: none;
  font-family: Raleway; 
}

.custom-control-label {
  padding: 6px !important; 
}

@media screen and (max-width: 1680px) {
	.content-news .news_titre {
		margin: 103px 10px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		text-align: center;
	}

	.flex_row_index {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
	}
	
	.page_description {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 65%;
		text-align: right;
		padding: 10px 10px 0 0;
	}	
	
	.page_news {
   	    min-height: calc(100vh - 50px);
		width: 80%;
		margin: 0 auto;
		padding: 0;
		background-color: #F9E4B7;    
	}
}

@media screen and (max-width: 1480px) {
	.content-news .news_titre {
		margin: 100px 0 0 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		text-align: right;
	}

	.flex_row_index {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
	}
	
	.page_description {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 65%;
		text-align: right;
		padding: 10px 0 0 0;
	}	
	
	.oneBlock {
    	padding: 10px 0;
	}
		
	.carte{
		flex: 0 46%;
	}
	
	.page_news {
    	width: 90%;    
	}
}

@media screen and (max-width: 1023px) {
	
	.content-panier .news_titre {
		margin-top: 103px;
		padding-right: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	.cd-logo img {
    	max-width: 300px;
	}
	
	.page_news {
    	width: 100%;    
	}
	
	.content-detail form {
		margin-top:40px;
	}

	.nav-item.active.panier {
		display: inline-block;
		float: left;
		padding: 10px;
		width:100%;
	}
	
	.nav-item {
		border-bottom: 1px solid #FFFFFF;
	}
	
	.content-panier .news_titre {
		margin-top:60px;
		padding-right:20px;
		display: flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
	}
	
	.flex_row_index {
		padding-right: 20px;
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content:flex-end;
	}

	.oneBlock {
		padding:0px;
 	   	width: 50%;
    	text-align: right;
	}
}


@media screen and (max-width: 980px) {
	.recap-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}
	
	.page_description {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-end;
			width: 60%;
			text-align: right;
			padding: 10px 10px 0 0;
	}
	
	.content-news .news_titre {
		margin: 55px 10px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		text-align: center;
	}
	
	.flex_row_index {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	.oneBlock {
		padding: 0;
	}
	
	.cd-logo img {
		max-width:300px;
	}
	
	.content-news {
		display: flex;
		margin: 0 auto !important;
		text-align: left;
		flex-direction: column;
	}
	
	.flex_row_index {
		padding: 0px;
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content:flex-end;
	}
	
	.oneBlock {
		padding:10px;
		width: 50%;
		text-align: right;		
	}
}


@media only screen and (max-width: 872px) {	
	.products-elemts3 a {
		color:#FFF !important;
	}
	
	.products-elemts3 a:hover {
		color:#FFF !important;
	}
	
	.texte {
    	color: #FFF !important;
    }
	
	.carte-total {
		max-width: 380px;
		padding: 10px;
		margin-left: 0px;
		margin-bottom: 40px;
		background-color: #766036 !important;

		/*--Coins arrondis en CSS3--*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;

		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-box-shadow: 0px 0px 5px 1px #000000;
		-moz-box-shadow: 0px 0px 5px 1px #000000;
		box-shadow: 0px 0px 5px 1px #000000;	
	}
	
	.page_description {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 45%;
		text-align:justify;
		padding: 10px 10px 0 0;
	}

	.flex_row_index {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-news .news_titre {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		text-align: center;
		padding: 10px;
		margin: 50px 0 0;
	}

	.oneBlock {
		padding: 0;
	}	
	
	.text-zoom-container {
		flex: 1 1 auto;
		width: auto;
		height: auto;
		max-width: 100% !important;
		max-height: 420px;
		margin: 10px;
		object-fit: cover;
	}
	
	.catalogue-container {
    	justify-content: center;
	}	
}

@media only screen and (max-width: 640px) {
	.products-elemts3 a {
		color:#FFF !important;
	}
	
	.products-elemts3 a:hover {
		color:#FFF !important;
	}
	
	.texte {
    	color: #FFF !important;
    }
	
	.page_description {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		text-align: justify;
		padding: 10px 10px 0 0;
	}

	.content-news .news_titre {
		margin-top: 0px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		text-align: center;
		margin-bottom: 0px;
	}

	.oneBlock {
		padding: 0;
	}
		
	.carte-mini {
		padding:10px;
		margin-left:0px;
		flex:0 100%;
		margin-bottom:40px;
		background-color:#F7F7F7;	

		/*--Coins arrondis en CSS3--*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	
		max-width:320px;
		display:flex;
		flex-direction:column;
		flex-wrap: wrap;
		justify-content: space-between;
		cursor:pointer;
		
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-box-shadow: 0px 0px 10px 1px #000000;
		-moz-box-shadow: 0px 0px 10px 1px #000000;
		box-shadow: 0px 0px 10px 1px #000000;		
	}

	.carte-recap {
		padding: 10px;
		margin:0 1%;
		flex: 1;
		background-color: #F7F7F7;
		
		/*--Coins arrondis en CSS3--*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-around;
		min-width: 330px;
		max-width:330px;

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-box-shadow: 0px 0px 10px 1px #000000;
		-moz-box-shadow: 0px 0px 10px 1px #000000;
		box-shadow: 0px 0px 10px 1px #000000;		
	}
		
	td[class=hide-on-mobile]{display: none !important;}
	
	.recap-elements {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		padding: 10px;
	}
	
	.recap-elements .saut{
		margin-bottom:10px;
	}

	.recap-elements .ttc {
		margin-bottom:10px;
		font-weight:bold;
	}

	.recap-elements .amounts {
		text-align:right;
	}	
	
	.carte-total {
    	margin-left: 0px;
    }
	
	.cd-main-content .content-center {
		display: block;
		vertical-align: middle;
		margin-top: 10px;
		min-height: 800px;
	}
	
	.content-actualite .photo-container {
		display: block;
		margin: 0 auto;
		margin-top: 20px;
		width: 90%;
	}
	
	.bandeau-container {
		margin-top:30px;
		display:block;	
	}
	
	.cd-logo { 
		display:none;
	}
	
	.carte-mini:first {
		margin-top: 0px !important;
	}
	
	.carte-mini {
		flex:1;
		margin:0 1%;
	    min-width: 330px;
		margin-top: 20px;
	}
	
	.carte-mini:last-child {
		margin-bottom : 15px;
	}
	
	#myTheme0 {
		background:none;
		background-color: #F9E4B7;		
	}

	.news_titre {
		display: block;
		margin-top: 0px;
	}
	
	.content-panier .news_titre {
		margin-top: 0px;
		display: flex; 
		flex-direction: row; 
		flex-wrap: wrap; 
		justify-content: center;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.content-news .oneBlock {
		width: 100%;
		text-align: center;
	}
	
	.cd-main-content .content-center h1 {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.content-news {
		display: flex;
		width: 100%;
		margin: 0 auto !important;
		text-align:left;
		flex-wrap:wrap;
		padding:10px
	}
	
	.footer-inline {display:inline-block; padding: 0px !important}	
	.elements{
		width: 90% !important;
    }

	.logo-desinscription {    
		margin: -5px 0px;
	}
	
	img.btn_close {
    	margin: -30px -30px 0 0;
	}
	
	.popup_block{
		display: none;
		background: #fff;
		padding: 0px;
		width:80% !important;
		max-width:450px !important;
		top:40px !important;
		
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		
		/*--Coins arrondis en CSS3--*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		border: 10px solid #bbb;
		position: absolute; 
		margin: 0 auto;
		z-index: 99999;
	}
	
	.txt-popup {
		margin: 0 auto;
		font-size: 1rem;
		padding: 5px;
	}	
	
	.pop-container .txt-container h1 {
		font-size: 22px;;
	}
	
	.pop-container .txt-container {
		padding:10px;
		font-size:1.5rem;
		display:block; 
		width:100%; 
	}
	
	.pop-container .txt-container .txt-edito {
		font-size : 1rem;
		margin:auto;
	}
	
	.btn-contact {	
		width: 120px !important;
	}
	
	.content-form-elts {
		padding:10px; display:block; width:100%; text-align: center; margin: 0 auto;	
	}
	
	.news_intro, .news_adresse {
		padding: 10px;
		width: 100%;
		text-align: center;
		vertical-align:top;
	}	

	.news_table {
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	
	tr[class=hide-on-mobile]{display: none !important;}
	td[class=hide-on-mobile]{display: none !important;}
	td[class=resize]{width: 100% !important; text-align: center; vertical-align:top;}
	th[class=hide-on-mobile]{display: none !important;}
	span[class=hide-on-mobile]{display: none !important;}
	
	hr {
		display: inline-block;
		width: 100%;
		color : #333545;
	}
	
	.space {
		margin:10px 0 10px;
	}

	.content-center {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top: 0px;
		padding:5px !important;
	}
	
	.dropdown-menu {
		left: 65px !important;
	}
}