#page {
       background: #eee;
       margin: 2em auto;
       /*max-width: 2200px;*/
       /*min-width: 1000px;*/
       /*margin: 3% 20% 5% 200px;*/
       width: 2000px;
       
       
       /*position: absolute;*/ /* postulat de départ */
       /*top: 50%; left: 50%;*/ /* à 50%/50% du parent référent */
       /*transform: translate(-50%, -50%);*/ /* décalage de 50% de sa propre taille */
       background: #fff;
       padding: 2em 2em 2em 2em;
       min-height: 600px;

}

#branding img {
        display: block;
        margin-left: auto;
        margin-right: auto
}


#access div {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
/*       width: 80em;*/
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
       background: #eee;
       border-bottom: 1px solid #ddd;
       color: #1982d1;
       clip: auto !important;
       font-size: 12px;
       position: absolute;
       text-decoration: underline;
       top: 0;
       left: 7.6em;
}

#access {
/*       background: #222;*/

/*       background: -moz-linear-gradient(#252525, #0a0a0a);*/
/*       background: -o-linear-gradient(#252525, #0a0a0a);*/
/*       background: -webkit-gradient(linear, 0em 0em, 0em 100%, from(#252525), to(#0a0a0a));*/
/*       background: -webkit-linear-gradient(#252525, #0a0a0a);*/
/*       -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;*/
/*       -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;*/
/*       box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;*/
       clear: both;
       display: block;
       float: left;
/*       margin: 0 auto 6px;*/
       width: 100%;
/*              background: linear-gradient(#888, #000);*/




/*width:150px;*/
/*height:50px;*/
/*background: black;*/
/*color:white;*/
/*-moz-border-radius:10px;*/
/*-webkit-border-radius:10px;*/
/*border-radius:10px;*/



background: -moz-linear-gradient(top,
  #fff 0%,
  #000 15%,
  #000 85%,
  #fff 100%);
  /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
  color-stop(0%,#fff),
  color-stop(15%,#000),
  color-stop(85%,#000),
  color-stop(100%,#fff));
  /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,
  #fff 0%,
  #000 15%,
  #000 %,
  #fff 100%);
  /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,
  #fff 0%,
  #000 24%,
  #000 41%,
  #fff 100%);
  /* Opera 11.10+ */
background: -ms-linear-gradient(top,
  #fff 0%,
  #000 24%,
  #000 41%,
  #fff 100%);





background: linear-gradient(
  #fff 0%,
  #000 15%,
  #000 85%,
  #fff 100%);
  /* W3C */



}
#access ul {
       font-size: 13px;
       list-style: none;
       margin: 0 0 0 -0.8125em;
       padding-left: 0;
}
#access li {
       float: left;
       position: relative;
}
#access a {
       color: #ffffff;
/*       background: linear-gradient(#888, #000);*/
       display: block;
       line-height: 3.333em;
       padding: 0 1.2125em;
       text-decoration: none;

}

#access li:hover > a,
#access a:focus {

background: -moz-linear-gradient(top,
  #eee 0%,
  #888 15%,
  #888 85%,
  #eee 100%);
  /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
  color-stop(0%,#eee),
  color-stop(15%,#888),
  color-stop(85%,#888),
  color-stop(100%,#eee));
  /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,
  #eee 0%,
  #888 15%,
  #888 %,
  #eee 100%);
  /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,
  #eee 0%,
  #888 24%,
  #888 41%,
  #eee 100%);
  /* Opera 11.10+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
background: linear-gradient(
  #eee 0%,
  #888 15%,
  #888 85%,
  #eee 100%);
  /* W3C */

/*       background: linear-gradient(#373737, #000);*/
/*       background: -moz-linear-gradient(#f9f9f9, #e5e5e5);*/
/*       background: -o-linear-gradient(#f9f9f9, #e5e5e5);*/
/*       background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));*/
/*       background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);*/
       color: #373737;
}

#access .current_page_item > a
{

background: -moz-linear-gradient(top,
  #eee 0%,
  #aaa 15%,
  #aaa 85%,
  #eee 100%);
  /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
  color-stop(0%,#eee),
  color-stop(15%,#aaa),
  color-stop(85%,#aaa),
  color-stop(100%,#eee));
  /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,
  #eee 0%,
  #aaa 15%,
  #aaa %,
  #eee 100%);
  /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,
  #eee 0%,
  #aaa 24%,
  #aaa 41%,
  #eee 100%);
  /* Opera 11.10+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

background: linear-gradient(
  #eee 0%,
  #aaa 15%,
  #aaa 85%,
  #eee 100%);
  /* W3C */
       color: #000;
}



/*#primary {*/
/*       float: left;*/
/*       margin: 5em 15em 5em 15em;*/
/*       width: 30em;*/
/*        float: left;*/
/*        width: 160px;*/
/*        padding: 1px 0;*/
/*        background: lightblue !important; */
/*}*/
#content {
/*       margin: 3% 20% 5% 200px;*/
/*       width: 80em;*/
        width: 100%;
/*       background: #fff;*/
        padding: 2em 2em 2em 2em;
        min-height: 600px;
/*        padding: 1px 20px;*/
        margin-top: 50px;
        margin-bottom: 40px;
/*        margin-left: 170px;*/
        margin-right: 305px;
/*        background: khaki !important; */
}
/*colone right*/
#secondary {
/*       float: right;*/
/*       padding: 2em 2em 2em 2em;*/
/*       display: block;*/
/*       width: 200px;*/
/*       height:200px;*/
        float: right;
        width: 300px;
        padding: 0px 0;
        border: 1px solid #bbb;
/*        background: burlywood !important;*/
}

body {
       background: #e2e2e2;
       margin: 0em 0em 0em 0em;
       font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 300;
       line-height: 1.625;
       overflow-y:scroll;
}

hr {
       background-color: #ccc;
       border: 0;
       height: 1px;
       margin-bottom: 1.625em;
}

p{
       line-height: 1.2em;
       margin-left: 1.2em;
}

ul {
       list-style-image: url('puce.png');
       margin-left: 1.8em;
}
b {
       font-weight: bold;
}
#tel {
/*       color: #021887;*/
       font-weight: bold;
}
#address {
/*       color: #021887;*/
       font-weight: bold;
}

aa {
       color: #00f;
}

ins {
       background: #fff9c0;
       text-decoration: none;
}
sup,
sub {
       font-size: 10px;
       height: 0;
       line-height: 1;
       position: relative;
       vertical-align: baseline;
}
sup {
       bottom: 1ex;
}
sub {
       top: .5ex;
}
small {
       font-size: smaller;
}

a {
       color: #1982d1;
       text-decoration: none;
}

.point a{
    text-decoration:none;
}

h1{
       font-size: 22px;
       margin: 0 0 .8125em;
}
h2 {
       font-weight: bold;
       font-size: 18px;
       margin: 0 0 .8125em;
       color: #021887;
/*       background:  #ccc;*/
}
h3 {
       font-size: 16px;
       color: #202088;
}

a:hover {
       background: #bbb;
       color: #fff;
}

/*TODO*/
thanks{
       font-weight: bold;
       color: #555;
       font-size: 20px;
       margin: 0 0 .8125em;
}

#site-foot {
       background: #f9f9f9;
       border-top: 1px solid #ddd;
       color: #666;
       font-size: 12px;
       text-align: center;
}

#site-foot a {
       color: #444;
       font-weight: bold;
}