@charset "utf-8";

/***********************************************/
/*******************  GLOBAL  ******************/
/***********************************************/

*{
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}

body{
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-family: "Lato", "Arial", sans-serif;
	font-size:1.000em;
	top:0;
}

a , img, input[type="button"]{
    outline:none;
}

img{
	display:block;
}

.center{
	text-align:center;
}

#back_to_top_btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 9999;
	font-size: 16px;
	color: #fff;
	background: #12919f;
	cursor: pointer;
	padding: 8px;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;
	opacity:0.7;
    filter:alpha(opacity=70);
	-khtml-opacity:0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	width:60px;
	text-align:center;
}

#back_to_top_btn {
	behavior: url(pie/PIE.php);
}

#back_to_top_btn:hover {
	opacity:1;
    filter:alpha(opacity=100);
	-khtml-opacity:1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#back_to_top_btn i{
	font-size:60px;
}

.touppercase{
	text-transform:uppercase;
}

.content{
	position:relative;
	max-width:1000px;
	width:90%;
	margin:0 auto;
}

.stripe {
	background:#12919F;
	padding:7px 0;
	color:#FFF;
}

.stripe.welcome {
	font-size:18px;
	padding:10px 0;
	margin-bottom:30px;
}

.stripe.welcome .deconnect{
	float:right;
	color:#fff;
	font-weight:bold;
}

.stripe.welcome .deconnect:hover{
	text-decoration:underline;
}

.stripe .lang a{
	float:right;
	margin-left:5px;
	border:1px solid #fff;
}

.top{
	margin-top:10px;
}

.top .logo{
	margin:15px 0 30px 0;
}

.footer .logo{
	margin:80px 0 30px 0;
}

.top .logo .logo1, .footer .logo .logo2{
	margin:0 auto;
}

.top .logo .logo1{
	width:33%;
	height:auto;
	max-width:253px
}

.top .logo .logoterr{
	height:55px;
	margin:20px auto;
	display:block;
	background-image: url("../img/territorii.png");
	background-repeat:no-repeat;
	background-position: center center;
}

.mobile{
	display:none;
}

.menu{
	margin-bottom:30px;
	text-align:center;
}

.menu ul, .menu li{
	list-style:none;
}

.menu li{
	display:inline-block;
	margin:0 0 5px 0;
}

.menu li.mobile{
	display:none;
}

.menu li ul{
	display:none;
}

.menu a{
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;
	padding:7px 5px;
    color: #12919F;
	display:block;
	font-size:15px;
	display:inline-block;
	margin:0 4px 4px 0;
}

.menu a{
	behavior: url(pie/PIE.php);
}

.menu a:hover, .menu a.selected{
    background: #12919F;
	color:#fff;
}

.titre{
	text-decoration: none;
    /* text-align: left; */
    color: #12919F;
    font: normal 36px "Lato", "Arial", sans-serif;
	margin-bottom:30px;
}

.titre i.fa-dizzy{
    font-size: 90px;
}

.info{
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	font-size:18px;
}

