/* corps */
body {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; background: #00004C; margin-top: 10px; }
	
 /*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
img.droite { float: right; }
img.gauche { float: left; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }

/* liens standard */
a { text-decoration: none; color: #003772; }
a:hover { text-decoration: none; color: #0083FF; }

/* menus */
#menu { float: left; width: 100%; list-style: none; padding: 0; margin: 0; background: #FFFFFF; font-weight: bold; font-size: 90%; }
#menu li { float: left; padding: 0 10px 0 10px; line-height: 27px; }
#menu a { text-decoration: none; color: #003772; }
#menu a:hover { text-decoration: none; color: #0083FF; }

/* contenus */
.texte { font-size: 100%; color: #111111; text-align: justify; text-transform: none; }
.logo { border: 1px solid #00004C; }
div.contenu { width: 949px; text-align: center; margin: auto; }

/* cadre avec logo et marque ou libelle */
#cadrehaut { background: #FFFFFF; width: 949px; text-align: left; border-bottom: 2px solid #0D185E; }

/* menu gauche */
#cadremenu { float: left; background: #FFFFFF; width: 200px; font-size: 90%; padding-top: 2px; padding-bottom: 8px; color: #505050; min-height: 200px; }
#cadremenu a { text-decoration: none; color: #505050; }
#cadremenu a:hover span { text-decoration: none; color: #FFFFFF; background: #909090; }

/* contenu */
#cadrecontenu { padding: 10px 30px 0 30px; background: #DEDEDE; margin-left: 200px; border-left: 2px solid #0D185E; font-size: 85%;  }
#cadrecontenu a { text-decoration: none; color: #003772; }
#cadrecontenu a:hover { text-decoration: none; color: #0083FF; }

a.marque { letter-spacing: 1px; font-weight: bold; }

/* éléments de menu rub/categ/marque/modèle */
div.rubrique	{ padding: 3px 0 5px 20px; }
div.categorie	{ padding: 3px 0 5px 40px; }
div.marque 	{ padding: 3px 0 5px 60px; }
div.modele 	{ padding: 3px 0 5px 80px; letter-spacing: 0px; }

.nouveau { padding: 1px; letter-spacing: 2px; background-color: #FF2200; color: #FFFFFF; text-align: center; margin: 2px; width: 100px; font-size: 95%; }
.promo   { padding: 1px; letter-spacing: 2px; background-color: #FFCC00; color: #000033; text-align: center;  margin: 2px; width: 100px; font-size: 95%; }


/* détails caractéristiques */
div.details { border: 1px solid #00004C; margin-top: 4px; width: 370px; padding: 10px; background: #FFFFFF }
span.titredetails { background: #00004C; color: #FFFFFF; text-transform: uppercase; padding: 5px; font-weight: bold; letter-spacing: 1px; }

/* paragraphes */
h1 { font-size: 150%; font-weight: bold; letter-spacing: 1px; color: #00004C; font-style: italic; margin: 0 0 0 200px; padding: 5px; border-left: 2px solid #0D185E}
h2 { font-size: 100%; font-weight: bold; color: #00004C; }

/* naviguer différent */
#slogan { border-top: 2px #00004C solid; width: 200px; margin-left: 755px; float: right; margin-top: -200px;
	padding-top: 5px; font-size: 160%; color: #00004C; font-weight: bold; font-style: italic; }

#actu { width: 180px; margin-left: 755px; float: right; margin-top: -450px; font-size: 90%; padding-right: 10px; }


#intro { width: 200px; float: left; padding: 10px; font-size: 90%; color: #333; font-weight: bold; margin: 0; background: #DEDEDE; }
#intro strong { letter-spacing: 2px; color: #00004C; }

/* bandeau adresse - liens bas - copyright*/

#coord { text-align: left; color: #0D185E; font-weight: bold; font-size: 95%; line-height: 29px; }

#bas { font-family: Arial, sans-serif; font-size: 70%; color: #EEEEEE; background: #00004C; padding-top: 5px; }
#bas a { text-decoration: none; color: #EEEFFF; }
#bas a:hover { text-decoration: none; color: #CCCCCC; }

/* infos légales formulaires */
.legal { font-family: sans-serif; font-size: 60%; color: #777777; }

/* couleurs */
.bleu { color: #00004C; }
.gris { color: #505050; }
.vert { color: #D5E9D7; }
.bleufonce { color: #00004C; }
.rouge { color: #E1001A; }
.vert  { color: #7EC65F; }
.noir { color: #222222; }

/* boutons et forms */
.form { font-size: 90%; background : #FFFFFF url("icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 90%; background : #FFFFFF url("icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #FFFFFF; font-size: 12px; background-color: #00004C; }

/* couleurs ligne entête backoffice */
#admin { font-family: Arial, Helvetica, sans-serif; font-size: 70%; background: #00004C; margin-top: 10px; }
.colonneadmin { background-color: #86BDF5; color: #00004C; height: 25px; }
td.admin { color: #333; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; font-family: Arial, sans-serif; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #00004C; }