@import url('https://fonts.googleapis.com/css?family=Raleway');
.txt-edito{
	font-family:'Raleway';
	font-size:1.1rem;
	color:#5A5A5A;
}

.myTable{
	margin:15px 0;
	font-size:1.2rem;
}

.miniature-container {
    margin-left: 30px;
    max-width: 375px;
    flex: 0 30%;
    margin-bottom: 40px;
    background-color: #F7F7F7;
    border-radius: 5px;
    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;
}

.myPanier {
	font-size:1rem;
	color:white;
}

.nbArticles {
    border-radius: 50%;
    background: #F9E4B7;
    position: absolute;
    color: #766036;
    width: 40px;
    height: 40px;
    font-size: 24px;
    margin: -60px 30px;
	padding: 4px 0 0 12px;
    font-weight: bold;
    border: 1px solid white;
}

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

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

.oneBlock {
    width: 60%;
    text-align: 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;
}
  
.cd-logo img {
	width:470px;;
	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;
	box-shadow: 10px 0px 130px 10px #000000;	 
	background-color: #F9E4B7;
}

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


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

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

.btn-admin {
    color: #FFF;
	text-decoration:none !important;
    padding:10px;
    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;
	border-radius:5px;
}

.btn-admin:hover {
	color: #FFF !important;
    -webkit-box-shadow: 0px 0px 2px 1px #000000;
	-moz-box-shadow: 0px 0px 2px 1px #000000;
	box-shadow: 0px 0px 2px 1px #000000;	
}

.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: flex-start;
}

.prices-elements {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.prices-elements .elements {
	flex:30%;
	width:inherit;
}

.price-elmts {
	color: #766036;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 35%;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-family: 'Raleway';
    font-size: 1.1rem;
    font-weight: bolder;
	margin-top:10px;
}

.carte {
	padding:10px;
	margin-left:30px;
	flex:0 30%;
	margin-bottom:40px;
	background-color:#F7F7F7;	
	border-radius:5px;
	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: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-body {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	max-width: 100%;
}

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

.entete {
    display: flex;
    width:50%;
    margin: auto;
    background: #236bb7;
	padding:10px;
}

.entete-left {
	flex:1 0;
}

.entete-left .h1-ligne1 {
    font-size: .6em;
    font-weight: 100;
    display: block;
    line-height: 1;
}

.entete-left .h1-ligne2 {
    font-size: 1em;
    font-weight: 600;
    display: block;
}

.entete-left span.h1-baseline {
    margin: 0;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: .8em;
    line-height: .8em;
}

.mediaLink{
	color:#FFFFFF;
}

.mediaLink:hover{
	color:#FFFFFF !important;
	text-decoration:none !important;
}

@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');
}

article:first-child {
	margin: 0;
}

article:last-child .space {
	display:none;
}

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

.vimeo-container {
	display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
	margin-bottom:20px;
}

.vimeoFrame {
	width: 100%;
	height:440px;
}

#myTheme1 .cards {
	display:flex;
	justify-content:space-arround;
	flex-wrap:wrap;
}

#myTheme1 .card {
    border: solid 1px grey;
    padding: 30px;
    border-radius: 8px;
    margin: 20px;
    background: transparent;
}

#myTheme1 article {
	flex: 1 0 calc(50% - 1em);
	display:flex;
}

#myTheme1 .card img {
	width:90%;
}	

.fileName {
	display:block;
	font-size:0.7rem;
	Margin-bottom:5px;
}

.page-coupure {
	width: 60%;
	margin: 0 auto;
	padding: 0;
}

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

#myTheme1 figure {
    margin: 0 auto;
}

#myTheme1 .content-center {
	margin:0 auto;
}

#myTheme1 .content-coupures {
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-between;
}

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

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

