/*
	Mise en page du site 
*/

/*	Mise en page des balises */

body {
    text-align : center;
    background-color : #000000;
    color:#ffffff;
    margin:0;
    padding:0;
  }


* {
    font-size : 12px;
    font-family : Arial;
  }


h1 {
    font-size : 14px;
  }


h2 {
    font-size:13px;
  }


a {
    color:#ffffff;
  }


a img {
    border :0;
  }


table {
    background-color:#ffffff;
    color:#000000;
    border:1px solid #F8F70F;
    border-collapse:collapse;
    width:100%;
    margin:0 auto 0 auto;
  }


th {
    background-color:#F8F70F;
    font-weight:normal;
  }


th,td {
    text-align:center;
    border:1px solid #F8F70F;
    height:25px;
  }


table.horizontal th {
    text-align:right;
  }


table.horizontal td {
    text-align:left;
  }


table a {
    color:#000000;
  }


.prix {
    white-space:nowrap;
  }


.separateurVertical {
    float:left;
    width:1px;
    font-size:1px;
    height:200px;
    border-right:1px solid #F8F70F;
  }


.separateur {
    clear:both;
  }

/* Images */

span.image {
    display:block;
  }


.gauche {
    float:left;
    margin-right:20px;
  }


.droite {
    float:right;
    margin-left:20px;
  }


.centre {
    width:100%;
  }


.tnt_logo {
    vertical-align:middle;
    margin:0 5px;
  }

/*	Mise en forme du conteneur de la page */

#page {
    width : 1000px;
    margin: 0 auto 0 auto;
    background:url(/images/fond-page.jpg) repeat-y 220px 0;
  }

/*	Mise en page du haut de page */

#haut {
    text-align:left;
    width : 100%;
    height:80px;
    background:url(/images/interieur-internetmoto_02.gif) repeat-x;
  }


#haut a {
    text-decoration : none;
}

#haut a:hover {
    text-decoration : underline;
}

#haut #lienCaddie {
    float:right;
    text-align:center;
    line-height:18px;
    margin-top: 7px;
    
  }
#haut #lienCaddie a{
	color: yellow;
	margin:0 10px 5px 5px;
	line-height:18px;
	vertical-align:middle;
}
#haut #lienCaddie img{
	vertical-align:bottom;
}

/*	Mise en page du menu*/

.menu {
    float:left;
    width:100%;
    height:30px;
    background-color : #F8F70F;
    list-style-type:none;
    padding:0;
    margin:0;
    color:#000000;
  }

/*	Items du menu niveau 1 */

.menu li {
    background:url(/images/separateur.gif) no-repeat 8px 0;
    float:left;
    white-space:nowrap;
    font-weight:bold;
  }


.menu li a {
    color:#000000;
    display:block;
    text-decoration:none;
    padding:5px 20px 5px 20px;
  }


.menu li a:hover {
    text-decoration:underline;
    color:#F88011;
  }


.menu li a#selectionne {
    font-weight:bold;
  }

/*	Items du menu niveau 2 */

.menu ul {
    margin-left:-42px;
    position:absolute;
    width:193px;
    visibility:hidden;
    list-style-type:none;
  }


.menu ul li {
    width:100%;
    border-bottom:1px solid #aaaa06;
    border-left:1px solid #aaaa06;
    border-right:1px solid #aaaa06;
  }


.menu ul li a {
    display:block;
    background-color : #F8F70F;
    padding:2px 10px 1px 10px;
    height:20px;
    font-weight :bold;
  }


.menu ul li a:hover {
    color:#F88011;
    text-decoration:underline;
  }

/*	Items du menu niveau 3 */

.menu ul ul {
    margin:-24px 0px 0px 148px;
    border-top:1px solid #aaaa06;
  }

/* 	Actualités */

#actualites {
    width:219px;
    min-height:500px;
    float:left;
  }


#actualites h1 {
    background-color:#F8F70F;
    color:#000;
    margin:5px;
    padding:5px;
  }


#actualites .actualite {
    text-align:left;
    width:200px;
    margin:0 auto 0 auto;
  }

/*	Mise en page du milieu de page */

#milieu {
    float:left;
    text-align:center;
    width:760px;
    padding:0 10px 10px 10px;
    background:url(/images/fond-site.jpg) no-repeat;
    border-left:1px solid #F8F70F;
    min-height:600px;
  }


