/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/* Design et CSS crees par f.pradignac */
/* www.fpradignac.com */

/* base
--------------------------------- */
body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #594D47;
  text-align: center;
  border: 0;
}

a {
  margin: 0;
  padding: 0;
  color: #003D83;
  text-decoration: none;
}

a:link,
a:visited {
  margin: 0;
  padding: 0;
  color: #003D83;
  text-decoration: underline;
}
a:hover,
a:active {
  margin: 0;
  padding: 0;
  color: maroon;
  text-decoration: underline overline;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

/* masque
----------------- */
#accessibility,
#mRapide,
#mRapide span,
h1 span a strong,
#menus h2,
#mSecondaire h2,
#mSecondaire #services span,
#mDroite h2,
.accesskey,
#valeur,
#texteOt h1,
#texteOt .logo-article,
.suite span {
  display: none;
}

/* structure
--------------------------------- */
#global {
  position: relative;
  margin: 0;
  padding: 0;
}

#corps {
  position: relative;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-align: center;
}

#container {
  position: relative;
  background: #ffffff url("./data/fondOt.jpg") repeat-y center;
  width: 990px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#intro {
  position: relative;
  width: 990px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
}

#menus {
  position: relative;
  float: left;
  background-color: transparent;
  top: 0;
  left: 20px;
  margin: 200px 0 0 0;
  padding: 0;
  z-index: 80;
}

#mPrincipal {
  position: relative;
  background-color: #fff;
  width: 950px;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 81;
}

#contenu {
  position: relative;
  background: transparent url("./data/gaucheBleu.jpg") no-repeat 15px 245px;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  text-align: left;
}

#interieur {
  float: left;
  position: relative;
  background: transparent url("./data/pied-ot.jpg") no-repeat center bottom;
  width: 980px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  left: 0;
}

#hierarchie {
  position: absolute;
  background-color: #7fa1cf;
  top: 0px;
  left: 15px;
  width: 710px;
  height: 14px;
  margin: 0;
  padding: 10px 0 0 240px;
  color: #fff;
  font-size: 9px;
  word-spacing: 1px;
  text-decoration: none;
}

#page_tourisme #mRapide {
  display: block;
  position: absolute;
  top: -240px;
  right: 0;
  width: 163px;
  height: 240px;
  margin: 0;
  padding: 0;
  text-align: left;
  z-index: 50;
}

#mInfos {
  position: absolute;
  background-color: transparent;
  top: -240px;
  width: 970px;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 50;
}

#mSecondaire {
  position: relative;
  background-color: transparent;
  top: 15px;
  left: 25px;
  width: 215px;
  height: 520px;
  margin: 0;
  padding: 10px 0 50px 0;
  border: 0;
  text-align: left;
  z-index: 10;
  float: left;
}
html>body #mSecondaire {
  height: auto;
  min-height: 520px;
}

.page_plan #mSecondaire,
.page_sommaire #mSecondaire,
.page_auteur #mSecondaire,
.page_404 #mSecondaire,
.page_recherche #mSecondaire {
  top: 15px;
  width: 200px;
  margin: 0;
  padding: 0;
  border: 0;
}

#mDroite {
  position: relative;
  background-color: transparent;
  top: 25px;
  right: 10px;
  width: 238px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  z-index: 10;
  float: right;
}

#texte {
  clear: none;
  position: relative;
  background-color: transparent;
  top: 24px;
  margin: 0 0 30px 0;
  padding: 15px 265px 70px 265px;
  border: 0;
  color: #4D4C48;
  text-align: left;
}


#texteOt {
  clear: none;
  position: relative;
  background-color: transparent;
  top: 24px;
  margin: 0 15px 30px 15px;
  padding: 0 0 40px 238px;
  border: 0;
  text-align: left;
  z-index: 1;
}

#pied {
  background-color: transparent;
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
}

.clear {
  position: relative;
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  background-color: white;
  border: none;
}

/* bandeau
----------------- */
#entetePage {
  height: 0;
  margin: 0;
  padding: 0;
}

#intro h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 990px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
}

