/*---------------------------------------------------------
/*      =TAGS
/*      =STRUCTURE
/*        @Header
/*        @Container
/*        @Footer
/*      =MODULES
/*        @Navigation
/*        @Forms
-------------------------------------------------------- */


/*---------------------------------------------------------
        =TAGS
-------------------------------------------------------- */

html, body {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
    background: url(/images/fond.png) repeat-x #e5dcd6;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

h1, .h1 {
    font-size: 1.8em;
}

h2, .h2 {
    font-size: 1.6em;
}

h3, .h3 {
    font-size: 1.4em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1.2em;
}

h6, .h6 {
    font-size: 1.2em;
}

p {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0;
    padding: 0;
} 

ol {
    list-style: decimal;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

li {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: underline;
    color: #83736C;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #157606;
}

img {
    border: 0;
}

hr {
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    color: #fff;
    height: 0;
    margin: 0;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    line-height: 1.2em;
}

label {
    cursor: pointer;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

th, td {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0.6em 1.8em;
    padding: 0;
}

small {
    font-size: 0.8em;
}

kbd {
    border: 1px solid #000;
    padding: 1px 2px;
}

sup {
    bottom: 0.3em;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.2em;
    position: relative;
    vertical-align: baseline;
}

acronym, abbr {
    border-bottom: 1px dashed;
    cursor: help;
    letter-spacing: 1px;
}

/*---------------------------------------------------------
        =STRUCTURE
-------------------------------------------------------- */

#site  {
    margin: 0 auto;
    width: 959px;
}

#site .fondSite {
    background: url(/images/fond-site.png) top right repeat-y;
}

#site .clear {
    clear: both;
}


/*      @Header
------------------------------------ */

#header {
    margin: 0 0 8px 0;
    padding: 0px 14px 0px 15px;
}

#header .block {
    width: 768px;
}

#header .block .sBlock img {
    display: block;
}

#header .block .sBlock .bandeauDesc {
    background: #000000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    height: 34px;
    color: #d0c0b6;
    font-size: 2.0em;
    line-height: 1.1em;
    padding: 12px 0 0 16px;
}

#header .block .sBlock .carousel {
    width: 752px;
    position: relative;
    overflow: hidden;
}

#header .block .sBlock .carousel .slider {
    position: relative;
}

#header .block .sBlock .carousel .item {
    width: 752px;
    float: left;
    height: 34px;

}


/*      @Container
------------------------------------ */

#container {
    float: left;
    width: 797px;
    margin: 0 0 0 2px;
    padding: 16px 0 0 0;
    background: #473b36;
}

#content {
    margin: 0 0 9px 0;
    padding: 0px 14px 0px 15px;
}

#content .actualites {
    background: #d2c8c1;
    padding: 1px;
    width: 246px;
    float: left;
}

#content .actualites .bordure {
    border: 1px solid #4a362a;
}

#content .actualites h2 {
    color: #473b36;
    font-size: 2.0em;
    padding: 8px 10px 0 10px;
    font-weight: bold;
    height: 25px;
}

#content .actualites ul {
    list-style: none outside;
}

#content .actualites ul li {
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 8px 10px 4px 10px;
    height: 14px;
    overflow: hidden;
}

#content .actualites ul li.actu {
    height: auto; /*anciennement 43px*/
    color: #4a362a;
}

#content .actualites ul li.clair {
    background: #eae1dc;
}

#content .actualites ul li a {
    text-decoration: underline;
    color: #83736c;
}

#content .actualites ul li.actu p {
    padding: 0 0 5px 0;
}

#content .actualites ul li.actu p.lienSuite {
    padding: 0;
}

#content .actualites ul li.actu p.lienSuite a {
    padding: 0 12px 0 0;
    background: url(/images/picto-double-fleche.png) no-repeat right 4px;
}

#content .actualites ul li p.voirToutes {
    text-align: right;
}

#content .breadcrumb {
    color: #d0c0b6;
    margin: 0 0 8px 0;
}

#content .breadcrumb span,
#content .breadcrumb a {
    color: #9d9794;
}

#content .colMain {
    width: 502px;
    float: left;
    margin: 0;
    background: #eae1dc;
    min-height: 415px;
}

#content .colMain h1 {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #473b36;
    font-weight: bold;
    padding: 10px 10px 10px 36px;
    background: url(/images/picto-fleche-titre.png) no-repeat #d2c8c1 16px 14px;
    margin: 0 0 15px 0;
}

