@charset "UTF-8";:root {
 --cassiopeia-color-primary:#555;
 --cassiopeia-color-link:#f90;
 --cassiopeia-color-hover:#f90;
 --font-family: "Lato",sans-serif;
 --font-sans-serif:"Lato",sans-serif;
 --body-font-family:"Lato",sans-serif;
 --body-font-size:0.9rem;
 --body-font-weight:300;
 --body-line-height:1.3;
 --body-color: #555;
 --body-bg: #f8f8f8;
}



/*------------------------------------- Slider ----------------------------------------*/

.camera_prev, .camera_next, .camera_commands {
	background: white;
	border-radius: 8px;
	margin-left: 8px;
	margin-right: 8px;
}



/* -------------------------- ESSAI ---------------------------------------------------*/

h3.mytest, h4.mytest, p.mytest {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 20s; /* don't forget to set a duration! */
}


.com-users-registration, 
.com-users-profile__edit, 
.com-users-login, 
.com-users-login__options, 
.com-users-remind,
.com-users-reset,
.alert-wrapper {
	margin-left: 3rem;
	margin-right: 3rem;
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    padding: 0.5em;
}

/*com-users-login__options list-group */

/*-------------------------- Pas de soulignement sous les liens------------------------*/
a,
.btn-link, a:not([class]), 
.mod-list li a:hover, 
.mod-list li.active > a,
.metismenu.mod-menu .metismenu-item.active > a,
.metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .container-header .mod-menu > li.active > a,
  .container-header .mod-menu > li.active > span,
  .container-header .mod-menu > li > a:hover {
    text-decoration: none;
  }
}
.container-header .metismenu > li > a::after,
.container-header .metismenu > li > button::before {
    opacity: 0;
    transition: none;
}


/* -------- Modif pas d'affichage des boutons d'édition en mode admin  -----------------*/

.btn.jmodedit {
	display: none;
}

/* -------------------------------  Modif des menus  ----------------------------------*/

.container-header {
    background-color:black;
    background-image: none;
	box-shadow: 0 0 28px #000;
}

.container-header .navbar-brand img {
    width: 11rem;
    min-width: 11rem;
}
	
.container-header li.active > a, .container-header li:hover > a {
	background: #f70;
    color: #fff;
    text-decoration: none;
}

.metismenu.mod-menu .metismenu-item > li.active > a {
    content: none;
    background: #8a2ce1;
}

