/* **************************/  
/*    couleurs              */
/* fond noir        #000000 */
/* gris bandeau:    #808080 */
/* gris clair:      #AAAAAA */
/* rouge:           #CC3333 */
/* jaune clair:     #FFFFCC */
/* vert:            #008080 */
/****************************/

/** mise en page principale **/
body { 
background:	#000000 url("images/fd.png") repeat fixed;
margin: 0;
padding: 0;
border: 3px solid #FFFFCC;
font-size:100%;
}
#entete { 
#background-color: #333;
background:	#000000 url("images/fd.png") repeat fixed;
height: 100px;
padding-top: 20px;
}
#menu_haut { 
width: 100%;
background-color: #FFFFCC; 
padding: 8px 0;
margin:	0;
border:	0;
}
#principal { 
background-color: #AAAAAA;
min-height: 500px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 500px; /* for IE5.x and IE6 */
padding: 20px;
}
#pied {
position: relative;
clear: both;
background-color: #FFFFCC; /* url("images/fig_5.gif") no-repeat fixed;*/
margin: 0;
padding: 8px 0;
border: 0;
}

/** menus de navigation **/
/* menu des rubriques principales */
#menu1, #menu2, #menu {
position:	relative;
margin:	0;
font-family: verdana,arial,'Times New Roman',sans-serif;
font-size: 71%;
font-weight: bold;
color: #000;
border:	0;
}
#menu1 {
text-align: center;
}
#menu1 a:link {
text-decoration: none;
color: #000000;
}
#menu1 a:visited {
text-decoration: none;
color: #000000;
}
#menu1 a:active {
text-decoration: none;
color: #000000;
}
#menu1 a:hover {
text-decoration: underline;
color: #008080;
}
#menu1 a:link#pageactive {
text-decoration: none;
color: #008080;
}
#menu1 a:visited#pageactive {
text-decoration: none;
color: #008080;
}
#menu1 a:active#pageactive {
text-decoration: none;
color: #008080;
}
#menu1 a:hover#pageactive {
text-decoration: underline;
color: #008080;
}

/* menu inferieur */
#menu2 {
text-align:	right;
}
#menu2 a:link {
text-decoration: none;
color: #000000;
}
#menu2 a:visited {
text-decoration: none;
color: #000000;
}
#menu2 a:active {
text-decoration: none;
color: #000000;
}
#menu2 a:hover {
text-decoration: underline;
color: #008080;
}

/* menu de restauration */
#menurestau { 
position: relative;
width: 760px;
margin-left: auto;
margin-right: auto;
}
#menu {
border: 0;
}
#menu a { 
float: left;
width: 107px; 
height: 16px;
border: 0; 
background-color: #AAAAAA;
display: block;
text-align: center;
text-decoration: none;
}
#menu a.on1 {
color: #FFFFCC;
}
#menu a.on0 {
color: #000000;
}
#menu a.off {
color: #CCCCCC;
}
#menu a:hover {
color: #DC143C;
background:	#FFFFCC;
border: 0; 
}
#menu a span { 
display: none;
}
#menu a:hover span { 
display: block;
position: absolute;
top: 20px;
right: 0;
width: 280px;
padding: 2px;
font-family: verdana,arial,'Times New Roman',sans-serif;
font-size: 80%;
font-weight: bold;
text-align: left;
color: #FFFFFF;
background: #000000;
}

/* menu des rubriques internes de restauration */
#menusommaire {
position: relative;
margin-left: 40px;
}	
#menusommaire a {
float: left;
height: 16px;
padding-left: 15px;
padding-right: 3px;
background:	#808080 none;
display: block;
font: normal normal normal 8pt bimini,'Comic Sans MS',verdana,sans-serif;
text-align: left;
text-decoration: none;
color: #FFFFCC;
}
#menusommaire a:hover {
background:	#808080 none;
font: normal normal normal 8pt bimini,'Comic Sans MS',verdana,sans-serif;
text-align: left;
text-decoration: none;
color: #FFD700;
}	

/** mise en page **/
/* entete de page */
#logo {
position:	relative;
padding: 0;
width: 98%;
height:	84px;
margin-left: auto;
margin-right: auto;
background:	transparent none;
text-align:	center;
vertical-align: bottom;
border: 0;
}

/* titres principaux 203 */
.titre {
padding: 0;
margin: 0;
margin-bottom: 8px;
text-align: center;
}

/* page intérieur 2 colonnes (fluide / fixe) */
#conteneur {
background-color: #AAAAAA;
float: left;
width : 100%;
}
#gauche {
background-color: #AAAAAA;
}
#droite {
float: right;
width: 430px;
margin-left: 20px;
background-color: #AAAAAA;
}

