@import url('https://fonts.googleapis.com/css?family=Raleway');
.footer-inline {display:inline-block; padding: 10px}
.footer-inline a:hover { color:#FFF !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');
}

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

.cd-main-content .content-center {
    display: block;
    vertical-align: middle;
    padding: 0px !important; 
}

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

.news_titre h1 {
    font-size: 2rem !important;
    margin-bottom: .2rem !important;
}
.oneBlock {
	padding: 10px;
    width: 100%;
    text-align: center;
	vertical-align:top;
}

.twoBlocksForm {
    padding: 10px;
    width: 100%;
    text-align: left;
	vertical-align:top;
}

.twoBlocks {
    padding: 10px;
    width: 50%;
    text-align: left;
	vertical-align:top;
}

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

 .news_adresse {
	text-align: center;
}

.news_intro ul {
	padding:10px;
}

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

.news_table {
    padding: 10px;
    text-align: center;
	display: block;
    width: 100%;
}

.news_titre {
	padding: 10px;
	width:100%;
}

.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_row{
    padding: 10px;
    display: flex;
    flex-direction: row;
    width: 90%;
    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: 10px !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;
}

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

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

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

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

.admin_table {
	margin-top:120px !important;
}

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

html {
	background: #F7F7F7;
}

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
}

body {
	background-color: #F7F7F7 !important;
}

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

.txt_alerte {
    font-family: Arial,sans-serif;
    color: darkred;
    font-size: 1rem; 
    line-height: 1.4rem; 
}

.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;
    background-size: cover;
    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/background2.png) center center;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
}

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

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

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


#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/bandeau_desinscription.png) center center no-repeat;
    background-size: contain;
    overflow: hidden;
    height: 76px;
	margin-top: -1px;
}

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

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

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}

body {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  clip: rect(0px, 0px, 0px, 0px);
  margin: 0 auto !important;
  padding: 0px;
  background-color: #F7F7F7; 
  font-family: Raleway !important;
  font-size:13px;
}

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 {
    color: #535353 !important;
}

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

@media only screen and (min-width: 1300px){
	.flex_row {
		width: 60%;
	}
	
	.flex_reverse {
		width: 60%;
	}
}

@media only screen and (max-width: 640px) {
	.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%;
	}
	
	.oneBlock {
		text-align:left;
	}
	
	.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 {
		padding: 0px;
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	
	.space {
		margin-bottom: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;			
	}
	
	.content-center {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top: 0px;
		padding:5px !important;
	}
	.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;
	}
}				

@media only screen and (max-width: 479px) {
	.footer-inline {display:inline-block; padding: 0px !important}
	.img-container {
		margin-top:50px;
		display: block;
		height:auto;
		width:100%;
		text-align:center;
	}
	
	table {text-align:left !important}
	.img-resize {
		display: block !important ;max-width: none !important; width: 100%
	}

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

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

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

@media only screen and (min-width: 1024px) {
	.img-container {
		margin-top:80px;
		display: block;
		height:auto;
		width:100%;
		text-align:center;
	}
	
	.home-image {
		background: url(../images/divers/bandeau.png) no-repeat 0px 0px white;
		background-size: 100% 100%;
		margin: 80px 0px 10px !important;
		max-width: 100%;
		height:auto;		
	}
	
	.cd-search-suggestions .news li {
		/* surcharge padding */
		padding: 0.625em 0.75em 0.75em !important;		
	}
    
    .admin_table {
	   margin-top:120px !important;
    }   
}

@media screen and (max-width: 1200px) {

}
	
@media screen and (max-width: 980px) {
    .admin_table {
	   margin-top:80px !important;
    }    
    
	.cd-main-nav a, .cd-main-nav input[type="search"] {
		font-size: 1rem !important;
	}
	.form-control {
		font-size: 1rem !important;
	}
	
	.txt_courant, .txt_courant_blanc, .txt_courant_0 {
		font-size: 0.9rem !important;
		line-height: 0.9rem !important;
		padding: 5px;
	}
	
	.txt_titre_rose {
		font-size: 1.2rem !important; 
		line-height: 1.2rem !important;
		font-weight: bold;
	}
	
	.txt_title_rose {
		font-size: 1.5rem !important; 
		line-height: 1.5rem !important;
		font-weight: bold;
		margin-bottom: 1rem !important;
	}
	
	.fond_trait {		
		font-size: 1rem !important;
	}
	
	th .selection {
    	font-size: 1rem !important;
	}
	
	.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; 
	} 

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