#intro h1 a {
  display: block;
  position: relative;
  width: 700px;
  height: 240px;
  margin: 0 0 0 20px;
  padding: 0;
  border: 0;
  z-index: 10;
}

#english {
  position: absolute;
  top: 17px;
  left: 30px;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 999;
}

/* menus
------------------------- */
#mPrincipal ul#menulist {
  height: 22px;
  margin: 0;
  padding: 0;
  text-align: left;
  list-style-type: none;
  border-bottom: 1px #ccc solid;
  z-index: 82;
}

#mPrincipal ul#menulist li:active {
  color: #003D83;
}
#mPrincipal ul#menulist li a:hover {
  color: maroon;
}
#mPrincipal ul#menulist li a.on {
  color: maroon;
}

#mPrincipal ul#menulist li ul {
  display: none;
}

#mPrincipal ul#menulist li:hover>ul{
  display: block;
  z-index: 83;
}

#mPrincipal ul#menulist li {
  float: left;
  display: block;
  padding: 0;
}
#mPrincipal ul#menulist li ul li ul a {
  display:block;
  background-color: #FBE391;
  white-space: normal;
}

#mPrincipal ul#menulist li a {
  display:block;
  background-color: #fff;
  padding: 4px 10px;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;
  border-right: 1px solid #CCCCCC;
}

#mPrincipal ul#menulist li a:hover{
  background-color: #084A8C;
  color: #fff;
}

#mPrincipal ul#menulist li ul {
  position: absolute;
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 180px;
}

#mPrincipal ul#menulist li ul li ul {
  top: 0;
  left: 178px;
  z-index: 86;
}

#mPrincipal ul#menulist li ul li {
  position:relative;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #ccc;
  _display:inline;
}
#mPrincipal ul#menulist ul li ul li {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

#mPrincipal ul#menulist li ul li a {
  display:block;
  background-color: #FAD751;
  width: 160px;
  border: none;
  font-size: 11px;
  white-space: normal;
  text-transform: none;
  z-index: 84;
}
#mPrincipal ul#menulist li ul li a span {
  display: block;
  width: 160px;
  _width: 172px;
  padding: 2px 6px;
  margin: 0px 2px;
  border: none;
  cursor: pointer;
}

#mPrincipal ul#menulist li ul li a:hover span{
  background-color:#000099;
  color:#FFFFFF;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}


/*---------------------------------------------*/
#mSecondaire h3 {
  background-color: transparent;
  display: block;
  width: 210px;
  margin: 0;
  padding: 0 0 2px 0;
  color: #FFDB2D;
  text-align: left;
  font: bold 11px Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px #fff solid;
  text-decoration: none;
}

#mSecondaire ul {
  width: 210px;
  margin: 5px 0 10px 0;
  padding: 0;
  text-align: left;
  list-style-type: none;
}

#mSecondaire ul li {
  margin: 0;
  padding: 0;
  text-align: left;
}

#mSecondaire ul li a {
  display: block;
  background: transparent url("./data/puceJauneP.gif") no-repeat 0px 5px;
  font: normal 11px Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 3px 0 3px 12px;
  line-height: 10px;
  text-decoration: none;
  z-index: 70;
}
#mSecondaire ul li a:link,
#mSecondaire ul li a:visited {
  color: #fff;
  text-decoration: none;
  z-index: 70;
}

#mSecondaire ul li a:hover {
  color: yellow;
}
#mSecondaire ul li a:active {
  color: yellow;
}

#mSecondaire ul li a.on {
  color: yellow;
}

#mSecondaire #ccc {
  position: relative;
  width: 210px;
  height: 100px;
  margin: 15px 0 40px 0;
  padding: 0px;
  border: 1px #BAC8D6 solid;
}
#mSecondaire #ccc a {
  display: block;
  background: #7fa1cf url("./data/logo-ccc.jpg") no-repeat top center;
  width: 210px;
  height: 100px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
#mSecondaire #ccc a span {
  display: none;
}

#mSecondaire dl {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
}
#mSecondaire dt {
  position: relative;
  width: 180px;
  margin: 0;
  padding: 0 0 0 5px;
  font-size: 11px;
  color: white;
  border-bottom: 1px #ddd dashed;
}
#mSecondaire dd {
  position: relative;
  width: 180px;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 10px;
  color: white;
  text-align: left;
}



