/** styles de base **/ 
/** utilisés par le site & l'editeur ! **/ 
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

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

.spacer {
  clear:both;
}

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

h1 { /* titre de la page */
  padding:0px;
  margin:0px;
  font-size:24px;
  font-weight:700;
  color:#000;
  display: inline-block;
}

h2 {
      font-weight:400;
      text-align:left;
      font-size:18px;
      border-bottom:0px;        
      margin:10px 0 10px 0;
	  padding:0px 0px 0px 25px;
    
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_h2_orange.png);/* defaut orange*/    
}

h3 {
    margin:0px;
    padding:0px;
}


textarea {
    overflow: auto;
}


/*
styles photos  pour alignement (utilisés par éditeur)
*/
.align_right {
  margin: 0 0 10px 10px;
  float:right;
}
.align_left {
  margin: 10px 10px 0 0;
  float:left;
}

/*
  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;
}