#content .colMain h2 {
    font-size: 1.4em;
    line-height: 1.2em;
    color: #148105;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#content .colMain p {
    font-size: 1.1em;
    line-height: 1.2em;
    color: #473b36;
    margin: 0 0 30px 0;
}

#content .colMain p a {
    color: #83736c;
    text-decoration: underline;
}

#content .colMain p a:hover {
    color: #157606;
    text-decoration: underline;
}

#content .colMain form p {
    font-size: 1.0em;
    margin: 0;
}

#content .colMain form textarea,
#content .colMain form select,
#content .colMain form input,
#content .colPub form input {
    font-size: 1.1em;
}

#content .colMain input.submit,
#content .colMain .submit input {
  background:none repeat scroll 0 0 #148105;
  border:1px solid #473B36;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color:#FFFFFF;
  display:block;
  margin:20px 0 10px 180px;
  padding:4px 8px;
  text-align:center;
  width:70px;
}

#content .colMain inputNesletterButton {
  background:none repeat scroll 0 0 #148105;
  border:1px solid #473B36;
  color:#FFFFFF;
  padding:4px 8px;
}

#content .colMain .chapeau p {
    font-size: 1.2em;
    font-weight: bold;
}

#content .colMain .paddingContent {
    padding: 0 15px;
}

#content .colMain .photoGauche {
    float: left;
    margin: 0 15px 10px 0;
}

#content .colMain .photoDroite {
    float: right;
    margin: 0 0 10px 15px;
}

#content .colMain table.encart {
    background: #148105;
    border: 1px solid #d1c7c0;
    margin: 0 0 30px 0;
    padding: 10px 10px 0 10px;
}

#content .colMain table.encart td {
    color: #68574D;
    background: #D1C7C0;
    margin: 0 0 30px 0;
    padding: 10px 10px 10px 10px;
    line-height: 1.2;
    font-size: 1.1em;

}

#content .colMain table.encart td p {
  color: #68574D;
}

#content .colMain table.encart img {
    border: 1px solid #d1c7c0;
    padding: 0px;
    margin: 0px;
}

#content .colMain .actu {
    border-bottom: 3px double #dad0ca;
    margin: 0 0 20px 0;
}

#content .colMain .actuLast {
    border-bottom: 0;
}

#content .colMain .actu .bandeau {
    margin: 0 0 15px 0;
}

#content .colMain .actu .bandeau img {
    border: 1px solid #988e89;
    display: block;
}

#content .colPub h2.btBillet,
#content .colMain h2.btBillet {
    margin: 0 0 8px 0;
}

#content .colPub h2.btBillet img,
#content .colMain h2.btBillet img {
    display: block;
}

#content .colPub .blocNewsletter,
#content .colMain .blocNewsletter {
    background: #1f140e;
    padding: 8px 0px 8px 8px;
    margin: 0 0 7px 0;
}

#content .colPub .blocNewsletter form p label,
#content .colMain .blocNewsletter form p label {
    font-size: 1.3em;
    color: #157606;
    font-weight: bold;
}

#content .colPub .blocNewsletter form p input.text,
#content .colMain .blocNewsletter form p input.text {
    background: 0;
    border: 0;
    border-bottom: 1px solid #75685f;
    color: #d6c8bb;
    font-family: arial;
    width: 136px;
    padding: 1px 0;
    margin: 0 5px 0 2px;
}

#content .colPub .blocNewsletter form p input.btImg,
#content .colMain .blocNewsletter form p input.btImg {
    vertical-align: middle;
}

#content .colMain ul.outilsListe {
    list-style: none outside;
}

#content .colMain ul.outilsListe li {
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: verdana, helvetica, sans-serif;
    padding: 5px 0;
    background: url(/images/fond-double-bordure-menu.png) repeat-x left bottom;
}

#content .colMain ul.outilsListe li a {
    color: #d9cabd;
    display: block;
    padding: 6px 10px 6px 40px;
    background: url(/images/picto-outils-sprite.png) no-repeat;
}

#content .colMain ul.outilsListe li.fb  a {
    background-position: 8px 2px;
}

#content .colMain ul.outilsListe li.blog  a {
    background-position: 8px -34px;
}

#content .colMain ul.outilsListe li.agenda  a {
    background-position: 8px -70px;
}

#content .colMain ul.outilsListe li.itineraire  a {
    background-position: 8px -110px;
}

#content .colMain ul.outilsListe li.rss  a {
    background-position: 8px -150px;
}

