/******************************************************************************************************************/
/************************** version 3.4  mise en place pour test le 27 novembre 2010 ******************************/
/************************************************** ************** ************************************************/


/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************                            Les styles de base                            *******************/
/******************************************************************************************************************/
/******************************************************************************************************************/

html {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	background-color: #e5e5e5;
	width: 100%;
	height: 100%;
	font-size: 80%;
	padding: 0;
	margin: 0;
	overflow: visible;
}

p {
	padding: 0;
	margin: 0;
}


h1 {
	font-weight: bolder;
	font-size: 150%;
	padding: 0;
	margin: 0;
	color: White;
}

h2 {
	color: #0060ff;
	font-weight: bolder;
	font-size: 150%;
	margin: 0;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 5px;
}

h3 {
	color: Green;
	font-weight: bolder;
	font-size: 120%;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: 0;
}
h4 {
	color: black;
	font-weight: bolder;
	font-size: 100%;
	font-style: italic;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0;
}
h5 {
	font-weight: bolder;
	font-size: small;
	padding: 0;
	margin: 0;
}
h6 {
	color: #0060ff;
	text-align: left;
	font-weight: bolder;
	padding: 0;
	margin: 0;
}
dl {
	padding: 0;
	margin: 0;
}
dd {
	padding: 0;
	margin: 0;
}
dt {
	color: #0060ff;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}
li{
	font-size: 100%;
	margin-left: 15px;
}
textarea, input {
	color: Blue;
	font-weight: bolder;
	font-size: 120%;
	background-color: #e5e5e5;
}




/**************************************** les classe utilisables partout ***********************************/
/***************** les classe spécifiques à une section (index ou autre) sont dans ces sections ***********/


.bleu{
	color: #0060ff;
	font-weight: bold;
}

.bouton-mail {
	background-image: url(../images/titre.jpg);
		background-position: 100%;
	font-family: Arial,Verdana,Helvetica;
	font-size: 100%;
	font-weight: bold;
	width: 140px;
} 
.bouton-rechercher {
	color: #0060ff; 
	border-style: solid;
	border: 1px;
}
/* etiquette fiche CCM */
.CCM{
	list-style-image: url(../images/CCM.gif);
}
.compteur{
	float: right;
	vertical-align: middle;
	height: 25px;
	width: 90px;
	margin-top: 40px;
	margin-right: 2px;
	padding-bottom: 10px;
	padding-right: 2px;
}
.compteur-texte{
	float: right;
	width: auto;
	text-align: right;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 2px;
	font-weight: bold;
	vertical-align: middle;
}
/* etiquette fiche Entretien général */
.EG{
	list-style-image: url(../images/EG.gif);
}
/* etiquette fiche concessions */
.Entretien{
	list-style-image: url(../images/deboulonneuse.gif);
}


/************  les encadrés pour recherche de panne *********/
.encadre_bleu, .encadre_noir, .encadre_rouge, .encadre_vert {
	height: auto;
	width: auto;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-width: 2px;
	font-weight: normal;
}
.encadre_bleu{
	border: 2px solid  #0060ff;
	margin: 15px 50px 15px 30px;
	/*border: */
}
.encadre_gris{
	margin-bottom: 10px;
	margin-top: 10px;
	width: auto;
	border: 1px ridge #c0c0c0;
	border-bottom: double #c0c0c0;
	border-left: double #c0c0c0;
	padding: 0px 15px 0px 15px;
}
.encadre_noir{
	margin: 15px 70px 15px 10px;
	border: 2px solid Black;
}
.encadre_rouge{
	margin: 15px 30px 15px 50px;
	border: 2px solid red;
}
.encadre_rouge h2{
	padding-top: 0px;
	margin-top: 0px;
}
.encadre_vert{
	margin: 15px 30px 15px 50px;
	border: 2px solid green;
}


/***************** Repris de l'ancienne version de style ne plus utiliser a l'avenir ****************/
.enc_bleu{
	background-color: transparent; 
	border: 2px ridge #0060ff;
	padding-left: 0px;
	margin-left: 20px;
	list-style-position: inside;
}

.enc_gris{
	background-color: transparent;
	border: 1px ridge #c0c0c0;
	border-bottom: double #c0c0c0;
	border-left: double #c0c0c0;
	text-indent: 15px;
	padding: 5px 15px 5px 15px;
	list-style-position: inside;
}
table.enc_gris{
	padding: 0px 0px 0px 0px;
}
table.enc_gris h2{
	margin-top: 0px;
	padding-top: 0px;
}
table.enc_gris h3{
	margin-top: 0px;
	padding-top: 0px;
}
.enc_noir{
	background-color: transparent;
	border: 2px solid Black;
	padding-left: 0px;
	margin-left: 5px;
	list-style-position: inside;
}
.enc_rouge{
	background-color: transparent;
	border: 2px solid Red;
	margin-left: 35px;
	list-style-position: inside;
}
.enc_vert{
	background-color: transparent;
	border: 2px solid Green;
	margin-left: 35px;
	list-style-position: inside;
}
/* etiquette fiche ETK */
.ETK{
	list-style-image: url(../images/ETK.gif);
}
/* utilisé pour les signatures*/
.force {
	font-size: 100%;
	padding-top: 12px;
	font-weight: bold;
	color: #0000CD;
	text-align: center;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 0px;
}
/* etiquette fiche FT */
.FT{
	list-style-image: url(../images/FT.gif);
}
.gris{
	color: GrayText;
}
/*image de darkgyver*/
.ico_chris{
	background-image: url(../images/ico-chris.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 780px;
	margin-bottom: 10px;
		margin-top: 5px;
		margin-left: auto;
	margin-right: auto;	
}
.li_attention {
	margin: 25px auto 25px 15px;
	list-style-image: url(../images/attention-P.jpg);
	font-weight: bold;
	list-style-position: outside;
	vertical-align: middle;
	padding-left: 20px;
}
.li_cause {
	margin: 25px auto 25px 15px;
	list-style-image: url(../images/cause-P.jpg);
	font-weight: bold;
	list-style-position: outside;
	vertical-align: middle;
	color: #0060ff;
	padding-left: 20px;
}
.li_danger{
	margin: 0px auto 0px 15px;
	list-style-image: url(../images/danger.jpg);
	font-weight: bold;
	list-style-position: outside;
	color: Red;
	vertical-align: middle;
	padding: 0px 10px 0px 80px;
}
.li_fini{
	margin: 25px auto 25px 10px;
	list-style-image: url(../images/lol1-P.jpg);
	list-style-position: outside;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 20px;
}
.li_idee{
	margin: 25px auto 25px 10px;
	list-style-image: url(../images/idee-P.jpg);
	list-style-position: outside;
	vertical-align: text-bottom;
	padding-left: 20px;
}
.li_symptome{
	margin: 25px auto 25px 20px;
	list-style-image: url(../images/cry1-p.jpg);
	list-style-position: outside;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 20px;
}
/*fin listes*/

/************** Tout ce qui est en rapport avec les logos ***************/

.logo_cause, .logo_duree, .logo_outillage, .logo_symptome {
	font-size: 100%;
	width: auto;
	margin: 15px 20px 15px 40px;
	color: Black;
	vertical-align: middle;
	font-weight: bold;
	background-position: center  left;
	background-repeat: no-repeat;
	text-align: left;
}
.logo_attention , .logo_environnement, .logo_idee   {
	width: auto;
	margin: 15px 20px 15px 40px;
	background-position: 10px;
	background-repeat: no-repeat;
	padding-left: 85px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
} 

.logo_attention h5{
	color: Red;
}
.logo_attention {
	height: auto;
	background-image: url(../images/attention.jpg);
	/*border-style: solid solid solid solid;*/
	border: solid Red;
	border-width: 2px 2px 2px 2px;
	font-weight: bold;
	min-height: 62px;
}

.logo_cause p {
	padding-left: 15px;
}
.logo_cause h5{
	color: Green;
}
.logo_cause {
	/*height: 48px;*/
	background-image: url(../images/cause.jpg);
	padding-left: 95px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-weight: bold;
	margin: 10px 30px 10px 35px;
	height: auto;
}
.logo_danger {
	height: auto;
	width: auto;
	margin: 15px 20px 15px 40px;
		/*margin: 0px 0px 0px 0px;*/
	background-position: 10px;
	background-repeat: no-repeat;
	background-image: url(../images/danger.jpg);
	padding-left: 120px;
	font-weight: bold;
	min-height: 62px;
}
.logo_danger p {
	color: red;
}
.logo_difficulte0, .logo_difficulte1, .logo_difficulte2, .logo_difficulte3, .logo_difficulte4, .logo_difficulte5 {
	width: 300px;
	height: 89px;
	margin: 10px 30px 10px 35px;
	padding-left: 110px;
	padding-top: 35px;
	color: Green;
	text-align: left;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center  left;
}
.logo_difficulte0 {
	background-image: url(../images/difficulte0a.gif);
}
.logo_difficulte1 {
	background-image: url(../images/difficulte1a.gif);
}
.logo_difficulte2 {
	background-image: url(../images/difficulte2a.gif);
}
.logo_difficulte3 {
	background-image: url(../images/difficulte3a.gif);
}
.logo_difficulte4 {
	background-image: url(../images/difficulte4a.gif);
}
.logo_difficulte5 {
	background-image: url(../images/difficulte5a.gif);
}

.logo_duree p {
	text-indent: 15px;
	font-weight: bold;
}
.logo_duree h5 {
	color: Green;
	font-weight: bold;
}
.logo_duree {
	height: 62px;
	background-image: url(../images/temps.jpg);
	padding-left: 75px;
	padding-top: 1px;
	padding-bottom: 25px;
}

.logo_environnement p {
	font-weight: bolder;
	text-indent: 15px;
}
.logo_environnement {
	height: 52px;
	background-image: url(../images/environnement.jpg);
	border-style: solid solid solid solid;
	border: Red;
	border-width: 2px;
}

.logo_idee p {
	font-size: 100%;
	padding-left: 15px;
}
.logo_idee {
	height: auto;
	width: auto;
	margin: 15px 20px 15px 20px;
	background-image: url(../images/idee.jpg);
	background-position: 10px;
	background-repeat: no-repeat;
	padding-left: 85px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	min-height: 52px;
}
.logo_merci p {
	font-size: 100%;
	padding-left: 15px;
}
.logo_merci {
	height: auto;
	width: auto;
	margin: 15px 20px 15px 20px;
	background-image: url(../images/merci.gif);
	background-position: 10px;
	background-repeat: no-repeat;
	padding-left: 85px;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: left;
	min-height: 52px;
}

.logo_modele p {
	padding-left: 15px;
	font-weight: bold;
}
.logo_modele h5 {
	font-weight: bold;
	color:  #0060ff;
}
.logo_modele {
	height: auto;
	width: 300px;
	margin: 15px auto 25px auto;
	background-image: url(../images/modele.jpg);
	background-position: center  left;
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 100%;
	min-height: 46px;
}

.logo_outillage p {
	padding-left: 15px;
}
.logo_outillage h5 {
	color: Green;
}
.logo_outillage {
	min-height: 62px;
	height: auto;
	width: 400px;
	margin: 15px auto 0px 20px;
	background-image: url(../images/deboulonneuse.jpg);
	background-position: center  left;
	background-repeat: no-repeat;
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 40px;
	text-align: left;
	font-weight: bold;
}
.logo_patience p {
	padding-left: 15px;
}
.logo_patience h5 {
	color: Green;
}
.logo_patience {
	min-height: 62px;
	height: auto;
	width: auto;
	margin: 15px auto 0px 20px;
	background-image: url(../images/patience.gif);
	background-position: center  left;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
	border: solid Green;
	border-width: 2px 2px 2px 2px;
}
/* etiquette fiche achat pièces détachées */
.Pieces{
	list-style-image: url(../images/piece.gif);
}
.logo_piece p {
	padding-left: 15px;
}
.logo_piece h5 {
	color: Green;
}
.logo_piece {
	min-height: 83px;
	height: auto;
	width: auto;
	margin: 15px auto 0px 20px;
	background-image: url(../images/piece-2.gif);
	background-position: center  left;
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 10px;
	padding-bottom: 40px;
	text-align: left;
	font-weight: bold;
}
.logo_symptome p {
	padding-left: 15px;
}
.logo_symptome h5 {
	color: Green;
}
.logo_symptome {
	min-height: 62px;
	height: auto;
	width: auto;
	/*width: 300px;*/
	margin: 15px auto 15px 40px;
	background-image: url(../images/cry1.jpg);
	background-position: center  left;
	background-repeat: no-repeat;
	padding-left: 85px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}
.noir{
	color: black;
}
.rouge{
	color: Red;
	font-weight: bold;
	font-size: 100%;
}
.rouge-G{
	color: Red;
	font-weight: bold;
	font-size: 150%;
}
/* etiquette fiche RP */
.RP{
	list-style-image: url(../images/RP.gif);
}
.vert{
	color: Green;
	font-weight: bold;
}
/* etiquette fiche WEB*/
.WEB{
	list-style-image: url(../images/WEB.gif);
}

/***********************************************************    navigation       *********************************/
a {
	color: #0060ff;
	font-size: 100%;    
	text-decoration: underline;
}
a:hover {
	color: Black;
}
a:link {
	color: #0060ff;
	text-align: left;
}
link{
	color: #0060ff;
	text-align: left;
	font-size: smaller;
}
/* lien BMW Fans */
a.mpower {
	background-image: url(../images/Navi_M_power.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: "Arial Black";
	padding-left: 60px;
}
/* lien Techniconnexion*/
a.techni {
	background-image: url(../images/techni.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-family: "Arial Black";
	padding-left: 0px;
	padding-right: 60px;
	margin-left: 0px;
	margin-right: 0px;
}
a.envoyer-ami {
	background-image: url(../images/enveloppe.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-family: "Arial Black";
	padding-left: 0px;
	padding-right: 30px;
	margin-left: 0px;
	margin-right: 0px;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/*************                                     mise en page de l'index                   **********************/
/******************************************************************************************************************/
/******************************************************************************************************************/

body.index {
	height: auto;
	overflow: visible;
	width: auto;
	padding-bottom: 10px;	
}

/************************************************************/
/************  le conteneur central blanc de l'index*********/
/************************************************************/
html.index {
	overflow: hidden;
}
#conteneur-index-bord {
	width: 90%;
	height: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: white; /*border-left-color: #0060ff;
	border-left-style: double;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-color: #0060ff;
	border-top-width: 1px;
	border-bottom-width: 0px;*/
	border: double;
	border-color: #0060ff #0060ff #0060ff #0060ff;
	/*background-image: url(../images/enetete2.gif);
	background-position: right top;
	background-repeat: no-repeat;*/
}
/*sert uniquement au centrage de l'ensemble*/
#conteneur-index {
	width: 800px;
	height: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/************************************************************/
/*****************  entete de l'index  **********************/
/************************************************************/

#entete-index {
	/*padding-left: auto;
	padding-right: auto;*/
	height: auto;
	text-align: center;
}
#entete-index h1 {
	font-weight: bold;
	font-size: 230%;
	color: black;
	padding: 0;
	margin: 0;
}
#entete-index p.gras {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
}




/************************************************************/
/***********  partie interface graphique  index *************/
/************************************************************/
/*Le bloc de centrage de la partie navigation*/
#bloc-navi {
	width: 790px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*les casiers à boutons*/
#bloc-navi div.case-navi1, #bloc-navi div.case-navi2, #bloc-navi div.case-navi3, #bloc-navi div.case-navi4,  #bloc-navi div.case-navi5{
	width: 152px;
	height: auto;
	padding-bottom: 0px;
	float: left;
	margin: 0px 2px 0px 2px;
}
/*Sert uniquement pour netscape, car sans cela pas de navigation graphique*/
 #bloc-navi div.case-navi6 {
	position: static;
	width: 1px;
}