#milieu p {
    font-weight:bold;
  }


#milieu ul {
    text-align:center;
  }

/* Mise en page des liens */

.lien {
    float:left;
    width :48%;
    text-align:left;
    height:80px;
  }


.lien img {
    float:left;
    border: 1px solid #000000;
    margin : 2px;
  }


.lien  h1 {
    font-size:12px;
  }


.lien p {
    text-align :justify;
    margin-top:0px;
  }

/* Mise en page des témoignages */

.temoignage {
    width:100%;
    margin:20px 0 20px 0;
    text-align :justify;
    background-color:#ffffff;
    color:#000000;
    border:1px solid #F8F70F;
    padding-bottom:5px;
  }


.temoignage h1 {
    margin:0;
    background-color:#F8F70F;
  }


.temoignage p.infos {
    margin:0;
  }


#milieu .temoignage * {
    font-weight:normal;
  }


.erreur {
    text-align :center;
    vertical-align :middle;
    background-color: white;
    margin: 10px;
    padding: 10px;
    color:red;
    border: 1px solid red; 
  }


.antispam {
    vertical-align: middle;
    padding-right: 20px;
  }


#recherche {
    border:1px solid #F8F70F;
    background-color:#ffffff;
  }


#recherche * {
    color: #000;
  }


#recherche a {
    text-decoration: none;
  }


#recherche a:hover {
    text-decoration: underline;
  }


#recherche ul {
    text-align :left;
    list-style-type: none;
  }


#recherche h2 {
    margin:0px;
    padding: 10px;
    background-color:#F8F70F;
  }


.recherche2 {
    float:right;
    padding-right: 30px;
  }


.mid {
    margin-left: 300px;
  }

/* Mise en forme de l'aperçu des photos (articles, qualités et options) */

#trailimageid {
    visibility:hidden;
    position:absolute;
    border:1px solid #F8F70F;
  }

/* Mise en forme du lien permettant d'annuler les critères de recherche */

.voirtout {
    text-decoration:none;
  }


.voirtout:hover {
    text-decoration:underline;
  }

/* Mise en page spécifique des rubriques */

.rubriques {
    clear:both;
    text-align:center;
    margin:0px auto 0px auto;
  }


.rubrique {
    float:left;
    width:191px;
    height:182px;
    background:url(/images/fond-article.jpg) no-repeat;
    color:#000000;
    margin:12px 30px 10px 12px;
    padding:5px;
    cursor:pointer;
  }


.rubrique h1,.rubrique p {
    margin:5px;
  }


.rubrique a {
    color:#000000;
    font-size:14px;
    text-decoration:none;
  }


#milieu .rubrique p {
    font-weight:normal;
  }


.rubrique img {
    border:1px solid #000000;
  }


#pageRubrique {
    background-color:#ffffff;
    color:#000000;
    border:1px solid #F8F70F;
    border-collapse:collapse;
    width:95%;
    margin:20px auto 20px auto;
    overflow:auto;
  }


#pageRubrique p {
    font-weight:normal;
    text-align:left;
  }


#pageRubrique a {
    color:#000000;
  }

/* Mise en forme du caddie */

#caddie .prix {
    font-weight:bold;
  }


#contenu * {
    color :#FFFFFF;
  }


#etapes,#etapes b {
    color:#FFFFFF;
    font-size:14px;
  }

/* Mise en forme du formulaire bon de commande/bon de livraison */

#infosTelephone {
  }


#message th {
    width:176px;
  }

/* Mise en forme du formulaire du choix de mode livraison */

#livraison h2 {
    text-align: left;
}

/* Mise en forme du formulaire de mode de paiement */

#modePaiement {
    width:80%;
  }


#modePaiement p {
    text-align:left;
  }


#modePaiement h2 {
    text-align:left;
  }

/* Mise en forme du bas de page */

#bas {
    clear:both;
    padding:10px 0 10px 0;
    background-color:#000;
  }


#bas * {
    color:#FFFFFF;
    text-decoration:none;
  }


#bas p {
    margin:0 0 10px 0;
  }


#bas a {
    text-decoration:none;
  }


#bas a:hover {
    text-decoration:underline;
  }