/*---------------------------------------------*/
#hierarchie a {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 9px;
  text-align: left;
  text-decoration: none;
}
#hierarchie a:hover {
  color: yellow;
  text-decoration: underline;
}

/*---------------------------------------------*/
#mRapide a {
  display: block;
  width: 195px;
  height: 188px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}


.spip_surligne {
  background-color: yellow;
}

/*---------------------------------------------*/
#mInfos ul {
  margin: 0 20px 0 0;
  padding: 0;
  text-align: left;
  list-style-type: none;
}

#mInfos ul li {
  margin: 0;
  padding: 0;
  text-align: center;
  float: right;
}

#mInfos ul li a,
#mInfos ul li a:link,
#mInfos ul li a:visited {
  display: block;
  font: 12px Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 5px 4px 0 15px;
  text-decoration: none;
  border-right: 1px #fff solid;
}

#mInfos ul li a:hover,
#mInfos ul li a:active {
  color: yellow;
}


/*---------------------------------------------*/
#mDroite form.formrecherche {
  position: relative;
  background: #7fa1cf url("./data/rechercheOt.jpg") no-repeat 0px 0px;
  height: 19px;
  width: 220px;
  margin: 0 0 0 6px;
  padding: 0;
  text-align: left;
  border: 1px #7fa1cf solid;
}

#mDroite form.formrecherche fieldset {
  position: relative;
  display: block;
  margin: 0 0 0 33px;
  padding: 0;
  border: 0;
}

#mDroite form fieldset input#input1.formrecherche {
  position: relative;
  background-color: transparent;
  top: -2px;
  width: 160px;
  height: 14px;
  margin: 0;
  padding: 0;
  color: #888;
  font-style: italic;
  font-size: 11px;
  border: 0;
}

#mDroite form fieldset input#input2 {
  position: relative;
  top: 1px;
  left: 8px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
}


#mDroite .vie {
  position: relative;
  margin: 10px 7px 0 7px;
  padding: 7px 5px 0 5px;
  text-align: left;
  border-top: 1px #fff dashed;
}
#texteOt .vie {
  position: relative;
  margin: 20px 7px 0 485px;
  padding: 0;
  text-align: left;
}


#mDroite h3 {
  margin: 0;
  padding: 0 0 3px 0;
  text-transform: uppercase;
  font: bold 12px Arial, Verdana, Helvetica, sans-serif;
  color: #FFDB2D;
  word-spacing: 0;
  text-align: left;
  border-bottom: 1px #ccc solid;
}
#mDroite h3 span {
  color: #c67100;
}

#mDroite .vie ul {
  position: relative;
  margin: 0;
  padding: 5px 0 20px 0;
  text-align: left;
  list-style: none;
}
#texteOt .vie ul {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
}


#mDroite ul {
  position: relative;
  margin: 0 15px;
  padding: 5px 0 20px 0;
  text-align: left;
  list-style: none;
}

#mDroite ul li {
  margin: 0;
  padding: 0;
  text-align: left;
}

#mDroite ul li a,
#mDroite ul li a:link,
#mDroite ul li a:visited {
  display: block;
  background: transparent url("./data/puceJauneP.gif") no-repeat 0px 6px;
  font: normal 11px Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 3px 0 4px 12px;
  line-height: 11px;
  text-decoration: none;
  z-index: 70;
}

#mDroite ul li a:hover,
#mDroite ul li.sites a:hover {
  color: maroon;
}
#mDroite ul li a:active,
#mDroite ul li.sites a:active {
  color: maroon;
}

#mDroite ul li a.on {
  color: maroon;
}

#mDroite .lettre {
  position: relative;
  background: transparent url("./data/lettre.jpg") no-repeat 0 2px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#mDroite .rss {
  position: relative;
  background: transparent url("./data/rss.jpg") no-repeat 0 2px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#mDroite .sites {
  position: relative;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
}
#mDroite ul li.sites a {
  display: block;
  background: transparent url("./data/controlPlayOt.jpg") no-repeat 0 2px;
  font: normal 11px Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 3px 0 7px 20px;
  text-decoration: none;
  z-index: 70;
}
#mDroite ul li.sites.cdt a {
  background-image: none;
  padding: 3px 0 7px 0;
}