/*les boutons*/
#bloc-navi a.bouton-mecanique, #bloc-navi  a.bouton-electricite, #bloc-navi  a.bouton-carrosserie, #bloc-navi  a.bouton-comment, #bloc-navi  a.bouton-bons-tuyaux {
	display: block;
	width: 150px;
	height: 86px;
	border: 1px solid #0060ff;
}
#bloc-navi a.bouton-mecanique {
	background-image: url(../images/meca.gif); 
}
#bloc-navi  a.bouton-electricite{
	background-image: url(../images/elec.gif);
}
#bloc-navi  a.bouton-carrosserie {
	background-image: url(../images/carrosserie.gif);
}
#bloc-navi  a.bouton-comment {
	background-image: url(../images/comment.gif); 
}
#bloc-navi  a.bouton-bons-tuyaux {
	background-image: url(../images/B_tuyaux.gif); 
}
#bloc-navi  a.bouton-mecanique:hover, #bloc-navi  a.bouton-electricite:hover, #bloc-navi  a.bouton-carrosserie:hover, #bloc-navi  a.bouton-comment:hover, #bloc-navi  a.bouton-bons-tuyaux:hover {
	border: 1px solid #0060ff;
	background-position: 0 -86px;
	background-repeat: no-repeat;
}
#bloc-navi  a.bouton-mecanique:hover {
	background-image: url(../images/meca.gif);
}
#bloc-navi  a.bouton-electricite:hover {
	background-image: url(../images/elec.gif);
}
#bloc-navi  a.bouton-carrosserie:hover {
	background-image: url(../images/carrosserie.gif);
}
#bloc-navi  a.bouton-comment:hover {
	background-image: url(../images/comment.gif);
}
#bloc-navi  a.bouton-bons-tuyaux:hover {
	background-image: url(../images/B_tuyaux.gif);
}

