/* CSS Document */
/* E-188  : problème d'affichage des puces */
* {
margin:0px;
padding:0px;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}

label {
	color:#62557D;
	font-size:11px;
}

.bandeau {
	margin:0px;
	padding:0px;
}

/*ul {
	list-style-type:disc;
	list-style-position:inside;
}

.sous_menu ul {
	list-style-type:none;
	list-style-position:none;
}*/
#headerImpression{
	display:none;
}
.print{
	display:none;
}
a, td a {
    color:#07077a;
    text-decoration:none;
  /*  font-size:11px;*/
}
a:hover, td a:hover {
    text-decoration:underline;
}
img {
    border:0px solid #ffffff;
}
h2 {
   /*display:none;*/
}
h3 {
    font-size:11px; font-weight:bold; color:#000000;
}
select {
    font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#62557D;
}

div{
margin:0px 0px 0px 0px;
}

.fond {
background-image:url(../images/fondBody.gif);
background-repeat:repeat;
}

.backOffice {
}


/* ------------------------------------------------------------------------ */
/* ------------------------------ CONTENEURS ------------------------------ */
/* ------------------------------------------------------------------------ */

#conteneurSite {
    position:absolute;
    left:50%;
    margin:0px 0px 0px -482px;
    width:965px;
    height:auto;
    background-image:url(../images/fondBordure.gif); background-repeat:repeat-y;
}
#conteneurPI_C2 {
    font-size:12px;
}
#conteneurPI_C2 h1 {
    margin:10px 0px 10px 25px;
    font:bold 13.5pt Arial;
}
.conteneurPI_C2class {
    font-size:12px;
}
.conteneurPI_C2class h1 {
    margin:10px 0px 10px 25px;
    font:bold 13.5pt Arial;
}


#arborescence {
    margin:0px 0px 0px 26px;
    padding:1px 0px 0px 0px;
    font-size:10px; color:#62557d;
}
html[xmlns] #arborescence {
    padding:0px 0px 0px 0px;
}

#arborescence_3 {
    margin:0px 0px 0px 14px;
    padding:1px 0px 0px 0px;
    font-size:10px; color:#62557d;
}
html[xmlns] #arborescence_3 {
    padding:0px 0px 0px 0px;
}


#arborescence_2 {
    margin:73px 0px 0px 14px;
    font-size:10px; color:#62557d;
}
#arborescence a, #arborescence_2 a, #arborescence_3 a {
    font-size:10px; color:#000099;
}
.conteneur_intro {
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 10px 26px;
	color:#62557D;
}

p.introPro{
	font-size:12px;
	font-weight:bold;
	color:#62557d;
	padding:0px 0px 0px 26px;
	margin:0px 0px 10px 0px;
}

#conteneur_contact {
    height:50px !important; height /**/:86px;
    margin:30px 0px 0px 0px; padding:10px 60px 0px 0px;
    text-align:right;
    background-image:url(../images/fondContact.jpg); background-position:top right; background-repeat:no-repeat;
}
.conteneur_contact_add {
    width:520px;
}
#conteneur_imprim {
    clear: both;
    height:29px !important; height /**/:65px;
    margin:30px 0px 0px 0px; padding:36px 90px 0px 0px;
    text-align:right;
    background-image:url(../images/fondImprim.jpg); background-position:top right; background-repeat:no-repeat;
}
#conteneur_contact h2, #conteneur_imprim h2 {
    display:block;
    margin:0px; padding:0px;
    font-size:11px;
}
#conteneur_contact a, #conteneur_imprim a {
    font-weight:bold;
    font-size:11px;
}





/* --------------------------------------------------------------------- */
/* ------------------------------ ONGLETS ------------------------------ */
/* --------------------------------------------------------------------- */

#conteneur_onglets {
    clear:both;
    width:630px; /*height:24px;*/ float:left;
	margin:0px 0px 0px 5px;
    background-image:url(../images/fondOnglets.gif); background-repeat:repeat-x; background-position:bottom left;
}
html[xmlns] #conteneur_onglets {
    margin:0px 0px 0px 10px;
}