/* contenu
----------------- */
#fondRub {
  position: absolute;
  top: 24px;
  left: 186px;
  margin: 0;
  padding: 0;
  z-index: 95;
}
#fondRub p {
  position: absolute;
  display: block;
  background: #888;
  top: 225px;
  right: 0;
  height: 13px;
  margin: 0;
  padding: 0 5px;
  color: #333;
  font-size: 10px;
}

#texte p {
  margin: 0;
  padding: 0 0 10px 0;
  color: #444444;
  font-size: 12px;
  line-height: 1.40em;
}

#texte h1 {
  background: transparent url("./data/puceTitre.gif") no-repeat 0px 7px;
  margin: 0 0 0 0;
  padding: 0 0 10px 15px;
  font-size: 18px;
  color: #003D83;
}
.page_sommaire #texte h1.titreMag,
#texte h1.titreMag,
.page_plan #texte h1,
.page_recherche #texte h1 {
  background: transparent url("./data/guillemetsO.gif") no-repeat 0px 0px;
  margin: 0 0 10px 0;
  padding: 0 0 5px 35px;
  font-size: 26px;
  color: #666;
  border-bottom: 1px solid #ccc;
}

#texte .blocActu {
  background-color: #eee;
  margin: 0 0 15px 0;
  padding: 5px;
  border-top: 2px #e5e5e5 solid;
  border-bottom: 3px #e5e5e5 solid;
}

#texte .blocActu h1,
#texte .blocActu h1 a,
#texte .blocActu h1 a:link,
.page_magazine #texte h1 a:visited {
  margin: 0 0 7px 0;
  padding: 0 0 3px 20px;
  font-size: 20px;
  color: #c67100;
  border: 0;
  border-bottom: 1px #fff dashed;
  text-decoration: none;
}
#texte .blocActu h1 a:hover,
#texte .blocActu h1 a:active {
  color: gray;
  text-decoration: underline;
}

#texte h2 {
  margin: -10px 0 0 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  color: maroon;
  font-weight: normal;
  font-style: italic;
}

#texte h3 {
  margin: 0;
  padding: 10px 0 5px 7px;
  font-size: 15px;
  font-style: italic;
  letter-spacing: 1px;
  color: maroon;
  border-bottom: 1px solid #ccc;
}

#texte .descriptif p,
#texte .chapo,
#texte .chapo p {
  margin: 0 0 10px 0;
  padding: 0;
  padding-bottom: 5px;
  font-size: 13px;
  color: #045;
}

#texte .chapo img {
  position: relative;
  top: 0;
  margin: 0 0 0px 0px;
  padding: 0;
  border: 0;
}

#texte #traduction {
  position: relative;
  float: right;
  margin: 0;
  padding: 0 0 5px 7px;
}
#texte #traduction a img {
  border: none;
}

#texte blockquote {
  position: relative;
  background-color: #f6F9e9;
  margin: 0 0 10px 0;
  padding: 5px 5px 0px 15px;
  text-align: left;
  border: 1px white solid;
  border-left: 7px #e5e4e4 solid;
}
#texte blockquote p {
  font-style: italic;
  font-size: 13px;
  line-height: 16px;
}

#texte blockquote.spip_poesie {
  background-color: transparent;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
}

#texte blockquote.spip_poesie .spip_ancre {
  float: left;
  background-color: transparent;
  margin: 0;
  padding: 2px 7px;
  font-size: 13px;
  letter-spacing: 1px;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  text-decoration: none;
}
#texte blockquote.spip_poesie .spip_ancre:hover {
  float: left;
  background-color: maroon;
  color: white;
}

#texte .logo-article {
  position: relative;
  margin: 0 0 0 5px;
  padding: 0;
  float: right;
}
#texte .blocActu .spip_logos {
  position: relative;
  margin: 0 0 0 5px;
  float: right;
}
#texte img {
  margin: 0;
  padding: 2px;
  border: 1px #ddd solid;
}