/*le texte autour des boutons*/
#bloc-navi h1 {
	font-size: 120%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #0060ff;
}
#bloc-navi h3 {
	font-weight: bold;
	font-size: 120%;
	color: Red;
	padding: 0;
	margin: 0;
}
#bloc-navi h2 {
	margin-left: 0px;
	text-align: center;
	margin-bottom: 15px;
	padding-left: 0px;
	font-style: italic;
	font-size: 110%;
	font-weight: bold;
	color: black;
}
#bloc-navi h6 {
	font-size: 70%;
	color: ThreedDarkShadow;
	font-style: oblique;
	padding: 0;
	margin: 0;
	text-align: center;
}
#bloc-navi p.indication {
	font-size: 100%;
	color: ThreedDarkShadow;
	font-style: oblique;
	padding: 0;
	margin: 0 0 20px 0;
}

/************************************************************/
/**************  partie texte de l'index ********************/
/************************************************************/

/*Conteneur du descriptif*/


#descriptif-index{
	position: relative;
	height: auto;
	width: 790px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 40px;
	/*background-image: url(../images/BMW-fond.jpg);*/
	background-image: url(../images/BMW-atadark-fond-index.gif);
	/*background-image: url(../images/atadark-fond.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
#descriptif-index div.liens-index{
	height: 100px;
	padding-top: 0px;
	margin-bottom: 0px;
}

/*mise en forme du descriptif*/
#descriptif-index p.centre-gras {
	margin: 00px 10px 0px 10px;
	text-indent: 15px;
}
#descriptif-index h1 {
	margin-left: 0px;
	text-align: center;
	margin-bottom: 15px;
	padding-left: 0px;
	font-style: italic;
	color: #0060ff;
	font-size: 110%;
	font-weight: bold;
}
#descriptif-index h2 {
	color: Black;
	font-size: 100%;
	margin: 5px 30px 0px 40px;
	padding: 0;
	font-weight: normal;
}
#descriptif-index h3 {
	font-size: 100%;
	color: Black;
	margin: 5px 20px 0px 30px;
	text-indent: 15px;
	font-weight: normal;
	padding-bottom: 0px;
	padding-top: 0px;
}
#descriptif-index h4 {
	margin: 20px 20px 0px 30px;
	text-align: center;
	font-style: normal;
	padding-bottom: 0px;
}