#conteneur_onglets a:hover {
    text-decoration:underline;
}
.ongletGOn {
    float:left;
    width:13px; /*height:24px;*/
    padding:5px 0px 5px 0px;
    background-image:url(../images/ongletGOn.gif); background-repeat:no-repeat;
}
.ongletMOn {
    float:left;
    padding:5px 0px 5px 0px;
    font-weight:bold; color:#84acd6;
    text-align:center;
    background-image:url(../images/ongletCOn.gif); background-repeat:repeat-x;
}
.ongletDOn {
    float:left;
    width:13px; /*height:24px;*/
    margin:0px 2px 0px 0px; padding:5px 0px 5px 0px;
    background-image:url(../images/ongletDOn.gif); background-repeat:no-repeat; background-position:top right;
}
.ongletGOff {
    float:left;
    width:13px; /*height:24px;*/
    padding:5px 0px 5px 0px;
    background-image:url(../images/ongletGOff.gif); background-repeat:no-repeat;
}
.ongletMOff {
    float:left;
    padding:5px 0px 5px 0px;
    font-weight:bold; color:#07077a;
    text-align:center;
    background-image:url(../images/ongletCOff.gif); background-repeat:repeat-x;
}
.ongletDOff {
    float:left;
    width:13px; /*height:24px;*/
    margin:0px 2px 0px 0px; padding:5px 0px 5px 0px;
    background-image:url(../images/ongletDOff.gif); background-repeat:no-repeat; background-position:top right;
}
#conteneur_onglets_txt {
    clear:both;
    width:608px !important; width /**/:628px;
    margin:0px 0px 0px 10px; padding:37px 10px 10px 10px;
    border-right:1px solid #d7d4d6; border-bottom:1px solid #d7d4d6; border-left:1px solid #d7d4d6;
}


#conteneur_onglets_txt h2 {
    height:30px;
    margin:0px 0px 14px 0px;
    font-size:11px; font-weight:bold;
    text-transform:uppercase;
    border-bottom:1px solid #a8b2c9;
}
html[xmlns] #conteneur_onglets_txt h2 {
    height:auto;
    min-height:30px;
}



#conteneur_txt {
    clear:both;
    width:608px !important; width /**/:628px;
    margin:0px 0px 0px 10px; padding:37px 10px 10px 10px;
    /*border-right:1px solid #d7d4d6; border-bottom:1px solid #d7d4d6; border-left:1px solid #d7d4d6;*/
	padding:0px 0px 0px 14px;
	color:#62557d;
	border: 0px solid #000000;
}
#conteneur_txt h2 {
    height:30px;
    margin:0px 0px 14px 0px;
    font-size:11px; font-weight:bold; color:#FF0000;
    text-transform:uppercase;
    border-bottom:1px solid #a8b2c9;
}
html[xmlns] #conteneur_txt h2 {
    height:auto;
    min-height:30px;
}


#conteneur_onglets_2 {
	width:628px;
	margin:15px 0px 0px 24px;
	font-size:12px;	font-weight:bold; color:#84acd6;
	text-align:left;	
}

#conteneur_onglets_2 table {
	background-color:#FFFFFF;
	background-image:url(../images/fondOnglets_2.gif); background-repeat:repeat-x; background-position:bottom left;
	border:1px solid #d7d4d6;
}

#conteneur_onglets_2_bis {
	width:911px;
	margin:15px 0px 0px 24px;
	font-size:12px;	font-weight:bold; color:#84acd6;
	text-align:left;
	align:left;
}
#conteneur_onglets_2_bis table {
	background-color:#FFFFFF;
	background-image:url(../images/fondOnglets_2.gif); background-repeat:repeat-x; background-position:bottom left;
	border:1px solid #d7d4d6;
	text-align:center;
}
#conteneur_onglets_2 td, #conteneur_onglets_2_bis td {
	padding:7px 30px 10px 30px;
	font-size:12px;	font-weight:bold; color:#84acd6;
	text-align:center;	
	vertical-align:top;
}
#conteneur_onglets_2 td.onglet2Bordure, #conteneur_onglets_2_bis td.onglet2Bordure {
	width:1px;
	padding:0px;
	font-size:1px;
	background-color:#999999;
}
.onglet2On {
	background-image:url(../images/fondOnglets_2On.gif); background-position:bottom left; background-repeat:repeat-x;
}

/* --------------------------------------------------------------------- */
/* ------------------------------ BOUTONS ------------------------------ */
/* --------------------------------------------------------------------- */
/**/