/* cadre avec coin arrondi */
.cadre_rond {
background-color: #FFFFCC;
margin-left, margin-right: auto;
text-align: center;
}
.cadre_rond p.info {
padding: 10px;
font:	normal normal 85% courier,'Comic Sans MS',verdana,sans-serif;
}
.cadre_rond a {
color: #008080;
}
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 12px;
width: 12px;
background-repeat: no-repeat;
}
.hautgauche {
background-image: url('images/coin_a.png');
}
.basgauche {
background-image: url('images/coin_d.png');
}
.hautdroit {
background-image: url('images/coin_b.png');
float: right;
}
.basdroit {
background-image: url('images/coin_c.png');
float: right;
}

/* titre des différentes rubriques de restauration*/
.section {
background: #808080 url("images/img-section.png") no-repeat 0 0; 
width: 340px;
font:	normal bold 95% bimini,'Comic Sans MS',verdana,sans-serif;
text-align:	left;
text-indent: 45px;
color: #FFFFCC;
margin-top: 25px;
margin-bottom: 14px;
padding-left: 5px;
}
.section2 {
background: #999 none;
width: 300px;
font:	normal bold 93% bimini,'Comic Sans MS',verdana,sans-serif;
text-align:	left;
text-indent: 15px;
color: #FFFFCC;
margin-top: 25px;
}		
.subsection {
font:	normal bold 80% bimini,'Comic Sans MS',verdana,sans-serif;
text-align:	left;
color: #FFFFCC;
padding-left: 25px;
text-decoration: underline;
}		
.retour {
float: right;
padding-right: 15px;
text-align: left;
font:	normal normal normal 75% arial,verdana,'Times New Roman',sans-serif;
color: #FFFFCC;
}

/* apercu des images des "sponsors" */
.sponsori {
background-color: #AAAAAA;
margin: 2px;
padding: 2px;
float: left;
width: 150px;
text-align: center;
text-indent: 0;
}
/* "sponsors" texte */
p.sponsort {
text-align: center;
line-height: 20px;
vertical-align: center;
}
span.sponsort {
display: inline;
}

/* affichage des news */
#news {
text-align: center;
}
.datenews {
position: relative;
margin-left: auto;
margin-right:	auto;
margin-top: 0;
margin-bottom: 0;
width: 650px;
padding: 4px 2px; 
background: #FFFFCC none;
font:	normal bold 85% verdana, arial,'Times New Roman',sans-serif;
color: #CC3333;
text-align: left;
text-indent: 10px;
}
.textenews {
position:	relative;
margin-left: auto;
margin-right:	auto;
width: 634px;
padding: 8px;
border-left: 2px solid #FFFFCC;
border-bottom: 2px solid #FFFFCC;
border-right:	2px solid #FFFFCC;
background:	#AAAAAA none;
color: #000000;
font: normal bold 80% verdana,arial,'Times New Roman',sans-serif;
text-align:	justify;
text-indent: 15px;
}

/* titre de la rubrique des liens */
.rubriquelien {
margin-right: auto;
margin-left: auto;
width: 724px;
height: 20px;
padding: 5px 0 2px 0;
border: 1px solid #FFFFCC;
text-align: center;
}
.rubriquelien p {
text-align: center;
text-indent: 0;
display: inline;
vertical-align: middle;
}
.introlien {
background:	#FFFFCC none;
border:	1px solid #000000;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
padding: 6px 6px 6px 15px;
width: 700px;
text-align:	left;
text-decoration: none;
font: normal bold 80% verdana,arial,'Times New Roman',sans-serif;
line-height: 140%;
}
.introlien a {
color: #CC3333;
}
.introlien a:hover {
color: #CC3333;
text-decoration: underline;
}
.decompte {
font-weight: normal;
color: #000000;
}
.ajouttoday {
font: normal italic 9px verdana,'Comic Sans MS',sans-serif;
color: #FF0000;
}
/* tableau des liens */
.tabliens {
width: 730px;
margin-left: auto;
margin-right: auto;
border: 0;
font:	normal normal 90% arial,verdana,'Times New Roman',sans-serif;
}
/* differentes couleurs de page des liens*/
.jaune {
background: #FFFFCC;
padding: 5px 0;
text-align:	center;
font:	normal bold 90% arial,verdana,'Times New Roman',sans-serif;
}
.jaune a {
text-decoration: none;
color: #CC3333;
}
.jaune a:hover {
text-decoration: underline;
color: #008080;
}
.grisf {
background: #808080;
padding: 5px 8px;
text-indent: 10px;
text-align:	left;
font:	normal normal 90% arial,verdana,'Times New Roman',sans-serif;
}
.grisvis {
font:	italic normal 90% arial,verdana,'Times New Roman',sans-serif;
color: #555
}
/* bouton de changement de liens */
span.autres {
background-color: #FFFFCC;
padding: 2px 6px;
margin: 1px 2px;
font: normal normal bold 95% verdana,'Times New Roman',sans-serif;
border: 1px outset #C0C0C0;
}
span.autres a {
text-decoration: none;
color: #CC3333;
}
span.autres a:hover {
text-decoration: underline;
color: #008080;
}