#content .colMain ul.outilsListe li.agenda  {
    /*background: url(/images/picto-fleches-deroul-sprite.png) no-repeat 225px 16px;*/
    position: relative;
    border-bottom: 1px solid #322926;
}

#content .colMain ul.outilsListe li.itineraire  {
    border-top: 1px solid #5a4f4a;
}

#content .colMain ul.outilsListe li.agendaOpen  {
    background-position: 225px -34px;
}

#content .colMain ul.outilsListe li.agenda div  {
    display: none;
    position: absolute;
    top: 38px;
    left: 0px;
    background: #1f140e;
    width: 250px;
    padding: 6px 0 5px 0;
    height: 73px;
}

#content .colMain ul.outilsListe li.agenda form p  {
    color: #d9cbbe;
    padding: 0 10px 5px 10px;
}

#content .colMain ul.outilsListe li.agenda form p.submit {
    margin: -20px 0 0 0;
}

#content .colMain ul.outilsListe li.agenda form p.submit input {
    font-size: 0.9em;
    float: right;
}

#content .colMain ul {
  list-style: none outside;
  margin: 0 0 0px 0;
}



#content .colMain .paddingContent ul li {
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 7px 10px 7px 30px;
  background: url(/images/picto-fleche-liste.png) no-repeat 15px 10px;
  color: #4a362a;
}

#content .colMain .paddingContent ul li a {
  color: #83736C;
}

#content .colMain .paddingContent ul li a:hover {
  color: #157606;
}


#content .colMain ul.listeFleche {
    list-style: none outside;
    margin: 0 0 25px 0;
}

#content .colMain ul.listeFleche li {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 7px 10px 7px 30px;
    background:  url(../images/picto-fleche-liste.png) no-repeat 15px 10px;
    color: #4a362a;
}

#content .colMain ul.listeFleche li.fonce {
    background-color: #e0d7d0;
}

#content .colMain ul.listeFleche li.rss {
    text-transform: uppercase;
    color: #157606;
}

#content .colMain ul.listeFleche li.rss a {
    color: #157606;
}

#content .colMain ul.listeFleche li a {
    text-decoration: underline;
}

#content .colMain ul.listeFleche li a:hover {
    text-decoration: none;
}

#content .colMain ul.listeFleche li .titre {
    text-transform: uppercase;
    display: block;
    margin: 0 0 5px 0;
}

#content .colMain .blocPartenaire {
    width: 144px;
    height: 128px;
    text-align: center;
    background: url(/images/fond-logo-partenaire.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 7px 16px 6px;
}

#content .colMain .blocPartenaire h3 {
    text-transform: uppercase;
    color: #473b36;
    font-weight: bold;
    height: 23px;
    padding: 12px 0 4px 0;
    font-size: 1.3em;
}

#content .colMain .blocPartenaire p {
    margin: 0;
}

#content .colMain .pagination {
    clear: both;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #83736c;
    padding: 15px 0 20px 0;
    text-align: center;
}

#content .colMain .pagination span,
#content .colMain .pagination a {
    padding: 0 3px;
}

#content .colMain .pagination span.current {
    color: #148105;
    font-weight: bold;
}

#content .colMain .listeAlphabetique {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

#content .colMain .listeAlphabetique a {
    color: #4a362a;
    text-decoration: none;
}

#content .colMain .listeAlphabetique a:hover {
    text-decoration: underline;
}

#content .colMain form.formFleche {
    margin: 0 0 20px 0;
}

#content .colMain .formFleche label {
    font-size: 1.1em;
    text-transform: uppercase;
    width: 130px;
    float: left;
    background: url(/images/picto-fleche-liste.png) no-repeat 0px 5px;
    padding: 3px 0 0 15px;
}

#content .colMain .formFleche p {
    padding: 0 0 5px 0;
}

#content .colMain .formFleche .text input {
    width: 200px;
}

#content .colMain .formFleche select {
    width: 206px;
    margin: 0 10px 0 0;
}

#content .colMain p.pictoFleche {
    background: url(/images/picto-fleche-liste.png) no-repeat 0px 3px;
    padding: 0 0 0 15px; 
    margin: 0 0 15px 0; 
}

#content .colMain p.pictoFleche strong {
    text-transform: uppercase;
}

#content .colMain .resultatRecherche {
    padding: 10px 30px;
}

#content .colMain .resultatRecherche h3 {
    font-size: 1.1em;
    line-height: 1.1em;
    color: #4a362a;
    font-weight: bold;
    padding: 0 0 2px 0;
}

#content .colMain .resultatRechercheFonce {
    background: #e0d7d0;
}