.tabCollectionCoinHG{
    position:relative;
    margin:0px;
    padding:0px;
    width:7px;
    height:7px;
    background-image:url(../images/tabCollectionCoinHG.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinHC{
    position:relative;
    width:auto;
    height:7px;
    background-image:url(../images/tabCollectionCoinHC.gif);
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinHD{
    position:relative;
    height:7px;
    width:8px;
    background-image:url(../images/tabCollectionCoinHD.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinCG{
    position:relative;
    width:7px;
    height:auto;
    background-image:url(../images/tabCollectionCoinCG.gif);
    background-repeat:repeat-y;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinCC{
    padding:3px;
    font-weight:bold; font-size:11px;
}
.tabCollectionCoinCD{
    position:relative;
    width:8px;
    height:auto;
    background-image:url(../images/tabCollectionCoinCD.gif);
    background-repeat:repeat-y;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinBG{
    position:relative;
    margin:0px;
    padding:0px;
    width:7px;
    height:7px;
    background-image:url(../images/tabCollectionCoinBG.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinBC{
    position:relative;
    width:auto;
    height:7px;
    background-image:url(../images/tabCollectionCoinBC.gif);
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
}
.tabCollectionCoinBD{
    position:relative;
    height:7px;
    width:8px;
    background-image:url(../images/tabCollectionCoinBD.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
/**/
.collection_bt_G {
    width:10px; height:29px; float:left;
    background-image:url(../images/btCollectionG.jpg); background-repeat:no-repeat;
}
.collection_bt_C {
    padding:7px 0px 8px 0px; float:left;
    font-weight:bold; font-size:11px;
    background-image:url(../images/btCollectionC.jpg); background-repeat:repeat-x;
}
.collection_bt_D {
    width:10px; height:29px; float:left;
    background-image:url(../images/btCollectionD.jpg); background-repeat:no-repeat;
}


.lienFleche {
    background-image:url(../images/flecheBleue.gif);
    background-repeat:no-repeat;
    background-position:1px 5px;
    padding-left:10px;
}

.lienFlecheActif {
    background-image:url(../images/flecheBleueClair.gif);
    background-repeat:no-repeat;
    background-position:1px 5px;
    padding-left:10px;
    color:#84ACD6;
   
}

.lienFlecheActif a {
    color:#84ACD6;
    
}

.lienFlecheActif2 {
    background-image:url(../images/flecheviolette.gif);
    background-repeat:no-repeat;
    background-position:1px 5px;
    padding-left:10px;
    color:#62557D;
    
}

.lienFlecheActif2 a {
    color:#62557D;
    /*font-weight:bold;*/
}


/* -------------------------------------------------------------------- */
/* ------------------------------ DIVERS ------------------------------ */
/* -------------------------------------------------------------------- */

.borderBottom {
    border-bottom:1px solid #a8b2c9;
}
.txt1px {
    font-size:1px;
}
.txt9px {
    font-size:9px;
}
.gras {
    font-weight:bold;
}
.clearBoth{
    clear:both;
}
.txtMaj {
    text-transform:uppercase;
}
.txtPar {
    padding:0px 0px 10px 5px;
}
.txtGris {
    color:#434343;
}
#flecheHautPage {
    clear: both;
    text-align: right;
    padding: 0px 320px 0px 0px;
    border: 0px solid #000000;
}
#flecheHautPage2 {
    clear: both;
    text-align: right;
    padding: 0px 230px 0px 0px;
    border: 0px solid #000000;
}
#flecheHautPage3 {
    clear: both;
    text-align: right;
    padding: 0px 40px 0px 0px;
    border: 0px solid #000000;
}
#flecheHautPageCG {
    clear: both;
    text-align: right;
    padding: 0px 20px 0px 0px;
    border: 0px solid #000000;
}

.enteteComparateur {
	 background-image:url(../images/puce_01_noir.gif);
	 background-position:2px 5px;
	 background-repeat:no-repeat;
}






/* -------------------------------------------------------------------- */
/* ------------------------------ HEADER ------------------------------ */
/* -------------------------------------------------------------------- */

#headerPage {
    position:relative;
    height:109px;
    width:965px;
    background-image:url(../images/fondHeader.jpg);
    background-repeat:no-repeat;
    z-index: 10;
}

/* transverses */
#navHaut {
    position:relative;
    height:21px;
    /*margin:0px 0px 0px 625px;*/
}
#navHaut a {
    font-weight:bold;
    font-size:10px;
    color:#f4eb1d;
    text-decoration:none;
    float:left;
    margin:5px 0px 0px 0px;
}
#navHaut a:hover {
    text-decoration:underline;
}
.navTransverse {
    position:absolute; top:0px; right:10px;
}
.separateurBlancMenu {
    display:inline;
    float:left;
    font-size:0px;
    height:16px;
    width:1px;
    border-right:1px solid #ffffff;
    margin:0px 7px 0px 7px;
}
#id_form_recherche {
    display:inline;
    position:relative;
    margin:0px 0px 0px 9px;
    padding:0px 0px 0px 0px;
}
.rechercheNavHaut {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    width:100px;
    height:15px;
    border:0px;
    background-color:#c5c9d6;
    color:#62557d;
    padding:1px 0px 0px 9px;
    margin:3px 0px 0px 0px;
    overflow:hidden;
}
.submitNavHaut {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0px;
    font-weight:bold;
    border:0px;
    color:#000099;
    padding:0px;
    margin:-2px 0px 0px 2px;
    vertical-align:middle;
}
html[xmlns] .submitNavHaut {
    margin:0px 0px 0px 2px;
}

.submitNavHaut2 {
    height:15px;
    border:0px;
    color:#000099;
    padding:0px;
    margin:5px 0px 0px 4px;
    margin/**/:5px 0px 0px 4px;
    vertical-align:middle;
}

/* logo + baseline */
#logoMichelin {
    float:left;
    width:183px !important; width /**/:220px;
    height:58px !important; height /**/:60px;
    padding:0px 0px 0px 37px;
}
html[xmlns] #logoMichelin {
    padding:2px 0px 0px 37px;
}
#baselineMsg {
    float:left;
    width:707px !important; width /**/:745px;
    height:34px !important; height /**/:60px;
    padding:26px 0px 0px 38px;
    font-size:11px; font-weight:normal;    
}