.content-bios {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.content-actualite {
	display: flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
    margin: 0 auto !important;
	text-align:left;
	width: 60%;
}

.content-actualite .photo-container {
	display: block;
    width: 100%;
}

.content-actualite .photo-container img {
	margin: 20px 0 20px;
	width:100%;
	border: 1px solid grey;
}

.content-actualite .description, .content-actualite .description p {
	margin:0;
}

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

.content-bios .description {
	flex : 0 0 auto;
	text-align:justify;
}

.content-chroniques.titreRouge, .content-actualite .titreRouge {
	display: flex;
    flex-direction: column;
    font-size: 1.2em;
    justify-content: center;
	margin:15px;
}

.content-actualite .titreRouge {
	text-align:center;
}

.content-contact .email {
	margin-bottom:35px; 
	font-size: 0.9em;
}

.content-contact .siret {
	margin-bottom:10px; 
	font-size: 0.9em;
}

.content-contact .prod {
	margin-bottom:35px;
	font-size:1.3em;
} 

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

.page_news {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	background-color: #F9E4B7;	
}

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

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

.content-media {
	padding: 0;
    display: flex;
	flex-wrap: wrap; 
	justify-content: center; 
	flex-direction:column;
	width:100%;
	margin: 0 auto;
}

.content-media .photo-container {
	flex:0 auto;
	width: 110px;
}

.content-media .titreBlanc{
    font-size: .9em;
    color: #FFFFFF;
	flex: 0 auto;
	text-align:left;
	width:220px;
}

.press-title {
	display:inline-block;
	margin: 0 auto;
	font-size:2.4em;
	padding:10px;
	width:100%;
	text-align:center;
}

.content-contact {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    background-color: #F7F7F7;
    color: #535353 !important;
    width: 460px;
    border-radius: 10px;
    margin-top: 20px;
}

.content-contact .email a {
	padding: 10px;
    color: #535353 !important;
}

.content_contact ul{
	padding: 0;
    display: flex;
    flex-direction: column;
	flex-wrap:wrap;
}

.content_contact li{
	flex: 1 0 auto;
}

.content_chroniques {
	padding: 0;
    display: flex;
    flex-direction: row;
    text-align: left;
    margin: 0 auto;
}

.medias_intro {
	display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
}

.content_media.titreRouge{
	margin:0;
    font-size: 1em;
	color: #CC0000;
	flex: 0 0 130px;
	text-align:left
}

.content_media.titreRouge p{
	margin : 0;
}

.content_media .titreBlanc{
    font-size: .9em;
    color: #666666;
	flex: 0 auto;
	text-align:left
}

.medias_intro .hide-on-mobile{
    font-size: 1em;
    color: #666666;
	flex: 0 0 200px;
	text-align:left
}

.content_media.photo-container div{
	width : 120px;
}

.chroniques_intro, .musique_intro, .actualite_intro, .parcours_intro, .index_intro {
    padding: 10px;
    width: 100%;
    text-align: left;
	vertical-align:top;
	text-align:left;
	font-size:1.1em;
	font-weight:lighter;
}

.index_intro {
	text-align:center !important;	
}


.index_intro p{
	margin:0;	
}

.chroniques_intro i, .actualite_intro i  {
	font-style:italic;
}

.news_intro, .news_adresse {
    padding: 10px;
    width: 50%;
    text-align: center;
	vertical-align:top;
}

.news_date, .news_lieu {
    width: 50%;
    text-align: center;
	vertical-align:top;
}

 .news_adresse {
	text-align: center;
}

.news_intro ul {
	padding:10px;
}

.news_intro ul li {
	list-style:disc;
}

.content_chroniques.description {
	text-align:left;
}

.content-form-elts {
	padding:10px; display:block; width:50%; text-align: center; margin: 0 auto;	
}

.form-elmts {
	width: 49%; 
	vertical-align:top; 
	text-align: center;
	display: inline-block;
	padding:5px;
}

.cc-gallery .cc-fader .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    text-align: center;
}

.td-nat4 {
	text-decoration: underline; 
	color: #1155cc; 
	text-align: center;
}

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

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

.news_photo {
	padding: 10px;
	width:40%;
}

.news_photo.left {
	text-align:left;
}

.news_photo.right {
	text-align:right;
}

.news_description {
	padding: 10px;
	width:60%;
    text-align: justify;
}

.alone_description {
	padding: 10px;
	width:60%;
    text-align: justify;
}

.function_description{
	padding: 10px;
	width:100%;
    text-align: left;
}

.flex_simple_row{
    display: flex;
    flex-direction: row;
    width: 90%;
    margin: 0 auto;
	flex-wrap: wrap;
}

.flex_row {
    padding: 5px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
	flex-wrap: wrap;
}