/* Mise en page sans la rubrique actualité */

.sansActualite#page {
    width:780px;
  }


.sansActualite#page #milieu {
    border-right:none;
  }

/* Mise en page du milieu spécifique à la page d'accueil */

#accueil #page {
    background:none;
  }


#accueil .menu {
    clear:none;
    float:left;
    background:url(/images/internet-moto_06.jpg) no-repeat;
    width:780px;
    height:55px;
    padding:15px 0 0 0;
  }


#accueil #milieu {
    text-align:left;
    padding:0 20px 0 0;
    min-height:inherit;
  }


#accueil #milieu img {
    margin:0px -3px -3px 0px;
  }


#accueil #edito {
    position:absolute;
    background-color:transparent;
    width:150px;
    margin:-370px 0 0 600px;
  }


#accueil #edito p {
    font-weight:normal;
  }


#accueil #liens {
    width:150px;
    margin:20px 0 20px 0;
  }


#accueil #actualites {
    height:525px;
    overflow:auto;
  }

.resumelivraison {
	background-color: white;
	border: 1px solid black;
	text-align: left;
	color: black;
	margin: 0 30%;
	padding: 5px;
}

.resumelivraison img {
	vertical-align: middle;
	margin: 2px 2px 2px 20px;
}

/* Mise en forme de la popup aperçu (affichage des photos d'articles) */

#apercu {
    text-align:center;
    margin:0px;
    padding:0px;
  }


#apercu * {
    color:#ffffff;
  }

/* Mise en forme pour le site d'administration */

#admin {
    width:99%;
    text-align:center;
  }


#admin #milieu {
    width:96%;
    margin:0;
    padding:2%;
    border:none;
  }


.trait {
    width:100%;
    height:1px;
    font-size:0px;
    margin:10px 0px 10px 0px;
    border-bottom:1px solid #ffffff;
  }


#admin .gauche {
    width:54%;
    border-right:1px solid #ffffff;
    padding:3%;
  }


#admin .droite {
    width:35%;
    text-align:left;
  }


.reponse {
    cursor:pointer;
  }


.mceEditorContainer {
    margin:0 auto 0 auto;
  }

/* Mise en forme du au des demandes client/pièces (site d'administration) */

.afficher,.cacher {
    position:absolute;
    width:300px;
    background-color:#ffffff;
    color:#000000;
    border:1px solid #ffcc33;
    z-index:2;
  }


.afficher {
    display:block;
  }


.cacher {
    display:none;
  }

/* Mise en forme de la newsletter */

#newsletter {
    text-align:left;
  }


#newsletter h1 {
    text-align:center;
  }

/* Mise en forme du compte client */

.compte h1{
    font-size : 14px;
    border:2px solid #F8F70F;
    background-color: white;
    padding: 3px;
    margin-top:20px;
    color: black;
} 

.compte h1 img{
	padding-right:10px;
}

/* Mise en forme des arrièresplans spécifiques */
.rouge {
	background-color: #F00;
}

.vert {
	background-color: #3F0;
}

.blanc {
	background-color: #FFF;
}

.bleu {
	background-color: #36F;
}

.jaune {
	background-color: #FF3;
}

.orange {
	background-color: #F90;
}

.carre {
	margin-top: 7px;
	height: 10px;
	width: 15px;
	border: 1px solid black;
	float: left;
}

.codification {
	margin: 5px 5px 10px 0;
	float: left;
	vertical-align:bottom;
}

.dtree {
	text-align: left;
	margin-left: 10px;
	padding: 10px;
	color: black;
	background-color: white;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

#admin .dtree {
	float: left; 
	width: 400px;
}
#right {
	margin-left: 560px;
	text-align: left;
	border-left: 1px solid white;
	padding-left: 10px;
}
#leftmenu {
	float: left;
	width: 110px;
	background: #f8f70f;
	padding: 5px;
	margin: 30px 5px 0 0;
	list-style-type: none;
}
#leftmenu a {
	color: black;
}
#leftmenu li {
	text-align: left;
	padding: 5px 0;
}
#promotab {
	padding-left: 100px;
}

/* Mise en forme de l'impression */
@media print{
	#page{
		width:100%;
	}
	.menu,
	.bouton,
	#lienCaddie{
		display:none;
	}
}