#baselineMsg td {
    font-size:11px; font-weight:normal;
}

html[xmlns] #baselineMsg {
    height:32px;
    padding:28px 0px 0px 38px;   
}

/* menu */
#conteneur_menu {
    clear:both; float:left;
    width:708px !important; width /**/:963px;
    margin:-7px 0px 0px 0px;
    padding:0px 0px 0px 255px;
}
html[xmlns] #conteneur_menu {
    margin:-5px 0px 0px 0px;
}
.menu {
    position:relative; float:left;
    padding:0px 10px 0px 10px;
    font-size:12px; font-weight:bold;
    text-transform:uppercase; vertical-align:bottom;
    text-align:center;
    border:0px solid #ff0000;
}
.menu td {
    color:#ffff00;
    font-size:12px; font-weight:bold;
    text-align:center;
    text-transform:uppercase;
      color:#ffff00;
}
.menuOn {
    position:relative; float:left;
    padding:0px 10px 0px 10px;
    font-size:12px; font-weight:bold;
    text-transform:uppercase; vertical-align:bottom;
    text-align:center;
    background-image:url(../images/fondMenu.gif); background-repeat:no-repeat;
    border:0px solid #ff0000;
}
.menuOn td {
    color:#000000;
    font-size:12px; font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}
.menu td a {
    color:#ffff00;
    font-size:12px; font-weight:bold;text-transform:uppercase;
	text-align:center;
    text-decoration:none;
}
.menuOn td a {
    color:#000000;
    font-size:12px; font-weight:bold;text-transform:uppercase;
    text-align:center;
    text-decoration:none;
}
.menu td a:hover, .menuOn td a:hover {
    color:#000000;
    font-size:12px; font-weight:bold;text-transform:uppercase;
    text-align:center;
    text-decoration:none;
}
.menuFin {
    position:relative; float:left;
    font-size:2px;
    vertical-align:baseline;
    vertical-align:bottom;
}
.bordureMenu {
    background-image:url(../images/bordureMenu.gif); background-position:left top; background-repeat:no-repeat;
}

/* sous menu */
.sous_menu {
    position:absolute; top:30px; left:1px;
    padding:3px 0px 4px 0px;
    background-color:#ebedee;
    width:200px;
    display:none;
}
.sous_menu_fin {
    position:absolute; top:30px; left:1px;
    padding:3px 0px 4px 0px;
    background-color:#ebedee;
    width:200px;
    display:none;
}
.sous_menuHidden {
    position:absolute; top:30px; left:1px;
    padding:3px 0px 4px 0px;
    background-color:#ebedee;
    width:200px;
    display:none;
}
.sous_menuAffiche {
    position:absolute; top:30px; left:1px;
    padding:3px 0px 4px 0px;
    text-align:left;
    background-color:#ebedee;
    width:200px;
    display:block;
}
.sous_menu_finAffiche {
    position:absolute; top:30px; right:1px;
    padding:3px 0px 4px 0px;
    text-align:left;
    background-color:#ebedee;
    width:200px;
    display:block;
}
.sous_menu_ligne {
    padding:2px 9px 0px 21px;
	text-transform:none;
    background-color:#ebedee;
    background-image:url(../images/flecheBleue.gif); background-position:9px 7px; background-repeat:no-repeat;
    border-bottom:1px solid #d0cfd7;
}
.sous_menu_ligne_fin {
    padding:2px 9px 0px 21px;
    text-transform:none;
    background-color:#ebedee;
    background-image:url(../images/flecheBleue.gif); background-position:9px 7px; background-repeat:no-repeat;
}
.sous_menuAffiche li {
    list-style:none;
    font-size:12px; /* E-188 */
}
html[xmlns] .sous_menu li {
    list-style:none;
    font-size:12px; /* E-188 */
}
html[xmlns] .sous_menu_fin li {
    list-style:none;
    font-size:12px; /* E-188 */
}
.sous_menu a {
    color:#07077a;
    text-align:center;
}
.sous_menu a:hover {
    color:#07077a;
    text-decoration:underline;
}
html[xmlns] .sous_menu_finAffiche li{
    list-style:none;
    font-size:12px; /* E-188 */
}