/********************** Fin de l'index***************************/


/******************************************************************************************************************/
/******************************************************************************************************************/
/*************                                     mise en page des fiches                  **********************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/**********************************************************************/
/* contient tout ce qui est mise en page de l'entete des fiches       */
/**********************************************************************/


/* conteneur entête des fiches techniques */
#entete {
	/* en pixel car positionnement entete fixe */
	top : 10px;
	position: absolute;
	width: 100%;
	background-image: url(../images/entetebmw-b.gif);
	background-position: right;
	background-repeat: no-repeat;
}
/* titre fiche technique */
#entete h1 {
	width: 70%;
	border: 1px solid #0060ff;
	background-color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin-left: auto;
	margin-right: 270px; /* en pixel car positionnement entete fixe */
	padding-bottom: 8px;
	padding-top: 8px;
}
/* sert au positionnement des liens idex et partie mail en haut de toutes les fiches */
#entete div.contenu-entete-gauche, #entete div.contenu-entete-droit {
float: left;
width: 45%;
	padding-bottom: 8px;
	padding-top: 8px;
		font-family: "Arial Black";
			/*font-size: 80%;*/
}
#entete div.contenu-entete-gauche {
float: left;
	padding-left: 0.8%; /* en pixel car positionnement entete fixe */
}
#entete div.contenu-entete-droit {
	float: right;
	text-align: right;
	padding-right: 1.2%;
	/*margin-right: 1%;*/
}

