/* Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1.5;font-family: inherit;vertical-align: baseline; }

/* Params */
body  { font: 100% Arial, Helvetica, sans-serif; background: white url(../img-design/fond-page.jpg) repeat-x;  }
hr, .cache  {position: absolute;left: -5000px;top: -5000px; font-size: 1px; }
img  { border: none;  }
strong  { font-weight: bold;  }
em  { font-style: italic;  }
acronym  { border-bottom: 1px solid #ccc; cursor: help;  }
a img, :link img, :visited img  { border: 0 none;  }

/* Evit */
#evitement   { position: absolute; top: -2px; left: 0; width: 99.5%; text-align: center; z-index: 1 }
#evitement div { display: block; width: 87%; min-width: 780px; max-width: 1200px; margin: 0 auto; text-align: right; padding-right: 20px; }
#evitement ul {  list-style: none; text-align: right }
#evitement ul li { display: inline; list-style-type: none }
#evitement ul li a { text-decoration: none; padding: 0 0.4em; font: .6em Verdana, Helvetica, sans-serif; color: #bbb; border-right: 1px solid #bbb; }
#evitement ul li a.sans { border: 0 none }
#evitement ul li a:hover, #evitement ul li a:focus { color: black }

/* Structure */
#global   {  font: .85em/1.2em Arial, Helvetica, sans-serif; width: 85%; min-width: 780px; max-width: 1200px; margin: 0 auto; background-color: white; }
#colgauche { float: left; text-align: left; width: 200px }
#contenu { margin-left: 200px }
#entete { padding: 60px 0; background: white url(../img-design/fond-entete.jpg) no-repeat; }
#entete h1 { text-align: right;padding-right: 20px; }
#coldroite { float: right; text-align: left; width: 200px;background: white url(../img-design/ombre.png) no-repeat; padding-top:18px; }
#page { min-height:800px; margin-right: 200px; padding: 25px; padding-top: 10px; border: 1px solid #ccc; }

/* Menu col gauche */
#colgauche h3, #colgauche ul, #colgauche form { margin-left:10px; }
.navlist { list-style: none; text-align: right; border-bottom: 1px solid #ccc }
.navlist li { width: 100% }
.navlist li a { display: block; text-decoration: none; outline: none; padding: .5em; font: bold .85em Arial, Helvetica, sans-serif; color: rgb(105,105,200); background-color: rgb(250,250,250); border-top: 1px solid #ccc; height: 1% }
.navlist li a:link   { color: rgb(105,105,200) }
.navlist li a:hover { color: #666; background: white }
.navlist li a:active, .navlist li a:focus { outline: none; background-color: rgb(173,173,237); color: white }
.navlist li ul { list-style: none; margin-bottom: 5px }
.navlist li ul li a { display: block; text-decoration: none; padding: .2em 0; padding-right: .5em; font: .85em/1.2em Arial, Helvetica, sans-serif; color: rgb(105,105,200) !important; border: 0 none; background-color: white }
.navlist li ul li a:hover { color: black !important }
.navlist li ul li a:active, .navlist li ul li a:focus { background-color: white; color: black !important }

/* Menu col droite */
#coldroite h3, #coldroite ul, #coldroite p, #coldroite form, #coldroite img { margin-left:10px; }
#coldroite p { margin-right:15px; }
.liens3items  {  background-color: rgb(245,245,245); border-bottom: 1px solid #ccc; padding:5px 0;}
.liens3items li { list-style-type: square; color: rgb(105,105,200); margin-left:15px; margin-right:10px; padding:0; }
.liens3items li a  { display: block; text-decoration: none; outline: none; padding: 4px 0; font: .85em Arial, Helvetica, sans-serif; color: rgb(105,105,200); }
.liens3items li a:hover, .liens3items li a:active, .liens3items li a:focus { color: black !important; text-decoration:underline; }

/* Onglets  */
.onglets { margin-top:10px;  padding: 0; background-color:#aaa; height:177px;}
.onglets  ul { margin:0; padding-top:150px; height:27px; border-bottom:1px solid #ccc;}
.onglets li {display:inline; background-color:white;}
.onglets a  { padding:10px 25px; font-size:1.2em; text-align:center; text-decoration:none; color:black; border:1px solid #ccc;border-bottom:0 none;background-color:rgb(245,245,245); position: relative; top:1px;}
.onglets a:hover, .onglets a:focus, { color:white; background-color:rgb(105,105,200); }
.onglets a.actif { color: white; background-color:rgb(105,105,200); border:1px solid rgb(105,105,200); border-bottom:0 none;}

/* Forms */
form { margin-top: 10px }
fieldset { border: 0 none }
input { width: 160px; border: 1px solid #aaa; font: 0.9em Arial, Helvetica, sans-serif; color: #999; padding: 2px; margin: 0 }
label { font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif ; color: rgb(36,36,163); text-transform: uppercase; padding: 15px 0 5px 0 }
.ok { width: 20px; font: 0.9em Arial, Helvetica, sans-serif; background-color: rgb(173,173,237); color: white; padding: 1px; margin-left: -5px; cursor: pointer }

/* Typos */
h1 { font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif ; color: #999 }
h2 { text-align: right; color: rgb(36,36,163); font-size: 1.3em; font-weight: bold; padding: 10px 0; }
h3 { font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif ; color: rgb(36,36,163); text-transform: uppercase; padding: 15px 0 5px 0 }
h4 { font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif ; color: rgb(36,36,163); padding: 15px 0 5px 0 }
h5 { font: bold 1.3em Arial, Helvetica, sans-serif ; color: black; padding: 5px 0 }
h6 { font: bold 1em Arial, Helvetica, sans-serif ; color: black; padding: 10px 0 }
p { color: #666; font: .82em/1.5em Verdana, Helvetica, sans-serif }
p a:link, p a:visited, p a:active  {  color: #999; }
p a:hover, p a:visited:hover, p a:active:hover  {  color: rgb(105,105,200) }
p.ariane { color: #ccc; font: .8em Verdana, Helvetica, sans-serif; margin-bottom: 2em }
p.technik { margin: 10px 0 }
p.technik span { border-bottom: 1px solid #ddd }

/* Page */
#articles { display: none; }
.contenus { margin-top: 10px; }
#page li { font: 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #666; margin-left: 40px; list-style-type: square; }

kbd { font-size : 1em; color: #333; padding: 1px 2px; border: 1px solid #eee; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: rgb(235,235,255) }
span.coupe { font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1em }
.floatleft { float: left; margin-right: 10px }

/* Base */
#base { text-align: left; font: .9em/1.5em Arial, Helvetica, sans-serif ; height: 30px; }
#base p.outils {  margin-left:200px;}
#base a, #base  p.coordonnees { text-decoration: none; color: #999; padding: 0 0.4em; border-right: 1px solid #bbb }
#base p.coordonnees { padding: 5px; font: 1em/1.1em Arial, Helvetica, sans-serif; background-color: #eee;  }
#base  p.coordonnees a, #base  p.coordonnees, #voldenuit { border: 0 none }
#base a:hover, #base a:focus { color: black }