/** styles de base **/ 
/** utilisés par le site & l'editeur ! **/ 
body,td,th,p,div{
        font-family: Arial, sans-serif;
  		font-size: 12px;
		color: #000000;
}

div.spacer{

	clear: both;
    margin:0px;
    padding:0px;

}

a {
    color: #ff339b;
    text-decoration: none;
}
a:hover {
    color: #E0969D;
    text-decoration: none;
}

h1 { /* titre de la page */
  padding:0px;
  margin:0px;
  font-size:24px;
  
  color:#ff339b;
  font-weight:600;
  font-family: 'Lato', sans-serif;
}
h2 {
      color:#ff339b;
      text-align:left;      
      border-bottom:1px solid #ff339b;
      font-weight:600;
      font-family: 'Lato', sans-serif;
      font-size:20px;            
      margin:5px 0 10px 0;
}
h3 {
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    font-size:16px;
    color:#444;
}


textarea {
    overflow: auto;
}

/*
  styles pour les tableaux
  dispo dans tinymce > Format et plugin tinymce > Table notamment
*/

/* grille : bords sur toutes les cases */
table.table_grille {

}
 table.table_grille td {
  border:1px solid #999;
 }

/* listing : bords bas */ 
table.table_listing {
  
}
 table.table_listing td {
  border-bottom:1px solid #999;
 }
 
 
/* liens */
a.lien_telecharger, div.lien_telecharger {

    width:60px;
    margin-top:5px;
    background-color: #83cde0;
    color:#fff;
    padding:4px;
    padding-left:24px;
    padding-right:6px;

    text-decoration: none;
    
    background-image:url('../../upload/puces/fleche_bas.png');
    background-repeat:no-repeat;
    background-position:2px 1px;
    
    border-bottom:2px solid #118fb5;
}
a.lien_telecharger:hover, div.lien_telecharger:hover {
    color:#000;
    background-color: #cfe9f0;
    text-decoration: none;
    background-image:url('../../upload/puces/fleche_bas_on.png');
}

a.lien_feuilleter, div.lien_feuilleter {

    width:60px;    
    margin-top:5px;
    background-color: #83cde0;
    color:#fff;
    padding:4px;
    padding-left:24px;
    padding-right:6px;

    text-decoration: none;
    
    background-image:url('../../upload/puces/feuilleter.png');
    background-repeat:no-repeat;
    background-position:2px 1px;
    
    border-bottom:2px solid #118fb5;
}

a.lien_feuilleter:hover, div.lien_feuilleter:hover {
    color:#000;
    background-color: #cfe9f0;
    text-decoration: none;
    background-image:url('../../upload/puces/feuilleter_on.png');
} 
 
/*
STYLES UTILISES PAR EDITEUR
NE PAS SUPPRIMER !!
*/

/** divs plugins **/
div.divplugin {
	font-size: 13px;
	line-height: 16px;
	height: 16px;
	display:block;
	color:#000;
	text-decoration: none;
	font-weight: bold;
	border: 1px dotted #a7a7a7;
	background-color: transparent;
	background: url(../web/images/spacer.gif);
}

.backtop {
        float:left;
        width:100%;
        text-align:right;
}

/* image */
.img_right {
  float:right;
  height:auto;
  max-width:100%;
  margin:10px 0 10px 10px;
}
.img_left {
  float:left;
  height:auto;
  max-width:100%;
  margin:10px 10px 10px 0;
}

table.table_2_cols_illustration {
    width:100%;
}

.table_2_cols_illustration img {
    max-width:100%;
}

td.col_illustration {
    width:40%;
    padding-left:20px;
}

@media (max-width: 800px) {
    table.table_2_cols_illustration {
        display:flex!important;
        flex-direction:column;
        gap:20px;
    }
    .table_2_cols_illustration td, .table_2_cols_illustration tr {
        display:block;
    }
    td.col_illustration {
        width:100%;
        padding-left:0px;
    }    
    
}