#content .colMain .resultatRecherche p {
    margin: 0;
    color: #6f645c;
}

#content .colMain .resultatRecherche p.stand {
    padding: 15px 0 0 0;
    color: #4a362a;
}


#content .colMain .blocCarousels {
    
    margin: 0 0 15px 0;
}

#content .colMain .blocCarousels .ongletsPhoto {
    height: 24px;
}

#content .colMain .blocCarousels .ongletsPhoto a {
    display: block;
    float: left;
    width: 56px;
    height: 16px;
    background: url(/images/fond-onglets.png) no-repeat -56px 0px;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0 0 0;
    color:#4E4542;

}

#content .colMain .blocCarousels .ongletsPhoto a.current {
  background-position: 0px 0px;
  color:#4E4542;
  font-weight:bold;
}

#content .colMain .carousel {
    background: url(/images/fond-caroussel.png) no-repeat;
    width: 472px;
    height: 82px;
    padding: 14px 0 0 0;
    position: relative;
}

#content .colMain .carousel a.next,
#content .colMain .carousel a.prev {
    position: absolute;
    top: 41px;
    display: block;
    width: 8px;
    height: 14px;
}

#content .colMain .carousel a.prev {
    left: 16px;
    background: url(/images/bt-fleche-prec.png) no-repeat;
}

#content .colMain .carousel a.next {
    right: 16px;
    background: url(/images/bt-fleche-suiv.png) no-repeat;
}

#content .colMain .carousel ul li {
  background: none;
  padding: 0;
}

#content .colMain .carousel .masque {
    width: 410px;
    height: 68px;
    overflow: hidden;
    position: relative;
    margin: auto;
}

#content .colMain .carousel ul.slider {
    list-style-type: none;
    position: relative;
    width: 410px;
}

#content .colMain .carousel .item {
    float: left;
    margin: 0 7px 0 0;
}

#content .colMain .carousel .item img {
    display: block;
}

#content .colMain .apercuVideo {
    margin: 0 0 20px 0;
}

#content .colPub {
    width: 250px;
    float: right;
}

#content .colPub img {
    display: block;
}

#content .colPub p.video {
    margin: 0 0 10px 0;
}

#aside {
    width: 156px;
    float: left;
    padding: 5px 0 0 0;
}

#aside .langues {
    background: url(/images/fond-onglet-langues.png) no-repeat;
    height: 30px;
    width: 78px;
    overflow: hidden;
    float: right;
    border-right: 2px solid #2e2420;
    margin: 0 0 5px 0;
}

#aside .langues img {
    margin: 2px 0px 0 9px;
    display: block;
    float: left;
}

#aside .menu {
    border-right: 2px solid #2e2420;
    clear: both;
    padding: 0;
    margin: 0 0 10px 0;
}

#aside .menu .logo {
    background: url(/images/fond-menu-gauche-haut.png) no-repeat #3a302c;
    padding: 7px 0 5px 12px;
}

#aside .menu ul {
    list-style: none outside;
}

#aside .menu ul li {
    font-size: 1.2em;
    line-height: 1.1em;
    color: #fff;
    padding: 5px 0 5px 11px;
    position: relative;
    z-index: 50;
}

#aside .menu ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#aside .menu ul li a:focus,
#aside .menu ul li a:active,
#aside .menu ul li a:hover {
    text-decoration: none;
}

#aside .menu ul.menuClair {
    background: url(/images/fond-menu-gauche-gris-haut.png) repeat-x #83736c;
    border-left: 1px solid #3a302c;
    padding-top: 6px;
}

#aside .menu ul.menuClair li {
    border-top: 1px solid #9c8f89;
    border-bottom: 1px solid #695c56;
}

#aside .menu ul.menuClair li.first {
    border-top: 0;
    padding-top: 4px;
}

#aside .menu ul.menuClair li.last {
    border-bottom: 0;
    padding-bottom: 3px;
}

#aside .menu ul.menuClair li a {
    color: #f3efec;
}

#aside .menu ul.menuFonce {
    background: url(/images/fond-menu-gauche-gris-bas.png) repeat-x #3a302c;
    border-left: 1px solid #3a302c;
    padding-top: 4px;
}

#aside .menu ul.menuFonce li {
    border-top: 1px solid #4e4542;
    border-bottom: 1px solid #28221f;
}

#aside .menu ul.menuBas {
    background: url(/images/fond-menu-gauche-bas.png) no-repeat left bottom;
}

#aside .menu ul.menuBas li {
    height: 15px;
}