/***************** Fin de l'entete des pages fiches**********/


/************************************************************/
/************************************************************/
/* contient tout ce qui est mise en page du menu            */
/************************************************************/
/************************************************************/

/* conteneur menu */
#menu {
	position: absolute;
	left : 1%;
	/* en pixel car positionnement entete fixe */
	top : 85px;
	width: 30%;
	/* hauteur maxi avec entete fixe */
	height: 80%;
}
/* titre menu */
#menu h1 {
	background-image: url(../images/titre.jpg);
	background-position: 100%;
	text-align: center;
	border: 1px solid #0060ff;
	font-size: 100%;
	font-weight: bold;
	/*color: White;*/
	padding-bottom:1px;
	padding-top:1px;
}
/* contenu menu*/
#contenu-menu {
	height: 100%;
	background-color: #fff;
	overflow: auto;
	border: 1px solid #0060ff;
	padding-left: 6px;
	padding-top: 12px;
	background-image: url(../images/BMW-atadark-fond-menu.gif);
	background-position: center;
	background-repeat: no-repeat;
}
/* titre rubrique */
#menu h2 {
	color: black;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	padding-top: 12px;		
}
/* titre sous menu */
#menu h3 {
	color: Black;
	font-size: 100%;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 6px;
	font-style: normal;
}
/* titre rubrique */
#menu h4 {
	color: black;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	padding-top: 48px;
	font-family: "Arial Black";
}
#menu li{
	font-size: 80%;
	font-weight: bold;
	margin-left: 15px;
}

