/*font*/
h1.fontface{
font:50px/58px 'TangerineRegular', Arial, sans-serif;
letter-spacing:0
}

h2.fontface{
font:30px/33px 'TangerineRegular', Arial, sans-serif;
letter-spacing:0
}

@font-face{
font-family:'TangerineRegular';
src: url('Tangerine_Regular-webfont.eot');
src: url('Tangerine_Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('Tangerine_Regular-webfont.woff') format('woff'),
     url('Tangerine_Regular-webfont.ttf') format('truetype'),
     url('Tangerine_Regular-webfont.svg#TangerineRegular') format('svg');
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'TangerineBold';
src: url('Tangerine_Bold-webfont.eot');
src: url('Tangerine_Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('Tangerine_Bold-webfont.woff') format('woff'),
     url('Tangerine_Bold-webfont.ttf') format('truetype'),
     url('Tangerine_Bold-webfont.svg#TangerineBold') format('svg');
font-weight:normal;
font-style:normal
}

/* CSS Reset */
*{
margin: 0;
padding: 0;
}

nav, article, section {
display:inline-block;
vertical-align: top;
}

img{
border:none
}

/*end reset*/


/* Général */

html {
font-size:100%;
background-color:#E3E1E1;
margin:0;
padding:0
}

body {
color:#6b6b6b;
font-size:1.2em;
font-family:"palatino linotype", palatino, Cursive;
background-color:#ffffff;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5 px#6d7673;
box-shadow: 0 0 5px #6d7673;
width:900px;
min-height:800px;
margin:10px auto;
padding:0
}

/* Entete */

header#banner{
color:black;
font-weight:bold;
/*text-shadow:1px 1px 2px #000;*/
width:845px;
height:90px;
margin:10px 20px;
padding:5px;
border-bottom:2px solid rgb(0,100,250);/*rgb(150,200,150);*/
}

header#banner h2{
font-weight:bold;
/*text-shadow:2px 2px 2px #000;*/
margin:-10px 0 0 5px;
}
 
/* Navigation */

nav#menu-side{
margin:10px 20px;
padding:5px;
width:150px;
height:100%;
border:2px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5px# 6d7673;
box-shadow: 0 0 5px #6d7673;
}

nav#menu-side .titre{
color:rgb(0,100,250);/*rgb(150,200,150);*/
text-align:left;
font-weight:bold;
/*text-shadow: 0px 0px 10px #000, -1px -1px #000;
font-weight:800;*/
margin:5px 0
}

nav#menu-side .titre a{
color:rgb(0,100,250);/*rgb(150,200,150);*/
font-size:1em;
font-weight:bold;
text-align:left;
/*text-shadow: 0px 0px 10px #000, -1px -1px #000;
font-weight:800;*/
margin:5px 0
}

nav#menu-side .titre a:hover{
color:#000;
text-align:left;
font-weight:bold;
/*text-shadow: 2px 2px 10px #000000, -1px -1px #000000;
font-weight:800;*/
margin:5px 0
}

nav#menu-side ul li{
list-style:none;
margin:5px;
width:150px;
}

nav#menu-side a{
color:black;
font-size:.8em;
text-decoration:none;
width:130px;
display:block;
margin-left:5px
}

nav#menu-side a:hover{
color:rgb(0,100,250);/*rgb(150,200,150);*/
}

/* Section */


section{
text-align:justify;
width:680px;
height:100%;
margin:15px 0px 0px 0px;
padding:0;
font-size:0.9em;
}


section h1 {
font-family:"Times New Roman", Times, Serif;
font-weight:600;
line-height:1.2;
font-size:1.65em;
font-style:italic;
padding:3px 0 0 5px;
margin-bottom:25px;
color:rgb(0,100,250);/*rgb(150,200,150);*/
border-bottom:2px solid #6d7673;
}

section h2 {
font-family:"Times New Roman", Times, Serif;
font-weight:600;
font-size:1.1em;
font-style:italic;
padding:0px 0 0 5px;
margin-top:20px;
margin-bottom:10px;
color:rgb(0,100,250);/*rgb(150,200,150);*/
}


article{
font-family:Arial, Helvetica, sans-serif;
width:650px;
height:100%;
margin:0 0 30px 0
}


table {
font-size:0.85em;
border: none;
width: 50%;
}
td, th {
border: thin solid #000000;
border-radius:10px;
width: 50%;
}
th {
font-family:"palatino linotype", palatino, Cursive;
}


table.longtableau { width:60%; }
/* <table class="longtableau" align="left"> */


img.aide {
border="0" width="22" height="22" title="Indications" align="absbottom"}

 ul  {
margin-left: 1em;
padding-left: 1em;
}