/*--------------------------------styles de base si JS est activé */


.file 								{margin-bottom: 20px;}

.js .input-file-container 			{position: relative; margin:0 auto;  width: 225px;}
.js .input-file-trigger 			{display: block;  padding: 14px 45px;  background: #081027;  color: #fff;  font-size: 1em;  transition: all .4s;  cursor: pointer;}
.js .input-file 					{position: absolute;  top: 0; left: 0;  width: 225px;  padding: 14px 0;  opacity: 0;  cursor: pointer;}
 
/* quelques styles d'interactions */
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus 		{background: #cf1084;  color: #FFF;}
 
/* styles du retour visuel */
.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}

/**______________________TEXTES ________*/

.thin                               {font-weight:700;}
.ital                               {font-style: italic;}
.expo                               {font-size:70%; vertical-align: super;}
.retraitGauche                      {margin-left:40px;}
.demi                               {width:50%;}
.troisQuart                         {width:75%;}

/**______________________MARGES ET PADDING ________*/

.margImg							{margin:10px;}
.margText           {margin:30px}

.margTop-10                         {margin-top:10px;}
.margTop-20                         {margin-top:20px;}
.margTop-30                         {margin-top:30px;}
.margTop-40                         {margin-top:40px;}
.margTop-50                         {margin-top:50px;}

.margBottom-10                      {margin-bottom:10px;}
.margBottom-20                      {margin-bottom:20px;}
.margBottom-30                      {margin-bottom:30px;}
.margBottom-40                      {margin-bottom:40px;}
.margBottom-50                      {margin-bottom:50px;}

.margLeft-10                        {margin-left:10px;}
.margLeft-20                        {margin-left:20px;}
.margLeft-30                        {margin-left:30px;}
.margLeft-40                        {margin-left:40px;}
.margLeft-50                        {margin-left:50px;}
.margLeft-100                       {margin-left:100px;}

.margRight-10                       {margin-right:10px;}
.margRight-20                       {margin-right:20px;}
.margRight-30                       {margin-right:30px;}
.margRight-40                       {margin-right:40px;}
.margRight-50                       {margin-right:50px;}
.margRight-100                      {margin-right:100px;}

.paddLeft-100                       {padding-left:100px;}
.paddLeft-50                        {padding-left:50px;}
.paddLeft-40                        {padding-left:40px;}
.paddLeft-30                        {padding-left:30px;}
.paddLeft-20                        {padding-left:20px;}
.paddLeft-10                        {padding-left:10px;}

.paddRight-100                      {padding-right:100px;}
.paddRight-50                       {padding-right:50px;}
.paddRight-40                       {padding-right:40px;}
.paddRight-30                       {padding-right:30px;}
.paddRight-20                       {padding-right:20px;}
.paddRight-10                       {padding-right:10px;}

.paddTop-100                        {padding-top:100px;}
.paddTop-50                         {padding-top:50px;}
.paddTop-40                         {padding-top:40px;}
.paddTop-30                         {padding-top:30px;}
.paddTop-20                         {padding-top:20px;}
.paddTop-10                         {padding-top:10px;}

.paddingCadre-50					{padding: 50px 50px;}
.paddingCadre-H100					{padding: 100px 50px 0px 50px;}
.paddingCadre-20					{padding: 20px 20px;}
.contourCadre						{border : 1px solid #eae9e7;}

  /**_______________style slider______________*/

#slideshow-container {
      max-width: 90%;
      position: relative;
      margin: auto;
    }

    .mySlides {
      display: none;
    }

    img {
      width: 100%;
      height: auto;
    }


.chateaubg {background: url('../../assets/img/bg-motif.jpg') no-repeat center right; background-size: cover; padding-bottom:30px; }