/************ Fin de la mise en page des menus  *************/



/************************************************************/
/************************************************************/
/* tout ce qui est mise en page des fiches de droite        */
/************************************************************/
/************************************************************/

/*****************************************************************/
/* 					 mise en page cadres de fiches  générale       */
/*****************************************************************/
/* conteneur fiche */
#fiche {
	position: absolute;
	left : 32%;
	/* en pixel car positionnement entete fixe */
	top : 85px;
	width: 67%;
	/* hauteur maxi avec entete fixe */
	height: 80%;
}

/* titre menu */
#fiche h1 {
	background-image: url(../images/titre.jpg);
	background-position: 100%;
	text-align: center;
	border: 1px solid #0060ff;
	font-size: 100%;
	font-weight: bold;
	/*color: White;*/
	padding-bottom:1px;
	padding-top:1px;
}
/* contenu fiche*/
#contenu-fiche {
	height: 100%;
	background-color: white;
	/*background-image: url(../images/BMW-fond.jpg);*/
	background-image: url(../images/atadark-fond.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	overflow: auto;
	border: 1px solid #0060ff;
	padding-left: 25px;
	padding-top: 12px;
	padding-right: 10px;
}
#contenu-fiche img{
	margin-bottom: 10px;
	margin-top: 10px;
}

/************************************************************/
/* 					 mise en page des fiches  générale       */
/************************************************************/

/*Utilisé pour la page initiale*/
#texte-center {
	text-align: center;
	padding-bottom:10px;
	padding-top:10px;
}


/************** Tout ce qui est en rapport avec les listes images ***************/
#contenu-fiche li{
	font-size: 100%;
	margin-left: 10px;
}
#contenu-fiche li.li_fiche{
	font-weight: normal;
}

#contenu-fiche p.li_test{
	margin: 0px 10px 0px 80px;
	padding: 0px 0px 0px 0px;
}

#contenu-fiche ul.li_test{
	margin: 0px 10px 0px 60px;
	padding: 0px 0px 0px 0px;
	list-style: square;
}
#contenu-fiche li.li_test{
	margin: 0px 10px 0px 60px;
	padding: 0px 0px 0px 0px;
}

