@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap'); 


body{
	/*font-family: 'Yantramanav', sans-serif;*/
	font-family: 'Dosis', sans-serif;
	background:url(../asset/image/back_ptn.jpg);
	}

 /* .container-back{
    background-color: white;
  }*/


/* ---------------------- */
/* - BOOTSTRAP 4 - SOUS-MENU - */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  /*font-size: 15px;*/
}
/* SPECIAL : ROTATION des flèches */
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

/* --------------------- */
/* SPECIAL : ROTATION des flèches */
/* Niveau 1 */
li .dropdown-toggle:after {
  transition: all 0.5s;
}
li.show > .dropdown-toggle:after {
  transform: rotate(180deg);
}
/* sous-Niveaux suivants */
li li.show > .dropdown-toggle:after {
  transform: rotate(90deg);
}
/* --------------------- */



.top_bar{
  background-color:#002b80;

}
.head_text{
	color:#FFF;
	font-size:12px;
	font-weight:600;

	}

  .text-style-text{
    /*text-decoration: none;*/
    color : white;
    font-size: 14px;
	/*font-family: 'Yantramanav', sans-serif;*/
	font-family: 'Dosis', sans-serif;
	font-weight:400;
	letter-spacing:0.01rem;
  }


.text-style-text_2{
    /*text-decoration: none;*/
    color:white;
    font-size:18px;
	line-height:36px;
	font-family: 'Dosis', sans-serif;
	/*font-family: 'Yantramanav', sans-serif;*/
	font-weight:400;
	letter-spacing:0.01rem;
  }
  
  
.text-style-text_3{
    /*text-decoration: none;*/
    color: #282828;
    font-size:22px;
	line-height:36px;
	font-family: 'Dosis', sans-serif;
	/*font-family: 'Yantramanav', sans-serif;*/
	font-weight:400;
	letter-spacing:0.01rem;
  }
  
	
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.2rem 1rem;
 
  

  /*box-shadow: -1px 5px 5px -4px rgba(0,0,0,0.75);*/
/*-webkit-box-shadow: -1px 5px 5px -4px rgba(0,0,0,0.75);*/
/*-moz-box-shadow: -1px 5px 5px -4px rgba(0,0,0,0.75);*/
 
 }



.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color:#002b80;
  padding:0 1.4rem;
  font-size:18px;
  font-weight:500;
 }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color:#ff236c;
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color:#ff236c;
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}



.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  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, 0.15);
  border-radius: 0.25rem;
}



.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #002b80;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size:17px;
  font-weight:500;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #F36;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}



.section_01{
	background:#007C7C;
}

.tot_training{
	color:#FFF;
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
}

.bg_page_image1{
	background-image: url(../asset/image/allpage_bg1.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
height:250px;
}


.bg_page_image{
	background-image: url(../asset/image/allpage_bg.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
height:250px;
}

.subpage_head{
	color:#ffc107;
	font-weight:700;
	letter-spacing:0.1rem;
	font-family: 'Pirata One', cursive;
	font-size:3rem;
	}
	
.subpage_paragraph p {
	font-size:17px;
	font-weight:400;
	text-align:justify;
	text-indent: 25px;
	}
	
	
.text_paragraph{
	font-size:17px;
	font-weight:400;
	text-align:justify;
	
	}	
	
.c2 {
  max-width: 100%;
  margin: 0 auto;
  column-width: 14em;
  column-gap: 2em;
  column-count:2;
  padding-bottom:20px;
}


.font_link {
    position:relative;
}    
.font_link:before {
    content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
 }


 ul{
  list-style:url(../asset/image/icons8-right-arrow-641.png);
}


.anthem{
	font-size:22px;
	font-weight:500;
	color:#8b3f34;
	}