.flex_reverse{
    padding: 10px;
    display: flex;
    flex-direction:row-reverse;
    width: 90%;
    margin: 0 auto;
	flex-wrap: wrap;
}

.content_alone_description {
    display: flex;
    flex-direction: row;
    width: 50%;
    margin: 0 auto;
}

.alone_description {
	padding: 10px;
	width:100%;
    text-align: justify;
}

.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);
    border-radius: .25rem;
}

.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;
}

.datepicker th {
    font-size: 15px !important;
    font-family: Raleway !important;
    text-align: center;
    width: 40px !important;
    height: 30px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: #C7CADC !important;
}

.img-container {
	margin-top:100px;
	display: block;
	height:auto;
	width:100%;
}

.img-container_index {
	display: flex;
	height:auto;
	width:100%;
	flex-wrap:wrap;
	justify-content: space-around;
}

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

.btn-contact {	
	width: 180px !important;
}

.btn {
	line-height:inherit !important;	
}

html {
	background: #FFFFFF;
}

table {
    border-collapse: inherit !important;
	border-spacing: 2px !important;
}

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

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

.alerte-password {
	text-decoration: underline;
	font-family: Raleway;
	font-size: 1.4rem; 
	width: 100%;
	padding:20px;
}

.txt_alerte {
	font-family: 'Raleway';
    color: darkred;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    width: 100%;
	height:20px; 
}

.popup_block .txt_alerte {
	font-family: 'Raleway';
    color: darkred;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    width: 100%;
	height:30px;
}

.txt_titre_rose {
	font-family: Raleway;
	color: #8C4D84;
	font-size: 1.4rem; 
}

.txt_title_rose {
	font-family: Raleway;
	color: #8C4D84;
	font-size: 2rem; 
}

.txt_rose {
	font-family: Raleway;
	color: #8C4D84;
	font-size: 1rem; 
}

.txt_courant_10 {
	font-family: Raleway;
	font-size: 0.8rem; 
	color: #666666;
    padding: 5px;
}

.txt_courant, .txt_courant_blanc, .txt_courant_0 {
    color: #666666;
    font-family: Raleway;
	font-size: 1rem; 
	line-height: 1rem;
	padding: 5px;
}

.txt_courant-title {
	font-size: 1rem !important; 
	line-height: 1rem !important;
	padding: 5px;
}

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

.txt_courant_blanc a:hover {
	color: #FFFFFF !important;
}

.txt_courant_blanc {
	font-family: Raleway;
	font-size: 1rem; 
	color: #FFFFFF;
}

.txt_courant_blanc_bold {
	font-family: Raleway;
	font-size: 1rem; 
	color: #FFFFFF;
	font-weight:400;
}

.td-title{
	font-weight: bold;	
}

.input-group {
	padding:20px !important;
}

.input-group-text {
	padding: 1rem 2rem !important;
    font-size: 1.4rem !important;       
}

a.btn-secondary:hover {
	color:#FFFFFF !important;
	text-decoration: none !important;
}

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

ul.left, ul.right {
	margin-top : 25px;
}

#myTheme {
    background: url(../images/divers/background-desinscription.jpg) center center;
	bacground-color:#F9E4B7;   
    overflow: hidden;
    height: 100vh;
}

#myTheme2 {
    background: url(../images/divers/background_23.jpg) center center;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
}

#myTheme3 {
    background: url(../images/divers/fond_theme3.jpg) center center;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
}

#myTheme4 {
    background: url(../images/divers/background3.png) center center;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
}

.elements{
	width: 100% !important;
    display: flex;
    margin: 10px auto;
    justify-content:center;
    flex-direction: row;
}

.des-container{
	display: flex;
    justify-content: space-between;
    flex-direction: column;
	padding:10px;
}


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

#myTheme3 .popup_block img.btn_close {
    margin: -30px -35px 0 0; !important;
}

#myTheme3 .btn-secondary {
	background-color: #766036 !important;
    color: #FFF !important;
	padding: 10px !important;
	-webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

#myTheme3 .btn-secondary:hover {
    -webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000;	 
}

#myTheme3 .popup_block h1{
	margin-top:10px;
	font-size:1.5rem;
}

#myTheme3 .popup_block {
	padding:0;
	max-width:405px !important;
}

#myTheme3 .popup_block p {
	padding:10px;
}

