body{
	font-size:14px;
	line-height:170%;
	color:#000;
	background-color:rgb(255,255,255);
	color:rgb(60,60,60);
}

.decor_pub_strack{
	max-width:960px;
	margin:auto;
	height:100px;
	border:1px solid rgb(240,240,240);
}

.container-fluid.cals-container-fluid{
	max-width:1400px;
}

.container-fluid.cals-container-lg-fluid{
	max-width:1200px;
}

.container-fluid.cals-container-md-fluid{
	max-width:1000px;
}


@media (max-width: 800px) {
	.md_size{
		font-size:15px;
	}

	.lg_size{
		font-size:20px;
	}
}



@media (max-width: 600px) {
	.sm-display{ display:none; }
	.sm-no-display{ display:block; }
}


/* header */


.decor_slogan{
	background-color:rgb(5, 5, 5);
	color:white;
	padding:20px 0;
	font-size:11px;
	/*box-shadow:
		0 5px 6px 0 rgba(0,0,0,0.2),
	  	0 6px 10px 0 rgba(0,0,0,0.19);*/
}


.decor_slogan h3{
	font-size:15px;
}


.decor_slogan p{
	font-style:italic;
	color:yellow;
	color:rgb(120, 237, 175);
	color:rgb(255,200,150);
}


.decor_slogan a{
	display:inline-block;
	color:white;
	border-radius:10px;
	border: 3px dotted white;
	box-shadow:
		0 8px 15px 0 rgba(0,0,0,0.2) inset,
	  	0 15px 30px 0 rgba(0,0,0,0.19) inset;
	padding:5px 20px;
	font-size:10px;
	font-weight:bold;
}


.decor_slogan a .fa{
	color:yellow;
}


@media (max-width: 800px) {

	.decor_slogan{
		padding:14px 0;
	}

	.decor_slogan h3{
		font-size:11px;
	}

	.decor_slogan a{
		font-size:8px;
		padding:2px 12px;
	}

	.decor_slogan h3{
		font-size:11px;
	}
}

/* --------------------- */
.top_nav_ind{
	position:relative;
}
.deco_top_nav_ind{
	background-color:white;
	padding-top:15px;
	padding-bottom:15px;
	/*border-bottom:1px solid rgb(150,150,150);*/
}

.deco_top_nav_ind img.dns_logo{
	display:inline-block;
	vertical-align:middle;
    width:45px;
    padding-bottom:10px;
}

.deco_top_nav_ind .dns_logger{
	font-weight:normal;
}


.deco_top_nav_ind .dns_logger a{
	font-size:20px;
	color:rgb(10,92,165);
}


.ultra_top_nav_ind li a{
	font-size:16px;
	color:rgb(60,60,60);
}

.ultra_top_nav_ind li a.login{
	background-color:rgb(76,175,80);
	color:white;
	border-radius:5px;
	font-size:11px;	
	padding:5px 15px;
}


.ultra_top_nav_ind li a:not(.login):hover{
	color:rgb(76,175,80);
	text-decoration:underline;
}

.img-flex{
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	cursor:pointer;
}

@media (max-width: 800px) {

	.deco_top_nav_ind{
		padding-top:8px;
		padding-bottom:8px;
	}

	.deco_top_nav_ind .dns_logger{
		font-size:13px;
	}

	.deco_top_nav_ind img.dns_logo{
	    width:30px;
	    padding-bottom:10px;
	}

	.ultra_top_nav_ind{
		position:absolute;
		top:55px;
		right:15px;
		z-index:10;
		display:;
	    background-color: rgb(240,240,240);
	    min-width: 160px;
	    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}

	.ultra_top_nav_ind.right{
	    float:none!important;
	}

	.ultra_top_nav_ind li{
	    float:none!important;
	}

	.ultra_top_nav_ind li a{
		font-size:12px;
		text-align:left;
		display:block;
		padding:5px 16px;
		border-bottom:1px solid rgb(150,150,150);
	}

	.ultra_top_nav_ind li a.login{
		background-color:transparent;
		color:rgb(60,60,60);
		border-radius:0;
		font-size:12px;	
		padding:5px 16px;
	}
	
	.ultra_top_nav_ind li:last-child a{
		border-bottom:none;
	}

	.ultra_top_nav_ind li a:hover{
		text-decoration:none!important;
	}

	.ultra_top_nav_ind li a.login:hover{
		color:rgb(76,175,80);
	}

}


/* index center 1 */ 

.decor_modules{
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
	background-color:rgb(10, 92, 164);
	color:white;
}


