/*
Couleurs
#003264
rgba(0,50,100,1);
=> #e0e3e6 , #303336 , #909396
Couleurs complémentaires :
	color: #4b0064;
	color: #5a6400;
	color: #643200;

*/

body {
	font-family: 'Open Sans', Arial, sans-serif; /* de 300 à 800 */
	margin: 0;
}


a {
	text-decoration: none;
	cursor: pointer;
}
a img{
	border: 0;
}
button {
	font-family: 'Open Sans', Arial, sans-serif; /* de 300 à 800 */
}
button, input[type=submit] {
	cursor: pointer;
}
embed, iframe, object, img, video {
	max-width: 100%;
}

textarea:focus, input:focus {
  outline: none; 
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	line-height: 0px;
	height: 0px;
}


.hautVide {
	padding-top: 10vh;
}
.basVide {
	padding-bottom: 10vh;
}
@media screen and (max-width: 655px) and (orientation: portrait) {
	.hautVide {
		padding-top: 5vh;
	}
	.basVide {
		padding-bottom: 5vh;
	}
}


/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	ENRICHISSEMENTS GENERIQUES 	    */
/*    	    				 	        */
/*    	    *** *** *** *** 	        */


/* Alignements */

/* alignements image/inline */
.alignD {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignG {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
	.alignG {
		float: none;
		margin: 0px auto 40px;
	}
	.alignD {
		display: block;
		float: none;
		margin: 0px auto 40px;
	}
}

/* alignements textes/blocs */
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}
.txtAlignC {
	text-align: center;
}
.txtAlignJ {
	text-align: justify;
}


/*		|	   LIGNES		|		*/
/*		lignes de separation		*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-top: 1px solid #e3e3e3;
	flex: 1 0 100%
}


.ligne_3 {
	width: 100%;
	border: none;
	border-top: 1px dashed rgba(255,255,255,0.2);
	
}





/*		 _.-oO°(			 )°Oo-._	*/
/*										*/
/*		|   TEXTES et PARAGRAPHES   |	*/
/*										*/
/*		 ¨°Oo-._    _____    _.-oO°¨	*/


.page_body_titre {
	margin: 0 auto;
	padding: calc(1.5vh + 1.5vw) 0 0 calc(1.5vh + 1.5vw);
}

.titre_1 {
	margin: 0;
	padding: 0;
	font-size: calc(10px + 2vw);
	font-weight: bold;
	font-style: normal;
	color: #003264;
}
.titre_1 .titre_1_img {
	display: block;
	margin: auto;
	max-height: 8vh;
	width: auto;
}
.titre_1 span {
	padding: 0 1ex;
	font-weight: normal;
	color: #fff;
	background: #909396;
}
.titre_1 i {
	padding: 0 1ex;
	font-weight: normal;
	font-size: 0.9em;
}
#colCentre > .titre_1 {
	padding: 1vh 1vw;
}

.titre_2 {
	margin: 1em calc(1.5vh + 1.5vw) 0;
	padding: 1em;
	font-size: calc(12px + 1vw);
	/* font-weight: bold; */
	font-style: normal;
	text-transform: uppercase;
	color: #c0c3c6;
	border: 1px #d0d3d6 solid;
	border-radius: 0.5ex;
}

.notabene {
	
}
.comment_1 {
	font-size: calc(0.5em + 5px);
	color: #c0c3c6;
	font-style: italic;
}