#texte #documents_joints {
  position: relative;
  font-size: 11px;
  margin: 15px 0;
  padding: 10px 0 0 0;
  border-top: 1px #ddd solid;
}

#texte #documents_joints h2 {
  color: maroon;
  margin: 0;
  padding: 0;
}

#texte #documents_joints ul {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}
#texte #documents_joints li {
  margin: 15px 0;
  padding: 0;
}
#texte #documents_joints img {
  margin: 0 15px 0 0;
  padding: 0;
  border: 0;
}

#texte dl {
  margin-top: 0;
  padding: 0 0 3px 0;
  font-family: Arial, Helvetica, SunSans-Regular,sans-serif;
  font-size: 10px;
  line-height: 10px;
}
#texte .spip_documents {
  text-align: left;
}
#texte dl.spip_documents_left,
#texte .spip_documents_left {
  margin: 3px 15px 0 0;
}
#texte dl.spip_documents_right,
#texte .spip_documents_right {
  margin: 3px 5px 0 5px;
}
#texte .spip_documents_center img,
#texte .spip_documents_center dt {
  display:block;
  width: 100%;
  margin: 5px auto;
  text-align: center;
}
#texte dl img {
  margin: 0;
  padding: 2px;
  border: 1px #ddd solid;
}
#texte dt {
  margin: 0;
  padding: 0;
  color: maroon;
}
#texte dd {
  margin: 3px 0 0 0;
  padding: 0;
}

#texte hr {
  display: block;
  margin: 0;
  padding: 0;
  height: 1px;
  width: 400px;
  border: 1px #dc8 dashed;
  border-width: 1px 0px 0 0px;
}

#texte ul {
  margin: 0px 0 10px 5px;
  padding: 0;
  list-style-type: none;
}

#texte ul li {
  margin: 0;
  padding: 0;
  line-height: 16px;
  text-align: left;
  font-style: italic;
}

#texte .notes,
#texte .ps {
  position: relative;
  background-color: #E4F0F4;
  font-family: Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
  font-size: 11px;
  margin: 15px 0;
  padding: 5px;
  border-top: 3px #fff dashed;
  overflow: auto;
}
#texte .notes h2,
#texte .ps h2 {
  color: #fff;
  margin: 0;
  padding: 0;
}

#texte .ps h3 {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 1px;
  color: maroon;
  border: none;
}

#texte h2.agendaE {
  color: maroon;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 0 0;
  border-top: 1px #c67100 dashed;
}

#texte .dateE {
  background: transparent url("./data/horaire.jpg") no-repeat 0px 0px;
  margin: 0;
  padding: 0 0 2px 22px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px #bbb solid;
}

#texte .lieuE {
  background: transparent url("./data/controlPlayTer.jpg") no-repeat 0px 0px;
  margin: 10px 0 0 0;
  padding: 0 0 2px 20px;
  color: maroon;
}

#texte #agendaOld {
  margin: 50px 0 0 0;
  padding: 0;
}
#texte #agendaOld .ps {
  background-color: #EFE2AC;
}

#texte ul {
  padding-left: 20px;
  list-style-type: square;
}
#texte ul ul {
  padding-left: 13px;
  list-style: circle;
}

#texte .pagination {
  color: maroon;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
  border-top: 1px #c67100 dashed;
}

#texte .ps .descriptif {
  margin: 5px;
  padding: 0;
}
#texte .ps .descriptif br {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
}
#texte .ps .enclosures {
  float: right;
  margin: 5px 0 5px 5px;
  padding: 0;
}

/* plan du site
--------------------------------- */
.page_plan  #texte h2 {
  margin: 0;
  padding: 0;
}
.page_plan  #texte h2 a {
  display: block;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: maroon;
  margin: 0;
  padding: 20px 0 0 0;
}

.page_plan  #texte h3 {
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 0 5px;
}

.page_plan #texte ul {
  margin: 5px 0 10px 0;
}

.page_plan #texte ul li strong a {
  font-size: 12px;
  font-style: normal;
}