/* tableau des statistiques de visites */
table.tabstat {
border:	3px solid #FFFFCC;
border-collapse: collapse;
width: 600px;
margin-left: auto;
margin-right: auto;
}
table.tabstat thead, tfoot, tbody {
border:	1px solid #FFFFCC;
padding: 5px;
}
table.tabstat th {
font-family: monospace;
border: 1px dotted #FFFFCC;
padding: 3px;
background-color:	#999;
}
table.tabstat tr.r0 {
background-color: #CCC;
}
table.tabstat tr.r1 {
background-color: #BBB;
}
table.tabstat td {
font-family: sans-serif;
font-size: 80%;
border: 1px solid #FFFFCC;
padding: 5px;
text-align:	center;
}

/* bouton des pages statistiques */
#stat {
width: 300px;
margin-left: auto;
margin-right: auto;
background: #FFFFCC;
padding: 5px;
border: 1px outset gray;
}
#stat a {
color: black;
}
#stat a:hover {
color: #AAAAAA;
}
/* bas de page */
#bas {
padding: 3px 0;
text-align: center;
vertical-align: bottom;
border: 0;
}

/* présentation des documents sur la 203 */
#tabdoc {
border: 2px solid #FFFFCC;
font: normal bold 80% arial,sans-serif,verdana,'Times New Roman';
color: #FFFFCC;
text-align: center;
margin-left: auto;margin-right: auto;
}
#tabdoc td {
border: 1px solid #FFFFCC;
padding: 4px 2px;
background-color: #000;
}
#tabdoc td a:hover {
color: #008080;
}
#tabdoc td#pactif {
color: #008080;
}


/** comportement general **/
/* paragraphe général */
p {
margin: 0;
padding-top: 2px;
padding-bottom: 7px;
font:	normal bold 80% verdana,arial,'Times New Roman',sans-serif;
text-align:	justify;
text-indent: 18px;
}
p.center {
text-indent: 0;
}

/* liens */
a {
text-decoration: none;
color: #FFFFCC;
}
a:hover {
text-decoration: underline;
color: #FFD700;
}

/* centrage */
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}

/* changement de couleur des pages actives*/
#pageactive {
color: #008080;
}

/* position mention copyright */
#copy {
position: absolute;
left: 0;
padding: 2px;
font:	normal normal 80% arial,verdana,'Times New Roman',sans-serif;
color: #000000;
}

/* date de mise a jour */
#date {
position:	relative;
margin-left: auto;
margin-right:	auto;
font:	normal bold 80% arial,verdana,'Times New Roman',sans-serif;
border-width:	1px;
border-style:	inset;
bottom:	2px;
text-align:	center;
width: 250px;
color: #000000;
}

/* affichage du bandeau de pub */
#pub {
position:	relative;
width: 468px;
height:	90px;
margin-left: auto;
margin-right: auto;
bottom:	2px;	
border: 0;
}
#clickfr {
font:	normal bold 70% arial,verdana,'Times New Roman',sans-serif;
color: #FFD700;
}
#clickfr a {
text-decoration: none;
color: #FFD700;
}

/* logo xiti */
#xiti {
position:	absolute;
padding: 0;
margin:	0;
left:	2px;
bottom:	2px;
}

/* compteur de visites */
#compteur {
position:	absolute;
padding: 0;
margin:	0;
right: 3px;
bottom:	5px;
font:	normal normal 70% arial,verdana,sans-serif;
color: #000000;
}

/* divers */
img {
border: 0;
}
img.smiley {
border: 0;
vertical-align: -20%;
}
.spacer0 {
clear: both;
height: 0;
line-height: 0;
}
.spacer5 {
clear: both;
height: 5px;
line-height: 0;
}
.spacer {
clear:	both;
}
.spacer40 {
clear: both;
height: 40px;
line-height: 0;
}
hr {
width: 60%;
color: #FFFFCC;
margin-bottom: 18px;
}

/* image placée dans texte */
.flottantdroit {
float: right;
padding: 0;
margin-left: 6px;
}