.alerte_bad, .alerte_good {
	margin: calc(0.5vw + 0.5vh);
	margin: 1em;
	padding: calc(1.5vw + 1.5vh);
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.alerte_bad {
	color: #f60;
	border: 1px solid #f60;
}
.alerte_good {
	color: #0f0;
	border: 1px solid #0f0;
}
.alerte_vide {
	/* display: inline-block; */
	/* v° moche
	background-color: #cc9;
	padding: 0.4em 1em;
	color: #000;
	*/
	/* v° comment_2 */
	text-align: center;
	color: #999;
	margin: calc(1.5vh + 1.5vw) calc(1.5vh + 1.5vw);
	padding: 1em;
	border: 1px solid #999;
	border-radius: 2em;
	box-sizing: border-box;
}


/* listes */
.liste_1 {
	list-style: none;
}
.liste_1 li{
	margin: 1em 0;
	font-size: 0.9em;
}
.liste_1 a{
	color: #258;
    font-style: italic;
	font-size: 1.2em;
}


/*		_.-oO°(			  )°Oo-._		*/
/*										*/
/*		|	 LIENS et BOUTONS	|		*/
/*										*/
/*		¨°Oo-._	 _____	  _.-oO°¨		*/


.lien_21 {
	color: #003264;
}

.lien_2 {
	color: #4b0064;
	color: #5a6400;
	color: #643200;
	color: #643200;
	color: #005a64;
}
.lien_2:hover {
	color: #946230;
}


.bt_1 {
	background: #003264;
	/* background: linear-gradient(to right bottom, #003264 0%, #003264 60%, #6092d4 60%, #6092d4 100%); */
	padding: 1vh 2vw;
	border: 0;
	border-radius: calc(1vh + 1vw);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.bt_2 {
	background: #003264;
	padding: 1ex 1em;
	border: 0;
	border-radius: 4px;
	color: #fff;
}
.bt_large {
	padding: 1ex 5em;
	font-size: 1.1em;
}
.bt_3 {
	background: #d0d3d6;
	background-image: linear-gradient(to right, #f00 0%, #d0d3d6 6%, #d0d3d6 100%);
	padding: 0.5ex 0.5em;
	border: 0;
	/* border-left: 3px solid #f00; */
	border-radius: 4px;
	color: #fff;
}
.bt_3:hover {
	background-image: linear-gradient(to right, #f00 0%, #f00 94%, #d0d3d6 100%);
}

.bt_gris { /* gris=desat */
	opacity: 0.5;
	filter: saturate(0%);
	transition: 0.6s;
}
.bt_gris:hover {
	opacity: 1;
	filter: saturate(100%);
	transition: 0.6s;
}
.bt_transp {
	font-size: 11px;
	padding: 0.5ex 1em;
	background: transparent;
	border: 1px solid #003264;
	border-radius: calc(0.5vh + 0.5vw);
	color: #003264;
	transition: 0.6s;
}
.bt_transp:hover { 
	background: #003264;
	color: #fff;
	transition: 0.6s;
}

.bt_grey {
	background-color: #999;
	color: #fff;
}
.bt_vert {
	background-color: #009900;
	color: #fff;
}
.bt_rouge {
	background: #990000;
	color: #fff;
}


.bt_pdf {
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	/* justify-content: space-between; */
	align-items: center;
	align-items: stretch;
	/* padding-left: 40px; */
	/* padding: 0 20px 0 0px; */
	background: #e0e3e6;
	color: #666;
	/* border: 1px solid red; */
	border-radius: 1ex;
}
.bt_pdf div {
	/* border: 1px solid red; */
	display: inline-flex;
	padding: 4px 1em;
	align-self: center;
	flex: 1 1 auto;
	/* conteneur */
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: center;
	align-items: stretch;
	min-height: 40px;
}
/*
.bt_pdf:after {
	content: "\F34A";
}*/
@media screen and (max-width: 700px) {
	.bt_pdf div {
		flex-flow: column nowrap;
		align-items: flex-start;
	}
}
.bt_pdf span.doc_ico {
	border-radius: 1ex;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	/* align-content: center; */
	align-items: center;
	padding: 0 0 0 8px;
	min-height: 40px;
	background: #003264;
	background: #306294;
	color: #fff;
	flex: 0 0 40px;
	align-self: stretch;
}
.bt_pdf span.doc_libel {
	/* border: 1px solid red; */
	/* padding: 1em 2px; */
	color: #003264;
	font-size: 16px;
}
.bt_pdf span.doc_nom {
	/* border: 1px solid red; */
	/* padding: 1em 2px; */
	font-family: "Trebuchet MS", trebuchet, sans-serif;
	font-size: 0.7em;
	color: #003264;
	font-weight: normal;
}
.bt_pdf:hover {
	background: #003264;
	color: #fff;
}
.bt_pdf:hover span {
	color: #fff;
}



/* Liste de boutons */

.menu_gros_bt {
	display: flex;
	flex-flow: row wrap;
	gap: calc(1vw + 1vh);
	padding:  calc(1vw + 1vh);
}
.menu_gros_bt a {
	border-radius: 10px;
	background-color: #003264;
	text-align: center;
	padding: calc(1vw + 1vh);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.menu_gros_bt a img {
	width:  calc(2vw + 2vh + 16px);
	height:  calc(2vw + 2vh + 16px);
}



/*		_.-oO°(			  )°Oo-._		*/
/*										*/
/*		|	   FORMULAIRES		|		*/
/*										*/
/*		¨°Oo-._	 _____	  _.-oO°¨		*/


.form_1 {
	box-sizing: border-box;
	max-width: 90vw;
	margin: calc(1.5vh + 1.5vw);
	/* border: 1px solid red; */
	
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center;
	
}
.form_1 .titre_1 {
	margin: 1vh auto 3vh auto;
}
.form_1 label {
	box-sizing: border-box;
	max-width: 90vw;
	margin: 0.75vh auto 1.25vh auto;
	text-align: center;
	font-weight: 600;
	/* display: flex; */
	/* flex-flow: column wrap; */
	/* align-items: center; */
	/* align-content :center; */
}
.form_1 label small {
	display: block;
}
.form_1 input[type=text] , .form_1 input[type=password] , .form_1 textarea, .form_1 label.label_file {
	display: block;
	width: 30vw;
	min-width: 300px;
	max-width: 90vw;
	margin: 1vh auto 1.5vh auto;
	padding: 1vh 1vw;
	border: 1px solid rgba(0,50,100,0.2);
	border-radius: calc(1vh + 1vw);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}
.form_1 input[type=text] , .form_1 input[type=password] {
	text-align: center;
}
.form_1 textarea::placeholder {
	text-align: center;
	line-height: 3em;
	/* font-style: italic; */
}

.jeu_1 {
	border: 1px solid #d0d3d6;
	border-radius: 1ex;
	margin: 1vh 0px;
	padding: 1vh 1vw;
}
.jeu_1 legend{
	font-weight: bold;
	padding: 0px 1em;
}

/* champs et label spécifiques */

.boite_file_img {
	cursor: pointer;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	padding: calc(1vh + 1vw);
	background: rgba(0,50,100,0.2);
	border-radius: calc(1vh + 1vw);
	gap: 1vh;
}
.boite_file_img input[type=file] {
	border-radius: calc(1vh + 1vw);
	background: #fff;
}
.txtar_2 {
	height: 20vh;
}
.txtar_4 {
	height: 40vh;
}
.paralab {
	/* flex: 1 0 100%; */
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
label.labinline {
	border: 1px solid #909396;
	border-radius: calc(1vh + 1vw);
	margin: 4px 1em;
	/* pb avec le form de connex */
	margin: 4px 0;
	padding: 4px 1em 4px 1ex;
}

.select_embush {
	background: transparent;
	color: #333;
	border: 1px solid transparent;
	font-size: 90%;
}
td .select_embush { /* se glisse dans une TD */
	width: 100%;
	height: 100%;
}
.select_embush:focus {
	/* background: #f0f3f6; */
	color: #333;
	/* border: 1px solid #333; */
}
.select_1 {
	display: block;
	/* width: 30vw; */
	min-width: 300px;
	max-width: 90vw;
	margin: 1vh auto 1.5vh auto;
	padding: 1vh 1vw;
	border: 1px solid rgba(0,50,100,0.2);
	border-radius: calc(1vh + 1vw);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
	background: transparent;
	color: #999;
	outline: transparent;
	text-align: center;
}
.select_1:hover {
	background: transparent;
}


@media screen and (max-width: 450px) and (orientation: portrait) {
	.form_1 input[type=text] , .form_1 input[type=password] , .form_1 textarea {
		min-width: 0;
		width: 80vw;
		box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
	}
	.paralab {
		margin: 1vh 0;
		justify-content: center;
		flex-flow: column wrap;
	}
	label.labinline {
		padding: 1vh;
		display: flex;
		justify-content: space-between;
		justify-content: center;
		text-align: center;
	}
	label.labinline  input[type=submit] {
		flex: 0 1 content;
	}
	.form_1 input[type=submit] {
		padding-top: 2vh;
		padding-bottom: 2vh;
		min-width: 0;
		width: 80vw;
		margin: 1em;
	}
	.form_1 * {
		box-sizing: border-box;
		max-width: 100%;
	}
}


/*		_.-oO°(			  )°Oo-._		*/
/*										*/
/*		|		 TABLES			|		*/
/*										*/
/*		¨°Oo-._	 _____	  _.-oO°¨		*/


/*	! ce qui suit est issu de MyComCorp !	*/

.tab_full {
	width: 100%;
	clear: both;
}

.tableau_1 {
	/* font-size: 1.2em; */
	margin: 20px 0px 20px;
	background-color: #f4f5f6;
	border: 1px solid #ececec;
	border-top-color: #ddd;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #ddd;
	border-collapse: collapse;
}
.tableau_1 td{
	border: 1px solid #949596;
	border-top-color: #fcfcfc;
	border-right-color: #fcfcfc;
	border-bottom-color: #f4f5f6;
	border-left-color: #fcfcfc;
	padding: 0.3em 0.7em;
	margin: 1px;
}
.tableau_1 tr {
	background-color: #fff;
}
.tableau_1 tr:hover {
	background-color: #f4f5f6;
}

.tableau_1 tr.tdHead1 {
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	background-color: #c4c5c6;
}
.tableau_1 tr.tdHead1:hover{
	background-color: #c4c5c6;
}
.tdHead1.trH td {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.tdHead1.trH td[rowspan] {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	padding-bottom: 3px;
}
.tdHead2 {
	text-align: center;
	font-weight: bold;
	color: #000;
	color: #F90;
}
.tdHead2.trB td{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tdHead2 td.th2G{
	border-right: none;
}
.tdHead2 td.th2D{
	border-left: none;
}
.tableG {
	float: left;
	margin-right: 10px;
}
.tableC {
	clear: both;
}

.tableau_2 {
	border: 1px solid #ececec;
	border-collapse: collapse;
	border-radius: 100px;
}
.tableau_2 td{
	border-bottom: 1px solid #eee;
	padding: 0.3em 0.7em;
}

tr.tr_ferme {
	display: none;
}
tr.tr_inactif {
	transition: opacity 0.4s, background-color 0.4s;
	opacity: 0.3;
	/* background-color: rgba(255, 255, 255, 0.1); */
	background: repeating-linear-gradient( 135deg, #ddd, #ddd 1px, transparent 2px, transparent 10px);
}
tr.tr_inactif:hover {
	opacity: 1;
	background-color: initial;
}


/* correctifs table td pour liens particuliers */

td.cel_lien {
	position: relative;
	margin: 0;
	padding: 2px 4px;
}
td.cel_lien a , td.cel_lien button {
	display: block;
	padding: 0.5em 1em;
	border-radius: 3px;
	/* color: #fff; */
}
td.cel_lien a:hover , td.cel_lien button:hover {
	text-decoration: none;
}
td.cel_lien .lien_1 {
	border: none;
	background: rgba(255,255,200,0.1);
}
td.cel_lien .lien_1:hover {
	background: rgba(255,255,200,0.2);
}
td.cel_lien .lien_2 {
	border: none;
	background: rgba(180, 180, 235,0.1);
}
td.cel_lien .lien_2:hover {
	background: rgba(180, 180, 235,0.2);
}
td.cel_lien p {
	padding: 0;
	margin: 1vh 1em 0em;
}
td.cel_lien p.titre_lien {
	margin: 0.5vh 0;
}
td.cel_lien .lien_copie {
	display: none;
	position: absolute;
	right: 0px;
	top: 6px;
}
td.cel_lien:hover .lien_copie {
	display: inline-block;
}



/*		_.-oO°(			  )°Oo-._		*/
/*										*/
/*		|	PAGES SPECIFIQUES	|		*/
/*										*/
/*		¨°Oo-._	 _____	  _.-oO°¨		*/

.sec_centre {
	box-sizing: border-box;
	padding: calc(2vh + 2vw);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.sec_connex {
	background-color: #003264;
}

/*
.profil_connex {
	box-sizing: border-box;
	padding: 2vh 1.5vw 3vh;
	border-radius: calc(1.5vh + 1.5vw);
	/* background-color: #003264; *//*
	background: linear-gradient(to right top, 
		rgba(0,50,100,1),
		rgba(0,0,50,1),
		rgba(0,50,100,1),
		rgba(0,50,150,0.9),
		rgba(0,50,100,1),
		rgba(0,50,100,1),
		rgba(0,0,50,1)
		);
	box-shadow: 4px 4px 10px 4px #ccc, inset 0px 0px 20px 2px #003264;
	border: 1px solid #003264;
	color: #fff;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	/* align-content: center; *//*
	align-items: center;
}
*/
.profil_connex {
    box-sizing: border-box;
    padding: 2vh 1.5vw 3vh;
    background-color: #104274;
    /* border: 1px solid #134579; */
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 450px) and (orientation: portrait) {
	.profil_connex {
		background-color: #003264;
	}
}
.profil_connex .bt_1 {
	background: #306294;
}
.prof_con_titre {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Conciergerie */

.concierge_logo {
	width: calc(7vw + 8vh);
}



/*		 _.-oO°(			 )°Oo-._	*/
/*										*/
/*		|   	 ADAPTABILITE		|	*/
/*										*/
/*		 ¨°Oo-._    _____    _.-oO°¨	*/

@media screen and (min-width: 760px) {

	.on_mobile {
		display: none;
	}
}

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

	.no_mobile {
		display: none;
	}
}