/* -------------------------------------------------------------------- */
/* ------------------------------ FOOTER ------------------------------ */
/* -------------------------------------------------------------------- */

#footerPage {
	clear:both;
	width:965px;
	padding:24px 0px 0px 0px;
	font-size:10px; color:#434343;
	text-align:center;
	/*background-image:url(../images/fondFooter.gif); background-repeat:no-repeat;*/
	border: 0px solid #000000;
}

#footerHaut {
	width:965px; height:18px;
	font-size:1px;
	background-image:url(../images/fondFooterH.gif); background-repeat:no-repeat;
}

#footerConteneur {
	width:905px !important; width /**/:965px;
	padding:5px 30px 5px 30px;
	background-image:url(../images/fondFooterC.gif); background-repeat:repeat-y;
}

#footerBas {
	height: 8px;
	margin:0px 0px -5px 0px;
	background-image:url(../images/fondFooterB.gif); background-repeat:no-repeat;
}

/*IMPRESSION*/
.lienImpressionTopPage{
	position:relative;
	float:right; 
	font-size:11px;
	border:0px solid #ff0000;
	margin:5px 20px 0px 0px;
}	

html[xmlns] .lienImpressionTopPage {
	position:relative;
	float:right; 
	font-size:11px;
	border:0px solid #ff0000;
	margin:5px 38px 0px 2px;
}

/*2ème style pour gérer les pages de style mi_gamme_ete.html
		-> sans image sous le bandeau
*/
.lienImpressionTopPage2{
	position:relative;
	float:right; 
	font-size:11px;
	border:0px solid #ff0000;
	margin:55px 20px 0px 0px;
	z-index:50;
}	

html[xmlns] .lienImpressionTopPage2 {
	position:relative;
	float:right; 
	font-size:11px;
	border:0px solid #ff0000;
	margin:5px 38px 0px 2px;
}
/*3ème style pour gérer les pages de style cg_guide_rouge_produit.html
		-> sans image sous le bandeau
*/
.lienImpressionTopPageCgGuide{
	position:absolute;
	font-size:11px;
	border:0px solid #ff0000;
	/*top:57px;*/
	right:-250px;
}	

/*4ème style pour gérer les pages de style cg_carte_espagne.html
		-> sans image sous le bandeau
*/
.lienImpressionTopPageCgGuide2{
	position:absolute;
	font-size:11px;
	border:0px solid #ff0000;
	top:6px;
	right:37px;
}	

/*AJOUTER*/
.espacement {
	margin:10px 0px 0px 0px;
}

.texteNoir {
	color:#000000;
	font-size : 11px;
}

.titreRouge {
	font-weight:bold;
	font-size : 11px;
	text-align:center;
	color:red;
	
}

/*AJOUT pour la fiche produits*/
#conteneur_sous_onglets {
    width:608px !important; width /**/:628px;
    margin:0px 0px 0px 10px;
}

/*AJOUT Checkbox */
.texteCB{
	padding-top:5px
}

html[xmlns] .texteCB{
	padding-top:0px
}

table.tab_recommendation{
	border:0px solid red;
}
table.tab_recommendation th{
	padding-left:20px;
	height:22px;
}
table.tab_recommendation td{
	height:34px !important; height /**/:39px;
	padding-left:20px;
	vertical-align:top;
	padding-top:5px;
}
table.tab_recommendation tr{
	padding-left:20px;
	background-image:none;
	border-bottom:1px solid #f5f5f9;
}
table.tab_recommendation tr.violet{
	height:38px;
	padding-left:20px;
	background-image:url(../images/moto/motoVelo_fondCelluleViolet.gif);
}
table.tab_recommendation td.bordureTab{
	border-right:1px dotted #b6b6ba;
}
table.tab_recommendation td.colspan{
	text-align:center;
	padding:0px;
	vertical-align:middle;
}