#aside .menu ul li ul {
    border: 1px solid #8b817d;
    background: #a09590;
    padding: 0 10px;
    position: relative;
    font-size: 0.9em;
}

#aside .menu ul.menuFonce li ul li,
#aside .menu ul.menuClair li ul li,
#aside .menu ul li ul li {
    font-size: 1.0em;
    padding: 0;
    border: 0;
    border-top: 1px solid #8b817d;
}

#aside .menu ul.menuClair li ul li.first,
#aside .menu ul li ul li.first {
    border-top: 0;
    padding-top: 0;
}

#aside .menu ul.menuFonce li ul li a,
#aside .menu ul.menuClair li ul li a,
#aside .menu ul li ul li a {
    color: #fff;
    padding: 5px 0px;
}

#aside .menu ul li ul li a:active,
#aside .menu ul li ul li a:focus,
#aside .menu ul li ul li a:hover {
    color: #3A302C;
}

#aside .menu ul li.jHover,
#aside .menu ul li:hover {
    background: #a09590;
}

#aside .menu ul li .sousMenu,
#aside .menu ul li .sousMenu {
    /*
    padding: 0 0 0 2px;
    */
    border-left: 2px solid #2e2420;
    display: none;
    position: absolute;
    z-index: 50;
    top: -1px;
    left: 153px;
    width: 140px;
    overflow: hidden;
}

#aside .menu ul li.jHover .sousMenu,
#aside .menu ul li:hover .sousMenu {
    display: block;
}

#aside .menu ul.menuBas li.jHover,
#aside .menu ul.menuBas li:hover {
    background: 0;
}

#aside .outilsListe {
    background: url(/images/fond-barre-outils-interne.png) no-repeat;
    height: 32px;
    overflow: hidden;
    border-right: 2px solid #2e2420;
    margin: 0 0 10px 0;
    padding: 0 0 0 2px;
}

#aside .outilsListe a img {
    margin: 4px 0px 0 6px;
    display: block;
    float: left;
}

#aside .outilsListe a:hover img {
    margin-top: 5px;
}

#planSite {
    background: url(/images/fond-footer.png) repeat-x;
    padding: 20px 15px 10px 15px;
    clear: both;
    height: 180px;
}

#planSite .col {
    width: 111px;
    float: left;
    margin: 0 20px 0 0;
}

#planSite .colLast {
    margin: 0;
    width: 112px;
}

#planSite .col h3 {
    color: #157606;
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 5px 0;
}

#planSite .col ul {
    list-style: none outside;
    margin: 0 0 5px 0;
}

#planSite .col ul li {
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 0 0 5px 0;
}

#planSite .col ul li a {
    color: #dddddd;
    text-decoration: none;
}

/*      @Footer
------------------------------------ */

#footer {
    padding: 15px 2px 60px 2px;
    position: relative;
}

#footer .onglets {
    position: absolute;
    top: 0px;
    left: 180px;
}

#footer .onglets img {
    margin: 0 10px 0 0;
}

#footer p {
    color: #6e5648;
    font-size: 1.1em;
    text-align: right;
}

#footer p a.concept {
    color: #281b13;
}


/*---------------------------------------------------------
        =MODULES
-------------------------------------------------------- */

.accueil #header .slider {
    height: 318px;
}

.accueil #header {
    margin: 0 0 18px 0;
}

.accueil #content .colMain {
    width: 250px;
    margin: 0 0 0 8px;
    background: 0;
    min-height: 285px;
}

/**  Gestion de la lightbox **/

#overlayLightbox {
    -moz-opacity: 0.7;
    background: #000000;
    display: none;
    filter: alpha(opacity=70);
    height: 100%;
    left: 0px;
    opacity: 0.7;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 200;
}

.lightBox {
    -moz-box-shadow: 2px 2px 5px #222;
    -webkit-box-shadow: 2px 2px 5px #222;
    background: #fff;
    box-shadow: 2px 2px 5px #222;
    display: none;
    height: 170px;
    left: 50%;
    margin: -170px 0 0 -210px;
    padding: 5px;
    position: fixed;
    top: 50%;
    width: 410px;
    z-index: 210;
}

.lightBox .fermer {
    height: 30px;
}

.lightBox .fermer img {
    display: block;
    float: right;
}

.lightBox .contentLightbox {
    height: 170px;
    padding: 0 20px;
}

.lightBox h2 {
    color: #157606;
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 5px 0;
}

.lightBox p {
    color: #5b4b3a;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 10px 0;
}