/******************************************************************************************************************/
/**  Version 4.0 modification darkgyver 30/08/2022 FR passage du style index en mobile friendly                  **/  
/**                                     27/11/2010 CH mise en place pour test le 27 novembre 2010                **/
/************************************************** ************** ************************************************/


/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************             Couleur Forum Atadark et navbar                              *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/
.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;
}

.conteneur-gris {
	background-color: #EFEFEF;
	padding: 15px;
	border-radius: 7px;
	margin-bottom: 4px;
	margin-top: 4px;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************             Mise à gauche du titre du site et descritpion                *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/
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%;
}


@media (max-width: 700px) {
	/* réaffichage Logo */
	.logo {
		display: block;
		float: left;
		padding: 10px 13px 0 10px;
	}

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

	.site-description {
		float: left;
		width: auto;
		text-align: left;
	}

	.site-description h1, .site-description p {
		text-align: left;
		float: none;
		margin: 5px;
		line-height: 1.2em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.site-description p {
		display: block;
	}

	.conteneur-gris {
		background-color: #EFEFEF;
		border-radius: unset;
		margin-bottom  : 0;
		margin-top : 0;
		margin-left: -5px;
		margin-right: -5px;		
	}
	
}

@media (max-width: 500px) {
	.quick-links .dropdown-trigger span {
		display: inline-block;
	}
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************                            Les styles de base                            *******************/
/******************************************************************************************************************/
/*****************************************************************************************************************
html, body {
	background-color: #F5F7FA;
	margin:0;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}	
html {
	height: 101%;
}

.wrap {
	margin:12px;
	padding: 15px;
	border-radius:8px;
	background-color: #FFF;
	border-color: #E6E9ED;
	border: 1px solid transparent;
}

.conteneur {
	background-color: #EFEFEF;
	padding: 15px;
	border-radius: 7px;
	margin-bottom:4px;
}

.site_logo {
	float: left;
	background-image: url("./images/site_logo.gif");
	background-repeat: no-repeat;
	background-size: 495px 95px;
	width: 495px;
	height: 95px;
}

h1, h2 {
	margin: 0;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
}

h1 {
	font-size: 2em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
	color: #000000;
}

div.site-description h1, div.site-description p {
	margin:0;
	clear: left;
}
*/

/******************************************************************************************************************/
/*********************                            Menu                                          *******************/
/*****************************************************************************************************************
ul.nav-main{
	clear: both;
	content: '';
	display: block;
	padding: 2px 0;
	list-style-type: none;
	display: block;
	margin: 0;
}

li.quick-links{
	float: left;
	font-size: 1.1em;
	line-height: 2.2em;
	list-style-type: none;
	padding-top: 1px;
	width: auto;
	display: list-item;
}

.responsive-menu::before {
	display: none !important;
}
li.responsive-menu {
	position: relative;
	margin: 0 5px 0 0;
}



*/

/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************                           Présentation boutons                           *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/
ul.topiclist_button {
	display: block;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 0;
}

ul.topiclist_button li {
	display: inline-block;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.titre-menu {
	padding-left: 10px;
}


/*les boutons*/
.bouton-mecanique {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
	background-image: url(./images/bouton-mecanique.gif); 
}

a.bouton-hover:hover span {
	background-position: 0 -86px;
	background-repeat: no-repeat;
}

.bouton-electricite {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
	background-image: url(./images/bouton-electricite.gif);
}
.bouton-carrosserie {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
	background-image: url(./images/bouton-carrosserie.gif);
}
.bouton-comment {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
	background-image: url(./images/bouton-comment.gif); 
}
.bouton-bons-tuyaux {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
	background-image: url(./images/bouton-bons-tuyaux.gif); 
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************                           Présentation Commentaires                      *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/

.rouge{
	color: Red;
	font-weight: bold;
}
.vert{
	color: Green;
	font-weight: bold;
}

.bouton-forum-darkgyver {
	display: inline-block;
	width: 150px;
	height: 86px;
	border: 1px solid black;
	background-image: url(./images/bouton-forum-darkgyver.gif); 
}

.centre{
	width: 20%; 
	margin: auto;
}

.gras{
	font-weight: bold;
}

/* image BMW Fans */
.mpower {
	background-image: url(./images/lien_mpower.gif);
	background-repeat: no-repeat;
	display: inline-block;
	width   : 50px;
  	height  : 20px;
  	vertical-align: middle;
}

/* lien Techniconnexion*/
a.techniconnexion {
	background-image: url(./images/lien_techniconnexion.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 0px;
	padding-right: 60px;
	margin-left: 0px;
	margin-right: 0px;
}



/* etiquette fiche RP */
.RP {
	background: url(./images/logo_RP.gif) no-repeat left center;
    padding: 5px 10px 5px 30px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

/* etiquette fiche FT */
.FT {
	background: url(./images/logo_FT.gif) no-repeat left center;
    padding: 5px 10px 5px 30px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

/* etiquette fiche Entretien général */
.EG {
	background: url(./images/logo_EG.gif) no-repeat left center;
    padding: 5px 10px 5px 30px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}


/* etiquette fiche WEB*/
.WEB {
	background: url(./images/logo_WEB.gif) no-repeat left center;
    padding: 5px 10px 5px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}


/* etiquette fiche CCM */
.CCM {
	background: url(./images/logo_CCM.gif) no-repeat left center;
    padding: 5px 10px 5px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

/* etiquette fiche ETK */
.ETK {
	background: url(./images/logo_ETK.gif) no-repeat left center;
    padding: 5px 10px 5px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

/* etiquette fiche achat pièces détachées */
.Pieces {
	background: url(./images/logo_piece.gif) no-repeat left center;
    padding: 5px 10px 5px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

/* etiquette fiche concessions */
.Entretien {
	background:  url(./images/logo_deboulonneuse.gif) no-repeat left center;
    padding: 5px 10px 5px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}


/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************                           Présentation ADHESION et DON                   *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/
ul.remarques li {
	margin-left: 20px;
}

fieldset {
	margin: 15px 0;
	padding: 10px;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D7D7D7;
	background-color: #ecd5d8;
	position: relative;
	border-radius: 3px;
}