.decor_modules  img{
	width:185px;
}

.decor_modules img.graphe{
	width:320px;
	height:160px;
}

.decor_modules  h3{
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}
.decor_modules h3 em{
	font-size:15px;
	font-weight:normal;
	color:rgb(136,235,150);
}



.acre_acces_module{
	display:inline-block;
	padding:5px 40px;
	border-radius:7px;
	border:1px dotted white;
	color:white;
	font-size:14px;
	box-shadow: 
		0 8px 13px 0 rgba(0, 0, 0, 0.2), 
		0 5px 20px 0 rgba(0, 0, 0, 0.19);
}

.acre_acces_module:hover{
	color:white;
}


@media (max-width: 800px) {

	.decor_modules{
		padding-top:20px;
		padding-bottom:20px;
	}

	.decor_modules img{
		width:70px;
	}

	.decor_modules img.graphe{
		width:120px;
		height:60px;
	}
	.decor_modules h3{
		font-size:11px;
	}
	.decor_modules h3 em{
		font-size:10px;
	}
	.acre_acces_module{
		margin-top:10px;
		padding:2px 20px;
		font-size:11px;
	}

	.acre_acces_module span{
		display:inline-block!important;
	}

}

/* ndex center 2 */
.decor_main_center{
	margin-top:30px;
	margin-bottom:30px;
}


/* fooer */
.decor_main_footer{
	padding-top:30px;
	padding-bottom:30px;
	background-color:rgb(50,50,50);
	/*min-height:300px;*/
	color:rgb(150,150,150);
	font-size:12px;
	font-style:italic;
}


.decor_ind_section h2{
	font-size:24px;
	text-decoration:underline;
	margin-bottom:25px;
}

.decor_explication h1,
.decor_explication h2,
.decor_explication h3,
.decor_explication h4,
.decor_explication h5,
.decor_explication h6{
	font-size:30px;
	margin-bottom:20px;
}

.decor_explication p{
	margin-bottom:10px;
	font-size:13px;
}


.decor_times_droites .titre{
	font-size:20px;
}

.decor_times_droites ul{
	list-style:square;
	padding:15px;
}

@media (max-width: 800px) {
	.decor_explication p{
		font-size:12px;
	}

	.decor_explication h1,
	.decor_explication h2,
	.decor_explication h3,
	.decor_explication h4,
	.decor_explication h5,
	.decor_explication h6{
		font-size:20px;
	}


	.decor_times_droites .titre{
		font-size:17px;
	}

}


.form_acces_login{
	max-width:450px;
	margin:5em auto;
	padding:40px 30px;
	background-color:white;
	border-radius:5px;
	padding:15px 30px;
	border-radius:5px;
}


.form_acces_login label{
	font-size:12px;
	font-weight:bold;
}

.form_acces_login img{
	width:50px;
}

.input-password-views{
    position:relative;
    padding-right:40px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.input-password-views .views{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:40px;
    text-align:center;
    cursor:pointer;
   	
}

.input-password-views input{
    border: none;
}

.input-password-views .views{
   	padding:5px 0;
   	border-left:none;
   	font-size:20px;
   	font-weight:bold;
}


.demo_calschool{
	max-width:1000px;
	margin:5em auto;
	padding:40px 30px;
	background-color:white;
	border-radius:5px;
	padding:15px 30px;
	border-radius:5px;
}

.demo_calschool video{
	width:100%;
	height:100%;
}


.demo_calschool img{
	width:50px;
}

/* */
.form_activation{
	display:block;
	background-color:white;
	padding:20px 30px;
	width:100%;
	margin:2em auto;
	border-radius:10px;
}

.form_activation label{
	font-size:13px;
	display:block;
	text-align:right;
}

.form_activation label:after{
	content:" :";
}

.form_activation ::placeholder{
	font-size:12px;
}


.form_activation img{
	width:50px;
}

@media (max-width: 800px) {
	
	.form_activation label{
		text-align:left;
	}
	
	.form_activation label:after{
		content:"";
	}

}

/*************************/
.posRelative{
	position:relative;
}

.opack{
	position:absolute;
	top:0;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
}

.decor_card_app h3{
	text-align:center;
	font-size:14px;
}



.my-titre-page{
	margin-bottom:25px;
	text-decoration:underline;
	font-size:22px;
}


.accordions_faq a{
	display:inline-block;
	padding:5px 0;
}

.accordions_faq .reponses{
	padding:15px;
	background-color:white;
	font-size:13px;
}