body {
  	font-family:Ariel, sans-serif;
  	font-size:14px;
    background-color:rgb(255, 255, 255);
    color:rgb(60, 60, 60);
}

.container-fluid.app_large{
	max-width:1400px;
	margin:auto;
}

.container-fluid.app{
	max-width:1200px;
	margin:auto;
}


.container-fluid.app_mini{
	max-width:960px;
	margin:auto;
}

/******************/

.acre_dns{
	font-size:20px;
	color:rgb(20, 70, 160);
}


@media (min-width: 801px) { 

	.decor_navheader_ind{
		position:fixed;
	    top:0;
	    left:0;
	    width:100%;
	    background-color:rgb(230,230,230);
	    background-color:white;
	    z-index:1000000;
	    padding-top:22px;
	    padding-bottom:22px;
	}

	.ultra_top_nav_index li a{
		display:block;
		padding:5px 13px;
		font-size:15px;
		color:rgb(20, 70, 160);
		border-left:1px solid rgb(20, 70, 160);
	}

	.ultra_top_nav_index li a i{
		display:inline-block;
		background-color:rgb(200,0,0);
		padding:5px;
		border-radius:100px;
		color:white;
		font-size:10px;
	}

	.ultra_top_nav_index li a:hover{
		color:rgb(200,0,0);
	}

	.wrapper_section{
		margin-top:80px;
	}

	.decor_cardre_index{
        height:600px;
        background-image: url("images/etudiants_1.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        position:relative;
    }

    .decor_cardre_index2{
        height:250px;
        background-image: url("images/etudiants_events.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        position:relative;
    }


    .ind_logs_shadow{
      position:absolute;
      width:100%;
      height:100%;
      background-color: rgba(10, 20, 40, 0.55);
      z-index:3;
    }

    .decor_texte_cardre{
      position:absolute;
      width:100%;
      text-align: center;
      z-index:10;
      top: 40%;
      transform: translate(0, -40%);
      color:white;
      line-height:1.8em;
    }

    .decor_texte_cardre h2{
    	font-size:4em;
    }

    .acre_identification{
    	display:inline-block;
    	padding:15px 30px;
    	width:300px;
    	background-color:white;
    	font-size:20px;
    	color:rgb(0, 50, 150);
    	border-radius:10px;
    	margin-top:30px;
    }


}  



@media (max-width: 800px) { 


	.decor_navheader_ind{
		position:fixed;
	    top:0;
	    left:0;
	    width:100%;
	    background-color:rgb(230,230,230);
	    z-index:5;
	    padding-top:15px;
	    padding-bottom:15px;
	}

	.decor_sm_toNav{
		position:relative;
	}

	.ultra_top_nav_index{
		position:absolute;
		top:14px;
		left:0;
		z-index:999;
		width:100%;
		max-width:500px;
		background-color: #04AA6D;
		border-bottom:2px solid rgb(240, 240, 240);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		display:none;
		transition: all 0.5s ease-in-out;
	}

	.ultra_top_nav_index li{
		float:none!important;
	}

	.ultra_top_nav_index.right li{
		float:none!important;
	}

	.ultra_top_nav_index li a{
		display:block;
		color:white;
		padding:15px;
		color:white;
		font-size:16px;
		transition: all 0.5s ease-in-out;
	}

	.ultra_top_nav_index li a:hover{
		background-color:white;
		color:#000;
	}

}  


.decor_main_section_index{
	background-color:rgb(240,240,250);
}


.decor_info_ecole_fond{}
.decor_info_ecole_fond .bar{
	font-size:1.7em;
	font-family:Verdana, sans-serif;
	color:white;
	padding:50px 15px;
}

.decor_info_ecole_fond .bar1{
	background-color:rgb(80,146,179);
}


.decor_info_ecole_fond .bar2{
	background-color:rgb(15,77,107);
}


.decor_info_ecole_fond .bar3{
	background-color:rgb(230, 0, 10);
}


.decor_info_ecole h2{
	font-family:Verdana, sans-serif;
	font-size:2.5em;
	margin-bottom:15px;
}

.acre_tarifs{
	display:inline-block;
    padding:15px 30px;
    width:300px;
    background-color:red;
    font-size:20px;
    color:white;
    border-radius:10px;
    margin-top:30px;
}

.decor_ratios_index{
	background-color:white;
	padding-top:50px;
	padding-bottom:50px;
	color:rgb(80,146,179);
	text-align:center;
}

.decor_ratios_index .cardre{
	border-left:1px solid rgb(80,146,179);
	padding-left:20px;
}

.decor_ratios_index h3{
	font-size:1.2em;
	margin-bottom:15px;
}


.decor_ratios_index h2{
	font-size:3em;
}



.decor_events_index{
	padding:50px 30px;
	background-color:rgb(240,240, 240);
}


.decor_access_buttons{
    max-width:400px;
    margin:auto;
}


.decor_access_buttons a{
	display:block;
	padding:22px 15px;
	text-align:center;
	margin-top:30px;
	width:100%;
	color:white;
	font-size:1.5em;
	border-radius:2px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.success {background-color: #04AA6D;}
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;}
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;}
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;}
.default:hover {background: #ddd;}