#contenu-fiche li.EG,#contenu-fiche li.WEB,#contenu-fiche li.RP, #contenu-fiche li.FT, #contenu-fiche li.CCM, #contenu-fiche li.Pieces{
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	list-style-position: inside;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.titre_page{
	text-decoration: none;
	background-image: url(../images/titre.jpg);
	font-weight: bolder;
	text-align: center;
	width: 100%;
}
.fiche_lien{
	background-color: transparent;
	border: 1px ridge #c0c0c0;
	border-bottom: double #c0c0c0;
	border-left: double #c0c0c0;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.lien-inter{
	background-color: transparent;
	border: 1px ridge #c0c0c0;
	border-bottom: double #c0c0c0;
	border-left: double #c0c0c0;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 500px;
	margin: 15px 15px;
	margin-left: auto;
	margin-right: auto;
}
div.lien-inter h1 {
	text-decoration: none;
	background-image: url(../images/titre.jpg);
	font-weight: bolder;
	text-align: center;
	width: 100%;
}
div.lien-inter li {
	font-weight: bold;
	font-size: 100%;
	margin-left: 10px;
}

/***************** Tout ce qui est en rapport avec les sources du document ****************/

.cadre_source{
   display: block;
	width: auto;
	height: 120px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 20%;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}

.sous_cadre_type_source, .sous_cadre_nom_source {
	display: block;
	text-align: left;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.cadre_source h3{
	margin-left: 80px;
	margin-top: 80px;
	padding-bottom: 20px;
}
.sous_cadre_type_source {
	float: left;
	width: 220px;
}
.sous_cadre_nom_source{
	float: left;
	width: 260px;
	color: Red;
	padding-left: 10px;
}
.signature{
	clear: both;
	font-weight: bold;
	text-align: right;
	padding-top: 30px;
	margin-right: 10px;
	padding-bottom: 20px;
	font-size: 90%;
}
/*utilisé dans page initiale pour avertissement */
#attention {
	height: 47px;
	width: 50px;
	background-image: url(../images/attention.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px 0px 10px 0px;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/*************             contient tout ce qui est mise en page des bons tuyaux             **********************/
/******************************************************************************************************************/
/******************************************************************************************************************/


.centre{
	text-align: center;
}
.gras{
	font-weight: bold;
}
.centre-gras{
	font-weight: bold;
	text-align: center;
}
.region{
	color: red;
	font-weight: bold;
	font-size: 175%;
	font-style: italic;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	text-decoration: underline;
}
region p{
	color: red;
	font-weight: bold;
	font-size: 175%;
	text-align: center;
}
.souligne{
	text-decoration: underline;	
}
.vide2{
	color: Gray;
	text-align: center;
	font-size: 150%; /*margin-top: 20px;
	margin-bottom: 30px;*/
	/*margin-left: auto;
	margin-right: auto;*/
}
.sellier, .garage {
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
}
.sellier h5, .garage h5 {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
.sellier p, .garage p {
	text-align: center;
	font-size: 120%;
	font-weight: lighter;
}
/* cette ligne doit se trouver juste en dessous de .piece p, .sellier p, .garage p  sinon l'affichage ne se fait pas correctement*/
p.gras{
	font-weight: bold;
}
p.t-carte {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 35px;
}
.im-carte {
	margin-bottom: 25px;
	text-align: center;
}
.note0, .note1, .note2, .note3, .note4, .note5, .noteNC {
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 130px;
	padding-right: 96px;
}
.note1-legende, .note2-legende, .note3-legende, .note4-legende, .note5-legende {
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 0px;
	height: 20px;
	width: 150px;
	padding-right: 120px;
}
.note1 {
	background-image: url(../images/note1.gif);
}
.note2 {
	background-image: url(../images/note2.gif);
}
.note3 {
	background-image: url(../images/note3.gif);
}
.note4 {
	padding-right: 96px;
	background-image: url(../images/note4.gif);
}
.note5 {

	background-image: url(../images/note5.gif);
}
.noteNC {
	text-align: left;
}
.note0 p, .note1 p, .note2 p, .note3 p, .note4 p, .note5 p, .noteNC p {
	font-size: 80%;
	text-decoration: underline;
	color: Green;
	font-weight: bold;
}
.noteNC span{
	font-size: 120%;
	color: Black;
	margin-left: 20px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}