.txt-container {
	text-align:center;
	margin:0 auto;
}

.logo-desinscription {
    background: url(../images/divers/chat.png) 0px 0px no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 110px;
    margin-top: 0px;
    width: 100%;
}

.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;	
}

.pop-container {
	display: flex;
    margin-top: 20px;	
}

label.checkbox-inline {
    display: inline;
	margin:5px !important;
}

.AddProject {
    border: 1px solid #333333;
    min-width: 300px;
    margin-bottom: 10px;
	display: none;
}

.icone:hover{
	color:#000;
}

ul.left{
	float: left;
	width: 50%
}

ul.right{
	float: right;
	width:50%;
}

ul.actions {
	width: 100%;	
}

.actions li {
	text-align: center !important;
} 

.form-container {
	text-align: center;
	width:100%;
	margin: 10px auto;
}

.filter-container {
	display:inline-block;
	width:60%;
}

.filter-container .btn {
    margin: 15px !important;
}

.filter-title, .filter-title2 {
	display: inline-block;
    width: 210px;
    text-align: left;
    margin-left: 5px;
    height: 25px;
    vertical-align: baseline;
}

.filter-subtitle {
	display:inline-block;
    width: 100%;
	height: 30px;
}

.fa {
	font-size:20px !important;	
}

.valid-btn {
	height: 30px !important;
    width: 80px !important;
    font-family: Raleway !important;
    font-size: 14px !important;
}

th[data-sort]{
	cursor:pointer;	
  	background-color: #C7CADC;
	height:40px;	
}

th .selection {
	margin-left: 5px;
	font-size: 14px;
	text-decoration: underline;
	color: #5A5A5A;
}

th .icone {
    display: inline-block;
    margin-left: 15px;
    text-decoration: none;
    color: #5A5A5A;
}


th .selection:hover {
	text-decoration: none;
	color:#1E1E1E;
}

tr.awesome{
  color: red;
}

.Titres {
	font-weight: bold;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #829FC7;
	margin: 2px;
	padding: 2px;
}

.Titres3 {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0078A3;
	margin: 2px;
	padding: 2px;
	font-weight: normal;
}

.TabCadre_gris {
	border: 1px solid #666666;
	font-family: Tahoma;
	font-size: 11px;
}

.TabCadre_blanc {

	border: 1px solid #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
}

.subtable-container{
	padding:10px;
}

.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%);
}


.italic {
	font-size: 11px;
	font-style: italic;
}

.testing-session {
	text-align:center;
	display: block;
}

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


/* ////////////////////// 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 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	border: 10px solid #DDD;
    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;
	-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;*/
}

img.bombe {
	float: right;
	margin: 0 0 0 20px;
}

img.btn-fermer {
    float: right;
    margin: -55px -55px 0 0;
}