/* formulaire d'inscription a la lettre d'info */
/*#lettreinfo {
position:	relative;
padding: 8px;
font:	normal normal 8pt verdana, arial,'Times New Roman',sans-serif;
text-align: center;
text-indent: 0;
background: #FFFFD0 none;
}*/
#btnlettre {
background-color: #DDDDDD;
padding: 2px 10px 2px 10px;
width: 220px;
margin-left: auto;
margin-right: auto;
font: normal bold 10px verdana,arial,sans-serif;
color: #444444;
border: 1px solid #666666;
}
#btnlettre a {
color: #000000;
}
#btnlettre a:hover {
color: #008080;
}
.txt {
padding-top: 2px;
font: normal normal 10px verdana,arial,sans-serif;
color: #555555;
}
.btn {
background-color: #DDD;
padding: 2px 10px 0 10px;
font: normal bold 10px verdana,arial,sans-serif;
color: #444444;
border: 1px solid #666;
}
form {
text-align: center;
}
.validemail {
text-align: center;
font: normal bold 12px verdana,arial,sans-serif;
color: #FF3333;
}

/* documents en telechargement */
.tele {
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
width: 620px;
border: 2px solid #FFFFCC;
padding: 4px;
text-align: left;
}
.teletitre {
float: right;
width: 400px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 8px;
background: #FFFFCC none;
font: normal bold 75% courier,verdana,'Times New Roman',sans-serif;
color: #333333;
text-align: center;
}
.teletxt {
float: right;
width: 400px;
}
.teletxt p {
font: normal bold 8pt verdana,'Times New Roman',sans-serif;
color: #000000;
text-align: justify;
text-indent: 10px;
}
.telecount {
float: right;
padding: 5px;
margin-bottom: 4px;
font: normal bold 80% courier,verdana,'Times New Roman',sans-serif;
color: #008080;
text-align: right;
}
.teleimg {
float: left;
width: 210px;
margin-top: 4px;
text-align: center;
border: 0;
}

/* catalogue pieces detachées */
.catalogue {
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 90%;
}
dl.cata2 {
float: left;
margin: 4px 0 0 10px;
padding: 2px;
width: 135px;
border: 1px solid #FFFFCC;
}
.cata2 dt {
text-align: center;
}

/* page autres voitures */
.cadre1 {
margin-left: auto;
margin-right: auto;
width: 740px;
border: 2px solid #FFFFCC;
padding: 8px;
background: #AAAAAA none;
}
.cadre2 {
float: left;
width: 250px;
padding: 0;
margin: 0;
text-align: center;
border: 1px outset #808080;
background: #AAAAAA none;
}
.cadre3 {
float: right;
width: 470px;
padding: 8px;
margin: 0;
text-align: left;
border: 0;
background: #AAAAAA none;
}
div#navigationautres {
margin-left: auto;
margin-right: auto;
width: 640px;
}
ul#aa {
list-style: none;
text-align: center;
margin: 0;
margin-left: 30px;
padding: 0;
}
#aa li {
float: left;
background-color: #FFFFCC;
padding: 2px 6px;
margin: 1px 2px;
width: 120px;
font: normal normal bold 80% verdana,'Times New Roman',sans-serif;
color: #CC3333;
border: 1px outset #C0C0C0;
}
#aa li a {
color: #CC3333;
text-decoration: none;
}
#aa li a:hover {
color: #CC3333;
text-decoration: underline;
}

/* mise en page des images de restauration */
.photoresto {
border: 0;
width: 100%;
margin-bottom: 10px;
padding: 6px;
text-align: left;
background: #A0A0A0 none;
}
.photoresto dl {
float: left;
margin: 4px 0 0 10px;
padding: 4px;
width: 145px;
height: 145px;
border: 1px solid #FFC;
background: #A0A0A0 url("images/coinphoto.png") no-repeat bottom right;
}
.photoresto dt { /* photo */
text-align: center;
}
.photoresto dd { /* texte de la légende */
margin: 0;
padding: 2px 2px 2px 4px;
color: #FFC;
font:	normal normal normal 77% arial,'Times New Roman',sans-serif;
}
.legende {
color: #008080;
font-style: italic;
}/*
.photo {
width: 120px;
border: 0;
margin-left: auto;
margin-right: auto;
}
.label {
background: #FFFFCC none;
border: 0;
width: 120px;
margin-left: auto;
margin-right:	auto;
padding: 1px;
}
*/

/* note importante */
.red {
color: #C33;
}

#col1 {
float: left;
margin: 0;
padding: 0;
width: 48%;
border: 0px solid black;
}
#col2 {
float: right;
margin: 0;
padding: 0;
width: 48%;
border: 0px solid green;
}
.case {
border: 0;
border-left: 3px solid #808080;
}
.case p {
padding: 5px;
}