/*td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/


body  { color: #0b3d6f; font-size: 11px; line-height: 16px; font-family: Verdana; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #60849E; 
scrollbar-darkshadow-color: #60849E; 
scrollbar-face-color: #BBCBD7; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff; 
scrollbar-track-color: #ffffff
 }
 
 body, html {width:100%; height:100%; padding:0; margin:0}
 
 table#global {width:100%; height:100%}
 table#contentglobal{ width:100%; _width:96%}
 
 td#header {height:65px}
 td#footer {height:20px}
 td#footer a{color:#ffffff; text-decoration:none}
 td#footer a:hover{text-decoration:underline}
 div#misenpage{padding:10px 20px 0px 25px;}

div#espacement {padding:0px 20px 0px 50px; }

#espacepop{margin-top:20px; margin-left:20px}



body, div, td, p, .texte  { color: #003858; font-size: 12px; line-height: 20px; font-family: Arial; list-style-image: url(../images/fl-gris.gif) }


/* plan du site */
table#sitemaptab ul li{list-style-image:none; list-style-type:none}
table#sitemaptab ul{ padding:0; margin:0}
table#sitemaptab p{ padding:0; margin:0}

.sitemap1  { color: #ff0f07; font-size: 14px; padding:0; margin:0;}
a.sitemap1  {color: #ff0f07;  margin:0; padding:5px 0px 0px 0px; display:block;}
a.sitemap1:hover {color: #003858;}
li#sitemap2  {color: #003858; font-size: 12px; margin:0px 0px 0px 15px; display:block }
li#sitemap2 a {color: #003858; }
li#sitemap3  {color: #60849e;  font-size: 11px; margin:0px 0px 0px 30px;  display:block }
li#sitemap3 a { color: #60849e; }
li#sitemap4  { color: #bbcbd7; font-size: 10px; margin:0px 0px 0px 45px;  display:block }
li#sitemap4  a{ color: #bbcbd7; }
li#sitemap3 a:hover, li#sitemap2 a:hover{color: #ff0f07;}


.address { background-color: #eceff3; padding: 20px; border: solid 1px #bbcbd7 }
.newslettre { color: #fff; background-color: #363fa1; padding: 20px; border: solid 1px #003858 }
.address1 { color: gray; font-style: italic }
.displayfalse { display: none  }
.displaytrue { display: block }
table  { color: #0b3d6f }
a                 { color: #60849e; text-decoration: none }
a:hover                 { color: #ff0f07; text-decoration: none }

hr       { color: #0b3d6f; text-align: left; position: relative; top: -8px; width: 100%; height: 1px }
h1, .titre1        { color: #003858; font-size: 16pt; line-height: 24px; padding:0; margin:0 }
a.souspage  { color: #ff0f07; font-size: 14pt; line-height: 24px; text-decoration:none }
a.souspage:hover  { color: #ff0f07; font-size: 14pt; line-height: 24px; text-decoration:underline }

.chemin {padding:2px 0px 0px 0px; margin:0}
table#tabchiffre {width:235px ;_width:250px; padding:5px}
table#chemin{padding:0px 0px 15px 0px; display:block}

.chemin a{ color: #809CB4; font-size: 15px; line-height: 16px; padding:0; margin:0}
.chemin a:hover{text-decoration:underline;}

.cheminselected{ color: #003969; font-size: 15px; line-height: 16px; padding:2px 0px 0px 0px; margin:0; font-weight:bold}

p {padding:5px 0px 5px 0px; margin:0}
ul {padding:0; margin:0}
ul li {padding:0; margin:0}

td#sousmenu {}
td#sousmenu ul{ padding:0; margin:0; background:#b2c4d2; list-style-type:none; list-style-image:none}
td#sousmenu ul li {padding:0; margin:0}
td#sousmenu ul li a { color:#003969; background:url(../images/path.gif) no-repeat; padding:0px 0px 0px 20px; margin:0}
td#sousmenu ul li a:hover { text-decoration:underline}
td#sousmenu ul li#selected a { color:#fff; background:#003969 url(../images/path-selected.gif) no-repeat; padding:0px 0px 0px 20px; display:block; width:215px; _width:235px; height:20px}

table.menumenu{}
td.menumenu{white-space:nowrap; padding:3px 10px 5px 10px;}
td.menumenuselected{white-space:nowrap; padding:3px 10px 5px 10px; background:#ffffff;  }
td.menumenuselected a{color:#003969; text-decoration:none; padding:0px 0px 0px 0px}

table#moteur{padding:0; margin:0;}
form#resultatss {padding:0; margin:0; }

p#transport{margin:0px 0px 0px 15px}
ul#transport {padding:0px 0px 0px 25px; margin:0; list-style-image:none; list-style-type:none}
ul#transport a.selected{color:#003969; font-weight:bold}

p.chapeau{padding:10px; font-style:italic}



.linkinn { color: #bbcbd7 }
.linkinn:hover { color: #bbcbd7 }
h2, .titre2        { color: #ff0f07; font-size: 14pt; line-height: 24px; padding:5px 0px 0px 0px; margin:0 }
h3, .titre3         { color: #60849e; font-weight: bold; font-size: 12pt; line-height: 20px }
h4, .titre4         { color: #ff0f07; font-size: 10pt; line-height: 20px }
.tdinfo { color: #fff; font-style: italic; background-color: #60849e; padding: 10px }
.tdnews   { color: #003858; font-style: italic; background-color: #fff; margin-right: 10px; padding: 10px; border: solid 2px #b42231 }
.tdtopic { color: #003858; font-style: italic; background-color: #bbcbd7; padding: 10px }
.tdlink  { color: #003858; font-style: italic; background-color: #dbe2eb; padding: 10px }
.sign { color: #60849e; font-style: italic }
.a.visible     { color: #60849e; font-size: 9px; font-family: verdana; text-decoration: none; text-align: justify; list-style-type: square }
.a.visible:hover     { color: #eceff3; font-size: 9px; font-family: verdana; text-decoration: none; text-align: justify; list-style-type: square }

.formtext          { color: #60849e; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #bbcbd7; width: 190px; height: 20px; padding:1px 0px 0px 10px; margin:0 }
.formselect         { color: #60849e; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #bbcbd7; width: 190px; height: 20px }
.formtextarea      { color: #60849e; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #bbcbd7 }
.formtexterror     { color: #ff0f07; font-size: 12px; font-family: Arial, Verdana, Helvetica; background-color: #ffebe0; border: solid 1px #ff0f07; width: 190px; height: 20px }
.formselecterror     { color: #ff0f07; font-size: 12px; font-family: Arial, Verdana, Helvetica; background-color: #ffebe0; border: solid 1px #ff0f07; width: 190px; height: 20px }
.formtextareaerror    { color: #ff0f07; font-size: 12px; font-family: Arial, Verdana, Helvetica; background-color: #ffebe0; border: solid 1px #ff0f07 }
.formtextneed        { color: #003858; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #003858; width: 190px; height: 20px }
.formselectneed    { color: #003858; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #003858; width: 190px; height: 20px }
.formtextareaneed       { color: #003858; font-size: 12px; font-family: Arial, Verdana, Helvetica; border: solid 1px #003858 }
.formname   { color: #003858; font-size: 9px; font-family: verdana; border: solid 1px #003858 }
.formsubmit    { color: #fff; font-weight: bold; font-size: 12px; font-family: verdana; background-color: #ff0f07; padding-right: 2px; padding-left: 2px; border: solid 1px #003858; height: 20px }
.formclear    { color: #fff; font-weight: bold; font-size: 12px; font-family: verdana; background-color: #ff0f07; padding-right: 2px; padding-left: 2px; border: solid 1px #003858; height: 20px }

.menu   { color: #66889b; font-size: 12px; font-family: Arial; height: 20px }
.menu:hover   { color: #003858; font-size: 12px; font-family: Arial; height: 20px }
.menuactif { color: #003858; font-weight: bold; font-size: 12px; font-family: Arial; width: 156px; height: 20px }

#container   { text-align: left; margin: 20px; width: 100%; height: 90%; overflow: auto }

.langue  { color: #809CB4 }
.langue:hover { color: #003858 }
.langueactif { color: #003858; font-weight: bold }

.smenu { color: #bbcbd7; font-weight: bold; font-size: 12px; font-family: Arial; padding-left: 20px }
.smenu:hover { color: #fff; font-weight: bold; font-size: 12px; font-family: Arial; padding-left: 20px }

.tdspactitle { padding-top: 10px; padding-bottom: 10px }
.tdmenu    { background-color: #fff; background-color:#6688A5 }
.tdmenu a { color:#FFFFFF}
.tdcontent  { padding: 20px 50px 20px 20px }
.tdimage { background: url(../photo/deco.jpg) no-repeat }
.tdtexte { padding-top: 0px}
.pave  { margin:0px 25px 0px 0px }
.tddescription { color: #fff; font-weight: bold; background-color: #60849e; padding: 10px }
.tdrelatedlink   { color: #003858; font-weight: bold; background-color: #bbcbd7; padding: 10px }

tr.bkbluelight { background-color: #bbcbd7 }
td.bkblue { color: #fff; font-weight: bold; background-color: #60849e }

.border    { margin-bottom: 10px; margin-left: 10px; border: solid 1px #003858 }
.borderall  { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #003858 }
.noborder  { margin-bottom: 10px; margin-left: 10px }
.infolink { color: #ff7c78; font-weight: bold }
.infolink:hover { color: #ff0f07; font-weight: bold }
.rlink { color: #60849e }
.rlink:hover { color: #003858 }
.rlinkactif { color: #003858 }
.learnlink  { color: #bbcbd7; font-weight: bold }
.learnlink:hover { color: #fff; font-weight: bold }
.footinfo { color: #fff; font-size: 10px; background-color: #003858; height: 16px }
.hpmenu { color: #60849e }
.hpmenuout { color: #dbe2eb }
.hpmenu:hover { color: #003858 }

.error  { color: #ff0f07; font-weight: bold; font-size: 12px }
.link { color: #003858; font-style: italic; font-weight: bold; font-size: 12px; text-decoration: none }
.link:hover { color: #ff0f07; font-style: italic; font-weight: bold; font-size: 12px; text-decoration: underline }
.tt { color: #ff0f07; font-weight: bold; font-size: 12px; text-decoration: none }
.tt:hover { color: #003858; font-weight: bold; font-size: 12px; text-decoration: none }
#error  { background-color: #ffebe0; margin-top: 10px; margin-bottom: 20px; padding: 10px; border: solid 1px #ff0f07 }
.filet bas { border-bottom: 1px solid silver }