/* ■CSS pour CONTACT ...■ */
body { 
  SCROLLBAR-FACE-COLOR:#D4E6E1;vertical-align: 
  SCROLLBAR-HIGHLIGHT-COLOR: #E9F4F1;
  scrollbar-3dlight-color:#E9F4F1;
  SCROLLBAR-SHADOW-COLOR:#BCD0C9;
  SCROLLBAR-ARROW-COLOR: WHITE;
  SCROLLBAR-TRACK-COLOR: #F2F8FA;
  SCROLLBAR-DARKSHADOW-COLOR: #B5CAC3;
text-align: center;  /* centre1 */
background-color: #ffffff; 
color: #85979A;
text-align:left;
margin: 0px 0px 10px 10px auto; 
font-size: 75%; 
line-height: 1.5em;
font-family: 'Century Gothic',"MS UI Gothic",'Ludica Sans Unicode',Verdana,'Bookman Old Style',Hervetica,"Osaka",'trebuchet ms',sans-serif; 
} 

table, td { font-size: 100%; } 
img { border: none; }

a:link { color: #98BCCA; }  /* LINK COLOR    ENCORE */
a:visited { color: #A6C1CC; }  /* LINK COLOR     VISITE*/
a:active  { color: #AB7B74; }  /* LINK COLOR     ACTIF */

/* ★★★ */
#fondpage { width:780px; background-color:#ffffff;
		/* centre2 */ text-align: left; margin: 0 auto; } /* cadre */
.fondslogan { width: 780px; background-color: #ffffff; text-align:right; }
.fondlogo { width: 780px; background-color: #ffffff;}
.logopanier { width: 780px; }

.tablenavi1 { width:780px; text-align: center; background-color: #abd8e6; }
.fondnaviinfos { width: 780px; height:20px; background-color: #ffffff; text-align:center; 
border-bottom: 1px solid #B8D7F5; margin: 0px; }

.imtitre { padding: 0px 0px 5px 0px; } 

.contenu { margin: 10px 20px 10px 20px; } 

.copy { font-size : 80%; line-height: 1.2em; font-weight: 400; margin: 5px 0 0 0; text-align: center; }

/* ★★★ */
h1 { color: #BBDBDA; font-size : 60%; font-weight: 400; line-height: 1.1em; margin: 0; padding:0; text-align: right; } /* slogan */
h2 { font-size : 95%; color: #7EACB6; font-weight: 400; line-height: 1.2em; margin: 0px 0px 5px 0px; text-align: right; } /* sous-titre japonais */
h3 { font-size : 105%; font-weight: 600; color: #80DCEF; line-height: 1em; margin: 0px 0px 5px 0px; } /* nom */

h4 { font-size : 95%; color: #7EACB6; font-weight: 400; line-height: 1.2em; margin: 0px 0px 5px 0px; text-align: right; }
h5 { font-size : 85%; line-height: 1.5em; font-weight: 400; }
h6 { font-size : 85%; line-height: 1.5em; font-weight: 400; }
/* ★★★ */

.fondmaintable { width: 800px; text-align:left; }
  .maintable { width: 760px; align:center; padding:0px; margin:0px; border: none; table-layout: fixed; }
  .maintable th { width:600px; border: none; table-layout: fixed; }
  .maintable td { width:160px; background-color: #440000; border: none; table-layout: fixed; }

.fondpageb{ background-color:#ffffff; width:780px; border: 1px #B7E1F1 solid; }

  .menutable { Width: 150px; border:none; margin:10px 0px 10px 0px; }
  .menutable th { font-size: 8pt; font-weight: 400; background-color:#B7E1F1; text-align: center; Padding:0px; }
  .menutable td { font-size: 9pt; background-color:#E1F0F6; text-align: left; color: #86ACB9; Padding:0px; white-space: nomal; }

/* ------ table-CONTACT ----- */

.tablecontact { width: 740px; border-collapse: collapse; } 
.tablecontact TD { border: 2px #E7F0F2 solid; vertical-align: top; } 

/* ----------------- */
.titrejp { height: 40px; width: 100%; padding: 0px 10px 10px 0px; text-align: right; 
vertical-align: text-bottom; font-size: 9pt; color: #8FB4C0; } 

.boitetex { padding: 5px 20px 10px 20px; }

.titre1 { color: #93BFEB; font-size: 11pt; font-weight: 600; margin: 0px 0px 5px 0px; }
.titre2 { color: #8DD4C6; font-weight: 600; margin: 0px 0px 5px 0px; }
.important { color: #93BFEB; font-weight: 600; }

/* ★★★ */
.bcblanc { background-color: #ffffff; }
.bcblancbleu { background-color: #f8fafc; }

.100per { width:100%; } 
.w780 { width: 780px; } 

.h10 { height: 10px; }

.gauche {text-align: left; }
.centre {text-align: center; }
.droite {text-align: right; }
.haut { vertical-align: top; } 
.bas { vertical-align: text-bottom; } 
.margin10 { margin: 10px; } 
.margin20 { margin: 20px; } 
.marginb10 { margin: 0px 0px 10px 0px; } 
.marginb30 { margin: 0px 0px 30px 0px; } 
.marginhb10 { margin: 10px 0px; } /* haut-bas */
.marginhb20 { margin: 20px 0px; } 
.marginhb30 { margin: 30px 0px; }
.marginhb50 { margin: 50px 0px; }
.margindg20 { margin: 0px 20px; } /* droite-gauche */
.padhb10 { padding: 10px 0px; }

.fblanc { color: #E4E5DE; }

.f10 { font-size: 10pt }  
.f9 { font-size: 9pt } 
.f8 { font-size: 8pt } 


/* ★★★BLEU★★★ */

.navitable-verti { width: 150px; height:380px;  
border-collapse: collapse; 
text-align: left; 
vertical-align: center; table-layout: fixed; }
.navitable-verti Th { height:29px;
background-color: #ffffff; border: 1px #E7ECF4 solid; text-align: left; }
.navitable-verti TD { height:25px;
background-color: #96D0E0; border: 1px #E7ECF4 solid; text-align: left; }

/* ★★★yobi★★★ */
.navitablegch { width:160px; height:430px; background-color: #440000; 
 border: none; table-layout: fixed; }

  .paniertable { Width: 150px; margin:0px; border:none; border: 1px #E7F0F2 solid; }
  .paniertable td { text-align: center; color: #86ACB9;}

.fondcntngch { width: 630px; padding: 30px 10px 10px 10px; } 

.fondarticles { width: 600px; } 

.tablearticles { width: 600px; text-align:left; }
.tablearticles td { width: 25%; Padding:0px; white-space: nomal; }


