/* Style perso

   version 1.4 modification darkgyver FR 12/08/2022 modification topic icon
                                      FR 12/08/2022 logo Atadark et header
                                      FR 06/07/2022 icone bmwm dans la barre des menus
                                                    présentation des forums en boutons

*/

/*------------------------------------------------------------------------------------------- */
/*   Présentation des forums en boutons                                                       */
/*------------------------------------------------------------------------------------------- */
ul.topiclist.topiclist_button {
	display: block;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 120px;
}

ul.topiclist.topiclist_button li {
	display: inline-block;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
}

ul.topiclist.topiclist_button dt, ul.topiclist.topiclist_button dd {
	display: inline-block;
}

ul.topiclist.topiclist_button dt {
	margin-right: 0px;
}

li.row.row_button {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

a.forumtitlebouton {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;	
}

a.forumtitlebouton:hover {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------- */
/*   modification topic icon                                                       */
/*-------------------------------------------------------------------------------- */

dl.row-item dt {
	background-repeat: no-repeat;
	background-position: 2px 40%;		/* Position of topic icon */
	background-size: 50px;
}

/*------------------------------------------------------------------------------------------- */
/*   icone bmwm dans la barre des menus                                                       */
/*------------------------------------------------------------------------------------------- */
.icone-darkgyver-m		{ 
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 52px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url("./images/Icone-darkgyver-m.gif");
}

/*------------------------------------------------------------------------------------------- */
/*   image resolu dans viewforum                                                              */
/*------------------------------------------------------------------------------------------- */
.image-resolu-profil {
	background-image: url("./images/resolu-profil.gif");
	background-repeat: no-repeat;
	display: inline-block;
  	width   : 60px;
  	height  : 30px;
  	vertical-align: middle;
}

/*------------------------------------------------------------------------------------------- */
/*   Couleur Forum Atadark et navbar - écrans larges                                          */
/*------------------------------------------------------------------------------------------- */
.navbar {
	background-color: #EFEFEF;
}

ul.forums {
	background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

li.row:hover {
	background-color: #D3D3D3;
}

.headerbar {
	background-color: #EFEFEF;
	background-image: none;
}

.forabg {
	background-color: #1e5988;
	background-image: -webkit-linear-gradient(top, #23699f 0%, #1e5988 92px, #1e5988 100%);
	background-image: linear-gradient(to bottom, #23699f 0%,#1e5988 92px,#1e5988 100%);
	background-repeat: repeat-x;
}

.forumbg {
	background-color: #1e5988;
	background-image: -webkit-linear-gradient(top, #23699f 0%, #1e5988 92px, #1e5988 100%);
	background-image: linear-gradient(to bottom, #23699f 0%,#1e5988 92px,#1e5988 100%);
	background-repeat: repeat-x;
}

.site_logo {
	/* logo page d'accueil */
	background-image: url("./images/site_logo.gif");
	background-repeat: no-repeat;
	display: inline-block;
	background-size: 495px 95px;
	width: 495px;
	height: 95px;
	/* width="696" height="143" */
}

.site-description {
  width: 78%;
}

h1 {
 	/* taille du titre du forum */
  font-size: 1.7em;
}

h1, .headerbar {
 	/* couleur titre et descriptif du forum */
   color: #000000;
}

/*------------------------------------------------------------------------------------------ */
/*   Mise à gauche du titre du site et descritpion  si place insuffisante                                                            */
/*------------------------------------------------------------------------------------------- */
@media (max-width: 1080px) {
  a.logo {
    float: left;
  }
  div.site-description h1, div.site-description p {
    clear: left;
    padding-left: 10px;
  }
  .site-description {
    /* Adaptation largeur à l'ipad */
    width: 65%;
  }
}

/*------------------------------------------------------------------------------------------- */
/*   Changement de couleur header et description pour téléphone                               */
/*------------------------------------------------------------------------------------------- */
@media (max-width: 700px) {
  .headerbar {
    background-color: #1e5988;
    background-image: -webkit-linear-gradient(top, #23699f 0%, #1e5988 92px, #1e5988 100%);
    background-image: linear-gradient(to bottom, #23699f 0%,#1e5988 92px,#1e5988 100%);
    background-repeat: repeat-x;
  }

  h1, .headerbar {
    color: #FFFFFF;
  }    
}

/*----------------------------------------------- */
/*   Revue technique - style                      */
/*----------------------------------------------- */
.Fiche_CCM{
	list-style-image: url(./images/Fiche_CCM.gif);
}
.Fiche_EG{
	list-style-image: url(./images/Fiche_EG.gif);
}
.Fiche_ETK{
	list-style-image: url(./images/Fiche_ETK.gif);
}
.Fiche_FT{
	list-style-image: url(./images/Fiche_FT.gif);
}
.Fiche_RP{
	list-style-image: url(./images/Fiche_RP.gif);
}
/* etiquette fiche concessions */
.Fiche_Entretien{
	list-style-image: url(./images/RT_deboulonneuse.gif);
}