.page_plan #texte ul li {
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.page_plan #texte ul li a {
  text-decoration: none;
  list-style-type: square;
  margin: 0;
  padding: 0;
}
.page_plan #texte ul a:hover {
  color: maroon;
  text-decoration: underline overline;
}
.page_plan #texte ul li:hover {
  color: #22f;
}

/* formulaire
------------------------------*/
form legend {
  display: none;
}

.formulaire_ecrire_auteur form {
  width: 200px;
  margin: 0;
  padding: 0;
}
.formulaire_ecrire_auteur form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.formulaire_ecrire_auteur form br {
  display: none;
}

.formulaire_ecrire_auteur label {
  display: block;
  margin: 0;
  padding: 0;
  color: #555;
  font-size: 11px;
}

.formulaire_ecrire_auteur textarea {
  background-color: #FDFDFC;
  width: 380px;
  margin: 5px 0 10px 0;
  padding: 3px;
  font-size: 11px;
  border: 1px #C2CB1C solid;
  color: maroon;
}

.formulaire_ecrire_auteur input {
  background-color: #FDFDFC;
  color: maroon;
  font-size: 11px;
  border: 1px #C2CB1C solid;
  margin: 3px 0 10px 0;
  padding: 3px;
}

.formulaire_ecrire_auteur input:hover,
.formulaire_ecrire_auteur input:focus,
.formulaire_ecrire_auteur textarea:hover,
.formulaire_ecrire_auteur textarea:focus {
  background-color: #FAFAFA;
  border:  1px maroon solid;
}

.reponse_formulaire {
  margin: 0;
  padding: 0;
  color: maroon! important;
  font-size: 12px;
  font-weight: bold;
}

.formulaire_ecrire_auteur .previsu {
  background-color: #FDFDFC;
  width: 460px;
  border: 1px #ddd solid;
  margin: 3px 0 30px 0;
  padding: 5px 5px 0 15px;
}

.formulaire_automatique ul {
  margin: 0 !important;
  padding: 0 0 5px 5px !important;
  list-style: none !important;
}
.formulaire_automatique ul li {
  margin: 0;
  padding: 0 0 5px 0 !important;

}
.formulaire_automatique ul li ul li {
  list-style: circle;
}
.formulaire_automatique fieldset {
  border: 0;
}
.formulaire_automatique label {
  margin: 0 5px;
  padding: 0;
  list-style: none !important;
}
.formulaire_automatique li input.text {
  border: 1px #ddd solid;
  border-bottom: 1px #bbb solid;
}
.formulaire_automatique li.obligatoire input.text {
  border-bottom: 1px orange solid;
}

.formulaire_automatique span.erreur_message {
  color: red;
  display: block;
}

.reponse_formulaire {
  border: 1px #ddd solid;
  margin: 0 0 10px 0;
  padding: 10px;
}
.reponse_formulaire p {
  color: green !important;
}

/* PIED
--------------------------------- */
#orteil {
  position: relative;
  width: 990px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#orteil #mentions {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 970px;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 50;
}
#orteil #mentions a {
  height: 20px;
  margin: 0;
  padding: 0;
  color: #045;
  font-size: 11px;
  text-decoration: none;
}
#orteil #mentions a:hover {
  color: maroon;
  text-decoration: underline;
}

#orteil #haut {
  position: absolute;
  top: -45px;
  left: 0;
  width: 370px;
  margin: 0;
  padding: 0px 5px 0 0;
  text-align: right;
  z-index: 40;
}
#orteil #haut a {
  background: transparent url("./data/control_eject.jpg") no-repeat 0 0;
  height: 20px;
  margin: 0;
  padding: 4px 0 2px 18px;
  color: #045;
  text-decoration: none;
}
#orteil #haut a:hover,
#orteil #telePDF a:hover {
  color: maroon;
  text-decoration: underline;
}

#orteil #telePDF {
  position: absolute;
  top: -45px;
  right: 0;
  width: 445px;
  margin: 0;
  padding: 0px 5px 0 0;
  text-align: left;
  z-index: 40;
}
#orteil #telePDF a {
  background: transparent url("./data/pdf.png") no-repeat right top;
  height: 22px;
  margin: 0;
  padding: 4px 23px 2px 0;
  color: #045;
  text-decoration: none;
}