/* ////////////////////// 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; 
}

.admin_table {
  -webkit-box-shadow: 10px 0px 60px 10px #d6d0d0;
  -moz-box-shadow: 10px 0px 60px 10px #d6d0d0;
  background-color: #FFFFFF;
  box-shadow: 10px 0px 60px 10px #d6d0d0;
  text-align: justify;
  vertical-align: middle;
  width: 70%; 
}

.admin_image {
  background: url(../images/admin/_bandeau_1.jpg) no-repeat 0px 0px white;
  background-size: 100% 100%;
  margin: 10px 0 10px;
  width: 80%;
  height: 80px;
  display: block; 
}

.TabCadre-contact {
	border: 1px solid #333333;
	min-width: 300px;
	margin-bottom: 10px;
}

.TabCadre {
	border: 1px solid #333333;
}

select.form-control:not([size]):not([multiple]) {
    height: auto !important;
}

.cd-main-content .content-center h1.txt_title_rose {
    font-family: Raleway !important;
    color: #8C4D84 !important;
    font-size: 2rem !important;
}

@media screen and (max-width: 1680px) {
	.page_news {
    	width: 80%;    
	}
	
	.cd-logo img {
    	max-width: 400px;
	}
	
	.content-news .news_titre {
		margin-top:10px;
		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: left;
	}
}

@media screen and (max-width: 1480px) {
	.carte{
		flex: 0 46%;
	}
	
	.page_news {
    	width: 90%;    
	}
	
	.cd-logo img {
    	max-width: 400px;
	}
	
	.content-news .news_titre {
		margin-top:10px;
		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: left;
	}
}

@media screen and (max-width: 1023px) {
	.page_news {
    	width: 100%;    
	}
	
	.cd-logo img {
    	max-width: 350px;
	}
	
	.content-news .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: left;
	}
}


@media screen and (max-width: 980px) {
	.page_news {
    	width: 100%;    
	}
	
	.cd-logo img {
    	max-width: 300px;
	}
	
	.content-news .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: left;
	}
	
	.carte {
		flex:0 44%;
	}
	
	.cd-logo img {
		max-width:300px;
	}
	
	.content-news {
		display: flex;
		width: 90%;
		margin: 0 auto !important;
		text-align:left;
	}
	
	.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;
	}
	
	.admin_table {
	   margin-top:80px;
    }    
    
	.cd-main-nav a, .cd-main-nav input[type="search"] {
		font-size: 1rem;
	}
	
	.form-control {
		font-size: 1rem;
	}
	
	.txt_courant, .txt_courant_blanc, .txt_courant_0 {
		font-size: 0.9rem;
		line-height: 0.9rem;
		padding: 5px;
	}
	
	.txt_titre_rose {
		font-size: 1.2rem; 
		line-height: 1.2rem;
		font-weight: bold;
	}
	
	.txt_title_rose {
		font-size: 1.5rem; 
		line-height: 1.5rem;
		font-weight: bold;
		margin-bottom: 1rem;
	}
	
	.fond_trait {		
		font-size: 1rem;
	}
	
	th .selection {
    	font-size: 1rem;
	}
	
	.admin_table {
		-webkit-box-shadow: 5px 0px 30px 5px #d6d0d0;
		-moz-box-shadow: 5px 0px 30px 10px #d6d0d0;
		box-shadow: 5px 0px 30px 5px #d6d0d0;
		text-align: justify;
		vertical-align: middle;
		width: 95%;
		background-color: #FFFFFF; 
	}

	.admin_image {
		width: 100%;
		background: url(../images/admin/_bandeau_1.jpg) no-repeat 0px 0px white;
		background-size: 100% 100%;
		margin: 10px 0 10px;
		height: 60px;
		display: block;
		min-width:350px; 
	} 

	.admin_contact-table {
		-webkit-box-shadow: 5px 0px 30px 5px #d6d0d0;
		-moz-box-shadow: 5px 0px 30px 10px #d6d0d0;
		box-shadow: 5px 0px 30px 5px #d6d0d0;
		text-align: justify;
		vertical-align: middle;
		width: 95% !important;
		display: block !important;
		background-color: #FFFFFF; 
		margin-top:25px;
	}
	
	.TabCadre-contact {
		border: 1px solid #333333;
		display: inline-table;
		margin: 5px;		
	}
	
	.admin_contact-table tr td {
		display: inline-block!important;
		width:100%;
	}	
	
	.admin_contact-table tr {
		margin-top:5px;	
	}	
}


@media only screen and (max-width: 880px) {
	.carte {
		flex:0 70%;
	}
	
	.catalogue-container {
    	justify-content: center;
	}
}

@media only screen and (max-width: 640px) {
	.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 {
		flex:0 100%;
	}
	
	#myTheme0, #myTheme1{
		background:none;
		background-color: #F9E4B7;		
	}

	.content-contact .email {
		margin-bottom:30px; 
		font-size: 0.8em;
	}
	
	.content-contact .siret {
		margin-bottom:10px; 
		font-size: 0.7em;
	}
	
	.content-contact .prod {
		margin-bottom:30px;
		font-size:1em;
	} 	
	
	.content-contact {
		width:95% !important;
	} 	
	
	.vimeoFrame {
		height:250px;	
	}	
	
	.news_titre {
		display: block;
		margin-top: 0px;
	}
	
	#myTheme1 .card {
		border: solid 1px grey;
		padding: 5px;
		border-radius : 5px;
		background-color:transparent;
		margin-bottom:10px;
		flex:0 auto;
	}
		
	#myTheme1 article {
		flex: 1 0 100%;
		display:flex;
	}
	
	#myTheme1 .card img {
		width:98%;
	}	
	
	.content-chroniques.titreRouge, .content-actualite .titreRouge {
		margin:0px;
	}

	.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: 20px;
	}

	.content-news .oneBlock {
		width: 100%;
		text-align: center;
	}
	
	.cd-main-content .content-center h1 {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.content-media {
		width:100%;
	}
	
	.content-contact {
		width:80%;
	}
	
	.content-media .medias_intro {
		justify-content:space-around;
	}
	
	.content-media .photo-container {
		width:80px;
	}	
	
	.content-media .photo-container div {
    	width: 50px;
	}
	
	.content-media .photo-container {
		flex: 1 0 50px; : 80px;
		font-size:0.9em !important;
	}
	
	.content-media .titreBlanc {
		flex: 1 0 85px !important;
		font-size:0.8em !important;
	}
	
	.content-media .hide-on-mobile{
		flex: 1 0 60px;
		font-size:0.9em !important;
	}
	
	.content-media .titreRouge {
		flex: 1 0 100px;
		font-size:0.9em !important;
	}
		
	.content_chroniques.titreRouge{
		text-align:center
	}
	
	.content-news {
		display: flex;
		width: 100%;
		margin: 0 auto !important;
		text-align:left;
		flex-wrap:wrap;
		padding:10px
	}
	
	.content-actualite {
		display: flex;
		width: 100%;
	}
	
	.content-actualite .photo-container img {
		margin: 0 0 15px;
	}
		
	.content-actualite .intro p {
		margin:0;
	}
	
	.content-bios .description {
		flex : 0 0 auto;
		text-align:justify;
		width:90%
	}
	
	.titreRouge {
		margin:0px;
	}
	
	.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;
	}
	
	.twoBlocks{
		width:100%;
	}
	
	.2blocks_intro {
		padding: 10px;
		width: 100%;
		text-align: left;
		vertical-align:top;
	}
	
	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;
	}

	.news_photo {
		padding: 5px;
		width: 100%;
	}

	.news_description {
		padding: 5px;
		width: 100%;
	}
	
	.alone_description {
		padding: 5px;
		width: 100%;
	}
	
	.flex_row, .flex_reverse, .flex_row_index {
		padding: 0px;
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	
	.flex_row_index {
    	width: 90% !important;
	}

	.space {
		margin:10px 0 10px;
	}

	.news_adresse {
		text-align:center;
		padding : 10px;
		width: 100% !important;
	}

	news_titre {
		padding:0;
		text-align:justify;			
	}

	.news_intro {
		padding:0;
		text-align:justify;			
	}

	.dropdown-menu {
		left: 65px !important;
	}
	
	.img-container {
		margin-top:50px;
		display: block;
		height:auto;
		width:100%;
		text-align:center;
	}
	.alerte-password, .txt_alerte, .txt_titre_rose, .txt_title_rose, .txt_rose, .txt_courant, .txt_courant_blanc, .txt_courant_blanc_bold {
		font-size: 1rem; 					
	}

	.hide-on-mobile {
		display:none;
	}

	.td-center{
		margin: 0 auto !important; text-align:center;
	}

	.img-resize, .img-resize-rub, .img-resize-hb {
		display: block !important ; width: 100%; max-width: none!important;
	}

	.deviceWidth, .deviceWidth2 {
		width: 98%!important;
	}
    .admin_table {
	   margin-top:80px !important;
    }

	.home-image {
		background: url(../images/divers/bandeau.png) no-repeat 0px 0px white;
		background-size: 100% 100%;
		margin: 50px 0px 10px;
		width: 100%;
		height: 90px !important;
		display: inline-block
	}
	
	.alerte-password, .txt_alerte, .txt_titre_rose, .txt_title_rose, .txt_rose, .txt_courant, .txt_courant_blanc, .txt_courant_blanc_bold {
		font-size: 1rem; 					
	}

	.hide-on-mobile {
		display:none;
	}

	.td-center{
		display: block !important; margin: 0 auto !important; text-align:center;
	}

	.img-resize, .img-resize-rub, .img-resize-hb {
		display: block !important ; width: 100%; max-width: none!important;
	}

	.deviceWidth, .deviceWidth2 {
		width: 99%!important;
	}
    
    .admin_table {
	   margin-top:80px !important;
    }
	
	.form-elmts {
		width: 100%; 
		vertical-align:top; 
		text-align: center;
		display: inline-block;
		padding:5px;
	}
}