/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*FIN RESET*/


/*******************************************************************************
* GENERAL
*******************************************************************************/
body{
  font-size:12px;
  line-height:1.5em;
  margin-top: 60px;
  font-family: Arial;
  color:#575757;
}

p,ul,ol,blockquote{ margin-bottom: 1.5em; }
a{ color:#943E00; text-decoration:none;}
a:hover{ color:#333; text-decoration: none;}
h1,h2,h3,h4,h5,h6{ margin-bottom: 24px; color:#943E00; }
h1{ font-size:1.5em; margin-top: 25px; }
h2{ font-size:1.325em; }
h3{ font-size:1.25em; }
h4{ font-size:1.125em; }
h5,h6{ font-size:1em; }

ul, ol{ margin-left: 0px;}
ul{ list-style:none;  overflow: hidden;}
ul ul, ol ul{ list-style:none; margin-bottom: 0;margin-left: 20px;}
ol{ list-style:decimal inside; overflow: hidden;}
ol ol,ul ol{ list-style:lower-roman inside; margin-bottom: 0;}

.avecPuce { margin-left: 20px;list-style:circle inside;  overflow: hidden;}

strong{font-weight: bold;}
blockquote{
  margin: 0 60px 0 45px;
  border-left:5px solid #df4b3d;
  padding-left: 10px;
  font-style:italic;
  font-family: "Kreon", serif;
  overflow: hidden;
  margin-bottom: 1.5em;
}
blockquote p{ margin-bottom: 0;}

img.alignleft{
  float:left; margin-right: 20px;
}
img.alignright{
  float:right; margin-left: 20px;
}
img.aligncenter{
  display:block; margin: 0 auto;
}

blockquote em{
  display:block;
  text-align: right;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  font-style:normal;
}

blockquote em:before{
  content:'-'
}

/*******************************************************************************
* MENU PRINCIPAL DU HAUT
*******************************************************************************/
#menuPrincipal{
    position:absolute;
    top:0;
    height:25px;
    line-height: 25px;
    background-color: #706F6F;
    width:100%;
    color:#b1b1b0;
    font-size: 12px;
}
#menuPrincipal.aquarel{
    background-color: #943F00;
}
#menuContent{
    width:960px;
    margin:0 auto;
    text-align:center;
}
#menuPrincipal ul li{
    float:left;
    margin-left:40px;
}
#menuPrincipal a{
    color:#FFF;
}
#menuPrincipal a:hover{
    color:#943E00;
}
#menuPrincipal ul.menuDroite{
    float:right;
}
#menuPrincipal ul.menuDroite a{
    color:#FFF;
    margin-right:40px;
}

/*******************************************************************************
* MENU LIENS
*******************************************************************************/
#menuLien{
    margin:0;
    padding:8px 0 0 0;
    float:right;
    font-weight: bold;
}
#menuLien li{
    float:left;
    margin-left:20px;
    font-weight:bold;
}
#menuLien a{
    color:#b1b1b0;
    
}
#menuLien a:hover{
    color:#943E00;
}

/*******************************************************************************
* MENU
*******************************************************************************/
#menu {
    font-size:12px;
    margin: 0 0 20px 0px;
    line-height: 22px;
    text-transform:uppercase;
}
#menu li{
    margin-left:20px;
}
#menu li a{
    font-weight: bold;
    color:#943E00;
}
#menu ul{
    margin: 0;
    text-transform:none;
}
#menu ul li{
    border:none;
    margin: 0;
    padding-bottom:0;
}
#menu ul li a{
    font-weight: normal;
    color:#575756;
}
#menu a.actif{
    font-weight:bold;
}

/*******************************************************************************
* CONTENT
*******************************************************************************/
#contenu{
    /*background:url(../img/fond.gif) no-repeat bottom;*/
}
#content h1{
    color:#575756;
    font-size:14px;
    font-weight:bold;
    border:none;
    margin-bottom: 5px;
}
#content h2{
    color:#943E00;
    font-size:12px;
    font-weight:bold;
    border:none;
    margin-bottom: 5px;
    text-transform:uppercase;
}
#content img{
    /*border:8px solid #b1b1b0;*/
}

/*******************************************************************************
* Pied
*******************************************************************************/
#pied{
    /*border-top:1px solid #b1b1b0;*/
    margin-top:20px;
    text-align:right;
    font-size: 0.8em;
}


/*******************************************************************************
* COIN DETENTE
*******************************************************************************/
#menuDetente{
    position:absolute;
    top:20px;
    right:50px;
    text-align:left;
}
#menu2Detente{
    display: table;
    width:100%;
    height:25px;
    background:url('../img/fond-aquarel-menu.jpg') top left;
}
#menu2Detente li{
    display:table-cell;
    margin:0;
    padding:0;
    text-align:center;
    line-height:25px;
    color:#808080;
    font-weight:bold;
}