.container-header .mod-menu a {
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

.container-header .mod-menu a:hover {
	background: #f70;
}

.metismenu.mod-menu .mm-collapse li a:hover {
	display: block;
	background: #f90;
}
.metismenu.mod-menu .metismenu-item {
    font-size:0.95rem; 
    line-height:2;
}
.metismenu.mod-menu .metismenu-item li {
	font-size:0.9rem; 
	line-height:2;
	background-color: #444;
	padding: 0;
	display: block;
}

.metismenu.mod-menu .mm-collapse > li > a {
    display: block;
}

.metismenu.mod-menu .metismenu-item > button:focus,
.metismenu.mod-menu .metismenu-item > button:hover {
    outline: none;
    outline-offset: none;
	background: #f70;
}

.metismenu.mod-menu .mm-toggler::after {
    margin: 9px;
}

/*------------------------------------- Slider ----------------------------------------*/

.camera_prev, .camera_next, .camera_commands {
	background: white;
	border-radius: 8px;
	margin-left: 8px;
	margin-right: 8px;
}


com-users-registration__form form-validate {
	width:50%;
}

/*-------------------------------------------------------------------------------------*/
.main-top .card-body {
	background: #f8f8f8;
	border-radius: 8px;
}

.card {
	margin-left: 2.5rem;  
	margin-right:2.5rem;
	border: 0px solid white;
	border-radius: 8px;
}

.footer {
	color: #555;
	background-image: none;
	background-color:transparent;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.breadcrumb {
	margin-left: 2.5rem;  
	margin-right:2.5rem;
}

.h3, h3 {
    font-size: calc(1.2rem);
}

/*------------------------------------  AJOUT / Modif  --------------------------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Lato",sans-serif;
	font-weight: 300;
}
h1 { font-size:28px;}
h2 { font-size:28px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
.big-title p {
 font-style: italic;
 text-align: center;
}
.big-title  h1 {
 text-align: center;
 font-size: calc(2.5rem);
}
.logo-intro {
 width:150px;
 margin-left:auto;
 margin-right: auto;
 margin-top: 30px;
 margin-bottom: 30px;
}
.adp3-article {
 width:calc(50% - 20px);
 margin:10px 10px 10px 10px;
 float:left;
}
.adp3-article h4 {
 font-weight: 600;
}
.adp3-article-bkg-title, .adp3-article-bkg, .adp3-box0 {
 margin-left: 3rem;  
 margin-right:3rem;
}
.adp3-article-bkg {
 color:#555;
 background:#fff none repeat scroll 0 0;
 margin-bottom:20px;
 /*min-height:350px;*/
 border:none;
 border-radius:6px;
 padding-left:1.5rem;
 padding-right:1.5rem;
 padding-top:1.5rem;
}
.adp3-article-bkg h4 {
 font-weight: 600;	
}
.adp3-article-bkg-title {
 background:#444 none repeat scroll 0 0;
 border:none;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 position:relative;
 padding:12px 8px 12px 15px;
}
.adp3-article-bkg-title h3 {
 font-size:20px;
 margin:0;
 line-height:100%;
 color:#eee;
 width:calc(100% - 50px);
}
.adp3-top-up {
 float:right;
 padding:0 10px 0 0;
}
.adp3-top-up img {
 width:80%;
}
.adp3-top-up img:hover {
 background-color:#f90;
 border-radius:2px;
}
.adp3_floatstop {
 clear:both;
 line-height :0px;
}
.adp3-box0 {
 margin-bottom:20px;
 background:#222 none repeat scroll 0 0;
 min-height:300px;
 border:none;
 border-radius:6px;
}
.adp3-box0 img {
 border-radius:0 6px 6px 0;
 min-width:250px;
 float:right;
}
.adp3-box0 h1 {
 padding:30px 0 0 40px;
 color:#f90;
 font-size:70px;
 line-height:1;
 max-width:50%;
}
.adp3-box0 h3 {
 padding:30px 0 0 40px;
 color:#ddd;
 font-size:24px; 
 line-height:1.2;
 max-width:50%;
}
.adp3-img-legende {
 color:grey;
 margin-top:10px;
 line-height:1.2;
 text-align:center;
 font-size:10pt;
 font-style:italic;
}

.adp3-box1 {
 border-radius:4px;
 width:23%;
 min-width:200px;
 min-height:390px;
 padding:.8%;
 margin:1% 1% 0 1%;
 color:#555;
 float :left;
}
.adp3-box1 img {
 border-radius:4px;
 width:100%;
 margin:0 15px 15px 0;
}
.adp3-box1 a:link,
.adp3-box1 a:visited,
.adp3-box1 h4 {
 color:#555;
}
.adp3-box1 h3,
.adp3-box1 h3 a:link,
.adp3-box1 h3 a:visited {
 color:#f90;
 text-transform:uppercase;
}
.adp3-box1:hover {
 background:#f90;
}
.adp3-box1:hover h3 {
 color:#555;
}
.adp3-box1:hover h4,
.adp3-box1:hover p {
 color:#fff;
}
/* ------------------------- Selon changement largeur écran ---------------------------*/
@media screen and (max-width:1200px) {
	 .adp3-box1 {
	  width:38%;
	  min-height:380px;
	  padding:1.5%;
	  margin:2% 3.5%;
	 }
}

@media screen and (max-width:980px) {
	 .adp3-article img {
	  width:100%;
	 }
	 .adp3-article {
	  width:100%;
	  margin:10px auto;
	 }
	 .adp3-show-content-button {
	  display:block;
	 }
	 .adp3-box1 {
	  width:100%;
	  margin-left:-0.2%;
	  min-height:380px;
	 }
	 .adp3-box0 img {
	  display:none;
	 }
	 .adp3-box0 {
	  min-height:0;
	  margin-bottom:10px;
	  padding:10px;
	  background:#222;
	  border-radius:2px;
	 }
	 .adp3-box0 h1 {
	  padding:10px 0 0 10px;
	  color:#f90;
	  font-size:52px;
	  line-height:48px;
	  max-width:100%;
	 }
	 .adp3-box0 h3 {
	  padding:10px 0 0 10px;
	  color::#eee;
	  font-size:20px;
	  line-height:24px;
	  max-width:100%;
	 }
	 .adp3-article {
	  width:100%;
	  margin:10px auto;
	 }
	 .adp3-show-content-button {
	  display:block;
	 }
	 .container-header .navbar-brand img {
	  display:none;
	}
}

@media only screen and (max-width: 760px) {
	.adp3-article-bkg-title, .adp3-article-bkg, .adp3-box0 {
	 margin-left: 0rem;
	 margin-right: 0rem;
	}
}

@media screen and (max-width:471px) {
	 .adp3-box1 {
	  width:100%;
	  margin-left:-0.2%;
	  min-height:0;
	 }
	 .adp3-box1 p {
	  display:none;
	 }
	 .adp3-box1 h3 {
	  text-align: center;
	 }
	 .item-page {
	  font-size:75%;
	  line-height:1.2;
	 }
	 .big-title h1 {
	  font-size:30px;
	  line-height:1.2;
	 }
	 .big-title {
	  padding:40px;
	 }

}