.info.cadre{
	text-align:left;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.info.cadre .ligne_info{
	display:block;
	line-height:30px;
}

.t_form table{
	width:60%;
	margin:0 auto;
}

.t_form td{
	padding:5px;
	vertical-align:top;
}
.t_form .label{
	padding-top:8px;
	width:40%;
}

.t_form td.right{
	text-align:right;
}

.t_form td.left{
	text-align:left;
}

.t_form td.center{
	text-align:center;
}

.t_form td.center .text{
	width:80%;
	max-width:300px;
}

.t_form .text{
	border:1px solid #CCC;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;
	padding:10px;
}

.t_form .text{
	behavior: url(pie/PIE.php);
}

.t_form td.center .select{
	width:80%;
	max-width:300px;
}

.t_form .select{
	border:1px solid #CCC;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;
	padding:10px;
}

.t_form .select{
	behavior: url(pie/PIE.php);
}

.t_form  .error{
	color:#ef1308;
}

.t_form  .text.error{
	border:1px solid #ef1308;
	background:#fad2d0;
}

.t_form  span.error{
	display:block;
	margin-top:5px;
}

.t_form  .button{
    background: #fff;
	cursor:pointer;
	font: normal 36px "Lato", "Arial", sans-serif;
	font-size:14px;
	text-transform:uppercase;
	padding:10px;
	margin-top:10px;
	border:1px solid #ccc;
}

.t_form  .button:hover{
    color: #fff;
    background: #12919f;
	border:1px solid #12919f;
}

.year_archive .titre_session, .year_archive .contenu_block, .year_doc_archive .titre_session, .year_doc_archive .contenu_block{
	margin-left:20px;
}

.year_archive .titre_session.first, .year_doc_archive .titre_session.first {
	padding-top:30px;
} 

.titre_session {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #12919f;
    color: #12919F;
    font-size: 22px;
    margin-bottom: 5px;
	line-height:25px;
}

.titre_session.first {
	/* margin-top:0; */
	/* padding-top:0; */
	/* border-top:none; */
}

.titre_session.first.archive_gr_com {
	margin-top:30px;
}

.titre_session.toogleBlock {
	cursor:pointer;
}

.contenu_block, .year_archive, .year_doc_archive{
	display:none;
}

.contenu_block.deployed, .year_archive.deployed, .year_doc_archive.deployed{
	display:block;
}

.sub_menu{
	margin-bottom:30px;
}

div.center{
	text-align:center;
}

.texte{
	margin-top:20px;
	line-height:25px;
}

.texte a, .link a{
	margin-top:20px;
	color: #12919F;
	text-decoration:underline;
}

.texte a:hover, .link a:hover{
	text-decoration:none;
}

.texte img{
	max-width:1000px;
	height:auto;
	margin:5px 5px 5px 0;
	display:inline-block;
}

.texte iframe{
	width:100%;
	max-width:640px;
	max-height:385px;
}

.download_doc{
	margin:10px 0;
	color: #12919F;
	font-style:italic;
	font-size:18px;
	text-decoration:underline;
}

.doc{
	display:block;
	color:#666666;
	padding:7px 5px;
	margin:0;
	font-size:18px;
}

.doc:hover{
	color:#fff;
	background:#12919f;
}

.doc.gallery{
	display:inline-block;
	padding:0;
	overflow:hidden;
	cursor:pointer;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: filter 0.2s ease, -moz-opacity 0.2s ease, -khtml-opacity 0.2s ease, opacity 0.2s ease;
	-moz-transition: filter 0.2s ease, -moz-opacity 0.2s ease, -khtml-opacity 0.2s ease, opacity 0.2s ease;
	-o-transition: filter 0.2s ease, -moz-opacity 0.2s ease, -khtml-opacity 0.2s ease, opacity 0.2s ease;
	transition: filter 0.2s ease, -moz-opacity 0.2s ease, -khtml-opacity 0.2s ease, opacity 0.2s ease;
}

.doc.gallery:hover{
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

div.composition{
	margin-top:15px;
}

.fonction_chambre{
    color: #12919F;
    font-size: 22px;
    margin: 30px 0 10px 0;
    padding-top: 30px;
	text-align:center;
	border-top:1px solid #12919f;
	line-height:25px;
}

.fonction_chambre.first{
    margin-top:0;
	border-top:none;
	padding-top:0;
}

.fonction_bureau{
    color: #12919F;
    font-size: 22px;
    margin: 30px 0 25px 0;
    padding-top: 30px;
	text-align:left;
	border-top:1px solid #12919f;
	line-height:25px;
}

.fonction_bureau.first{
    margin-top:0;
	border-top:none;
	padding-top:0;
}

.container_bloc_elu{
	display:inline-block;   
    vertical-align:top;
	width:135px;
	margin:0 15px 15px 14px;
}

.liste_elu{
	text-align:center;
}

.bloc_elu{
	display:block;
	padding:10px;
}

.photo_elu{
	display:block;
	width:116px;
	height:150px;
	max-height:150px;
	overflow:hidden;
	margin:0 0 10px 0;
	text-align:center;
}

.nom_elu{
	display:block;
	color:#666666;
	display:block;
	text-align:center;
}

.gr_comm_user_div{
	margin-bottom:20px;
	display:block;
	width:100%;
}

.gr_comm_user_div .photo{
	display:inline-block;
	vertical-align:top;
	width:115px;
	height:150px;
	max-height:150px;
	overflow:hidden;
}

.gr_comm_user_div .identite{
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	line-height: 20px;
}

.gr_comm_user_div .identite span{
	display:block;
	margin-bottom:10px;
}

.gr_comm_user_div .identite .nom{
	margin-top:5px;
    color: #12919F;
	font-weight:bold;
}

.gr_comm_user_div .identite .fct_comm{
	font-weight:bold;
}

.gr_comm_user_div .identite .fct{
	font-style:italic;
}

.gr_comm_user_div .identite .fct_cdt{
    color: #12919F;
}

.textarea.question, .textarea.reponse{
	width:97%;
	height:200px;
	border:1px solid #CCC;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;
	padding:1%;
	font-size:20px;
	margin-top:10px;
}

.textarea.question, .textarea.reponse{
	behavior: url(pie/PIE.php);
}

.textarea.question:hover, .textarea.question:focus, .textarea.reponse:hover, .textarea.reponse:focus{
	border:1px solid #12919F;
}

.label.error{
	color:#ef1308;
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}

.textarea.question.error, .textarea.reponse.error{
	font-size:20px;
	border:1px solid #ef1308;
}

.div_button{
	text-align:center;
}

.button{
    background: #fff;
	cursor:pointer;
	font: normal 36px "Lato", "Arial", sans-serif;
	font-size:14px;
	text-transform:uppercase;
	padding:10px;
	margin:10px 0 15px 0;
	border:1px solid #ccc;
}

.button:hover{
    color: #fff;
    background: #12919f;
	border:1px solid #12919f;
}

.confirm_question{
	font-weight: bold;
    text-align: center;
    padding: 30px 0 10px 0;
    font-size: 25px;
	color:#12919F;
}

.div_question{
	margin: 20px 0;
	border-top: 1px dashed #12919f;
	padding: 30px 0 10px 0;
}

.div_question.first{
	padding-top: 0;
	border: none;
}

.div_question .entete_question{
	color:#12919f;
	font-size:18px;
	margin-bottom:10px;
	line-height:25px;
}

.div_question .contenu_question{
	margin-bottom:10px;
	line-height:25px;
}

span.bold{
	font-weight:bold;
}

span.italic{
	font-style:italic;
}

.anchor_reponse{
	position:absolute;
	margin-top:-60px;
}

.contenu_rep, .contenu_repondre{
	display:none;
}

.contenu_rep.deployed, .contenu_repondre.deployed{
	display:block;
}

.label_reponse, .label_repondre{
	display:inline-block;
}

.label_reponse{
	padding-left:0;
}

.label_repondre{
	margin-left:15px;
}

.label_reponse.toogleBlock, .label_repondre{
	cursor:pointer;
	border:1px solid #CCC;
	padding:10px;
}

.label_reponse.toogleBlock:hover, .label_repondre:hover{
    color: #fff;
    background: #12919f;
	border:1px solid #12919f;
}

.contenu_rep{
	margin:10px 0 10px 20px;
}

.contenu_rep .entete_reponse{
	color:#12919f;
	font-size:18px;
	margin:20px 0 5px 0;
	padding-top:20px;
	border-top:1px dotted #12919f;
	line-height:25px;
}

.contenu_rep .entete_reponse.first{
	padding-top:0;
	border-top:none;
}

.update_delete_question, .update_delete_reponse{
	display:inline-block;
	float:right;
}

.update_delete_question .update_item, .update_delete_question .delete_item, .update_delete_reponse  .update_item, .update_delete_reponse  .delete_item{
	cursor:pointer;
}

.update_delete_question .delete_item, .update_delete_reponse  .delete_item{
	color:#ef1308;
	margin-left:10px;
}

.update_delete_question i, .update_delete_reponse i{
	font-size:25px;
}

/*************************************************************************************/
/*****************************          CAPTCHA            ***************************/
/*************************************************************************************/

.slidercaptcha {
	margin: 10px auto;
	width: 80%;
    max-width: 320px;
	height: 286px;
	border-radius: 4px;
}

.slidercaptcha .card-body {
	padding: 1rem;
}

.slidercaptcha canvas:first-child {
	border-radius: 4px;
	border: 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
	top: -54px;
	right: -80px;
}

.slider:hover {
    background: #12909e;
}

.sliderContainer_success .sliderMask {
    border: 1px solid #22916a;
    background-color: #e7fff7;
}

.sliderContainer_success .slider {
    border: 1px solid #22916a;
    background-color: #22916a !important;
}

.sliderContainer_fail .sliderMask {
    border: 1px solid #e13232;
    background-color: #ffe8e8;
}

.sliderContainer_fail .slider {
    border: 1px solid #e13232;
    background-color: #e13232 !important;
}

.verification_code{
	display:none;
}

@media (max-width: 800px) {
	.mobile{
		display:block;
	}
	
	span.mobile{
		display:inline-block;
	}
	
	.stripe.mobile{
		position:fixed;
		z-index:9999;
		top:0;
		width:100%;
	}
	
	.stripe.mobile .content span.mobile{
		display:table;
		width:100%;
	}
	
	.span_row{
		display:table-row;
	}
	
	.span_cell{
		display:table-cell;
		vertical-align:middle;
	}
	
	.span_deconnect{
		width:1%;
	}
	
	.stripe.mobile .content span.mobile .welcome{
		text-align: right;
	}

	.affich_ordi{
		display:none !important;
	}
	
	.menu_toggle{
		cursor: pointer;
		width: 30%;
		padding:11px 0;
	}
	
	.mobile a.deconnect{
		margin-left:5px;
		background:#ef1308;
		padding: 1px 5px 2px 4px;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius: 100%;
	}
	
	.mobile a.deconnect{
		behavior: url(pie/PIE.php);
	}
	
	.mobile a.deconnect i{
		color:#FFF;
	}
	
	.menu.mobile{
		margin-bottom:0;
		text-align:left;
		position:fixed;
		left:-100%;
		background: #12919F;
		width:100%;
		z-index: 9999;
		height:100%;
		overflow-y: scroll;
		padding-bottom:30px;
	}

	.menu.mobile ul, .menu.mobile li{
		list-style:none;
	}

	.menu.mobile li{
		display:block;
		margin:0;
	}
	
	.menu.mobile li.lang.mobile{
		padding: 10px;
		font-size: 18px;
		padding-left: 5%;
		text-align: left;
		color:#FFF;
	}
	
	.menu.mobile li.lang.mobile a{
		padding: 0;
		float: none;
		display: inline-block;
		margin-right: 5px;
		vertical-align: bottom;
	}
	
	.menu.mobile li.lang.mobile a img{
		border:1px solid #FFF;
	}
	
	.menu.mobile li ul{
		display:block;
	}

	.menu.mobile a{
		padding:10px;
		color: #FFF;
		display:block;
		font-size:18px;
		display:block;
		margin:0;
		padding-left:5%;
		-webkit-border-radius:0; 
		-moz-border-radius:0; 
		border-radius:0;
	}

	.menu.mobile a:hover, .menu.mobile a.selected{
		background: #FFF;
		color:#12919F;
	}
	
	.menu.mobile li ul a{
		padding-left:10%;
		font-style:italic;
	}
	
	.titre {
		font-size:30px;
	}
	
	.texte{
		line-height:25px;
	}

	.titre_session, .fonction_chambre {
		line-height:25px;
	}
	
	.div_question .entete_question, .contenu_rep .entete_reponse{
		line-height:25px;
	}
	
	.gr_comm_user_div .identite {
		line-height: 20px;
	}
	
	.div_question .contenu_question{
		line-height:25px;
	}
	
	.t_form table {
		width: 100%;
	}

	.t_form  .text, .t_form  .select{
		padding: 2%;
		width: 96%;
	}
	
	.info{
		font-size:16px;
		margin-bottom:20px;
	}

	.info.cadre{
		width:100%;
	}

	.info.cadre .ligne_info{
		line-height:23px;
	}
}

@media (max-width: 479px) {
	body {
		font-size:0.9em
	}
	
	.top .logo {
		margin-bottom:20px;
	}
	
	.footer .logo {
		margin-top:25px;
	}

	.top .logo img{
		height:100px;
	}

	.footer .logo img{
		height:75px;
	}
	
	.t_form table {
		width: 100%;
	}

	.t_form  .text, .t_form  .select{
		font-size: 0.9em;
		padding: 3%;
		width: 94%;
	}
	
	.info{
		font-size:14px;
		margin-bottom:15px;
	}

	.info.cadre{
		width:100%;
	}

	.info.cadre .ligne_info{
		line-height:18px;
	}
	
	.button {
		font-size: 14px;
	}
	
	.titre {
		font-size:18px;
		margin-bottom:15px;
	}

	.titre_session, .fonction_chambre {
		font-size: 14px;
		line-height:20px;
		padding-top: 15px;
		margin-top: 15px;
	}
	
	.stripe.welcome {
		font-size:12px;
	}
	
	.doc, .menu a {
		font-size: 14px;
	}
	
	.textarea.question, .textarea.reponse{
		font-size:14px;
		height:100px;
	}
	
	.div_question .entete_question, .contenu_rep .entete_reponse{
		font-size:14px;
		line-height:20px;
	}
	
	.update_delete_question i, .update_delete_reponse i {
		font-size: 18px;
	}
	
	.menu.mobile a, .menu.mobile li.lang.mobile{
		font-size:14px;
	}
	
	.texte{
		line-height:20px;
	}
	
	.gr_comm_user_div .photo {
		width: 30%;
		max-width:115px;
	}
	
	.gr_comm_user_div .photo img {
		width: 100%;
		max-width:115px;
	}
	
	.gr_comm_user_div .identite span{
		margin-bottom:5px;
	}
	
	.gr_comm_user_div .identite {
		line-height: 15px;
	}
	
	.div_question .contenu_question{
		font-size:14px;
		line-height:20px;
	}
	
	.label_reponse, .label_repondre{
		font-size:14px;
	}
	
	.download_doc {
		font-size: 14px;
	}
}

@media (max-width: 239px) {
	body {
		font-size:0.7em
	}
	
	.top .logo {
		margin-bottom:20px;
	}
	
	.footer .logo {
		margin-top:25px;
	}

	.top .logo img{
		height:100px;
	}

	.footer .logo img{
		height:75px;
	}
	
	.t_form td {
		padding: 2px;
	}
	
	.t_form table {
		width: 100%;
	}

	.t_form  .text, .t_form  .select{
		font-size: 1em;
		padding: 6%;
		width: 88%;
		max-width:none;
	}
	
	.info{
		font-size:12px;
		margin-bottom:15px;
		font-weight: normal;
	}

	.info.cadre{
		width:100%;
	}

	.info.cadre .ligne_info{
		line-height:16px;
	}
	
	.button {
		font-size: 12px;
		padding: 10px;
	}
	
	.stripe.welcome {
		font-size:10px;
		margin-bottom:20px;
	}
	
	.titre {
		font-size:14px;
		margin-bottom: 15px;
	}

	.titre_session, .fonction_chambre {
		font-size: 13px;
		line-height:20px;
		padding-top: 15px;
		margin-top: 15px;
	}
	
	.doc, .menu a {
		font-size: 12px;
	}
	
	.textarea.question, .textarea.reponse{
		font-size:12px;
		height:100px;
	}
	
	.div_question .entete_question, .contenu_rep .entete_reponse{
		font-size:12px;
		line-height:20px;
	}
	
	.update_delete_question i, .update_delete_reponse i {
		font-size: 16px;
	}
	
	.menu.mobile a, .menu.mobile li.lang.mobile{
		font-size:12px;
	}
	
	.texte{
		line-height:20px;
	}
	
	.gr_comm_user_div .photo {
		width: 40%;
		max-width:115px;
	}
	
	.gr_comm_user_div .photo img {
		width: 100%;
	}
	
	.gr_comm_user_div .identite span{
		margin-bottom:5px;
	}
	
	.gr_comm_user_div .identite {
		line-height: 15px;
	}
	
	.div_question .contenu_question{
		font-size:12px;
		line-height:20px;
	}
	
	.label_reponse, .label_repondre{
		font-size:12px;
	}
	
	.download_doc {
		font-size: 14px;
	}
}