* {
  font-family:tahoma;
  font-size:11px;
  color:rgb(70,70,70);
}
a {
  color:#2871AF;
  font-weight:normal;
}
a img {
  border:0;
}
body {
  background:url(../img/image_fond.gif) repeat;
}
ul {
  margin:0;
  padding:2px 5px 2px 15px;
}
li {
  margin:0;
  padding:0;
  list-style-image: url(../img/flecheBleue.gif);
}
.cadre {
  height:100%;
  position:relative;
}
.cadre .haut {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  font-size:1px;
}
.cadre .contenu {
  position:relative;
}
.cadre .contenu td.gauche {
  padding-right:5px;
}
.cadre .contenu td.droit {
  padding-left:5px;
}
.cadre .bas {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  font-size:1px;
}
.cadre .hautdroit {
  position:absolute;
  top:0;
  right:0;
  font-size:1px;
}
.cadre .basdroit {
  position:absolute;
  bottom:0;
  right:0;
  font-size:1px;
}
.cadre .hautgauche {
  position:absolute;
  top:0;
  left:0;
  font-size:1px;
}
.cadre .basgauche {
  position:absolute;
  bottom:0;
  left:0;
  font-size:1px;
}

.cadreBleuGauche .cadre {
  height:100%;
  position:relative;
  background:rgb(44,144,195);
}
.cadreBleuGauche .cadre .haut {
  background:url(../img/cadreBleu01.gif) repeat-x top;
  height:7px;
}
.cadreBleuGauche .cadre .bas {
  background:url(../img/cadreBleu02.gif) repeat-x bottom;
  height:39px;
}
.cadreBleuGauche .cadre .contenu {
  padding:10px;
}
.cadreBleuGauche .cadre .contenu,
.cadreBleuGauche .cadre .contenu * {
  color:#FFFFFF;
}
.cadreBleuGauche a {
  color:#FFFFFF;
}

.cadreBleuGauche li {
  list-style-image: url(../img/flecheBlanche.gif);
}

.cadreGris .cadre {
  background:url(../img/cadreGris02.gif) repeat-y left rgb(237,237,237);
  border-right:rgb(227,227,227) solid 1px;
}
.cadreGris .cadre .hautgauche {
  width:6px;
  height:6px;
  background:url(../img/cadreGris01.gif) no-repeat;
}
.cadreGris .cadre .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}
.cadreGris .cadre .contenu {
  padding:10px;
}

/*.cadreGrisGauche .cadre {
  background:rgb(237,237,237);
}
.cadreGrisGauche .cadre .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}
.cadreGrisGauche .cadre .contenu {
  padding:10px;
}*/

.cadreBlancDroit .cadre {
  background:url(../img/cadreBlanc03.gif) repeat-y left rgb(255,255,255);
  border-right:rgb(227,227,227) solid 1px;
}
.cadreBlancDroit .cadre .hautgauche {
  width:6px;
  height:6px;
  background:url(../img/cadreBlanc01.gif) no-repeat;
}
.cadreBlancDroit .cadre .basgauche {
  width:6px;
  height:40px;
  background:url(../img/cadreBlanc05.gif) no-repeat bottom left;
}
.cadreBlancDroit .cadre .haut {
  height:6px;
  background:url(../img/cadreBlanc02.gif) repeat-x;
}
.cadreBlancDroit .cadre .bas {
  height:14px;
  background:url(../img/cadreBlanc04.gif) repeat-x bottom;
}
.cadreBlancDroit .cadre .contenu {
  padding:10px;
  padding-bottom:14px;
}

.site {
  width:693px;
  background:rgb(250,250,250);
  border:solid 1px rgb(160,160,160);
}

.pied,
.pied .cadre {
  height:40px;
}
.pied .cadre {
  margin:0 9px 0 9px;
  padding:14px 9px 19px 9px;
  background:url(../img/cadreGris02.gif) repeat-y left rgb(237,237,237);
  border-right:rgb(227,227,227) solid 1px;
}
.pied .haut {
  background:url(../img/bas.gif) no-repeat;
  height:37px;
  width:693px;
}

.piedComplet .cadre {
  background:rgb(237,237,237);
}
.piedComplet .cadre .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}
.piedComplet .contenu {
  padding:5px;
}

.piedHautGauche {
  background:url(../img/cadreGris02.gif) repeat-y left rgb(237,237,237);
  border-right:rgb(227,227,227) solid 1px;
}

.piedHautDroit .cadre {
  background:url(../img/cadreGris02.gif) repeat-y left rgb(237,237,237);
  border-right:rgb(227,227,227) solid 1px;
}
.piedHautDroit .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}
.piedHautDroit .cadre .hautgauche {
  width:6px;
  height:6px;
  background:url(../img/cadreGris01.gif) no-repeat;
}
.piedHautDroit .contenu {
  padding-top:5px;
  padding-right:5px;
}

.piedBasGauche .cadre {
  background:url(../img/cadreGris02.gif) repeat-y left rgb(237,237,237);
}
.piedBasGauche .cadre .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}
.piedBasGauche .cadre .hautgauche {
  width:6px;
  height:6px;
  background:url(../img/cadreGris01.gif) no-repeat;
}

.piedBas .cadre {
  background:rgb(237,237,237);
}
.piedBas .cadre .haut {
  height:6px;
  background:url(../img/cadreGris03.gif) repeat-x;
}

.piedBasDroit {
  background:rgb(239,239,239);
  border-right:rgb(227,227,227) solid 1px;
}
.piedBasDroit .hautgauche {
  background:url(../img/cadreGris04.gif) no-repeat top left;
  width:6px;
  height:6px;
}
.piedBasDroit .contenu {
  text-align:right;
  padding:5px;
}

.infolegales .sep,
.lienPied .sep {
  font-size:12px;
  font-family:monospace;
  color:blue;
  margin-left:5px;;
  margin-right:5px;;
}
.lienPied a {
  font-size:12px;
  font-family:monospace;
  text-decoration:none;
  font-family:none;
  font-weight:bold;
  color:rgb(115,115,115);
}

.admin a {
  color:#1E4666;
  text-decoration:none;
}

table.news .date {
  color:#D24E21;
}

.hr {
  background:url(../img/hr.gif) repeat-x center center;
}
.vr {
  background:url(../img/vr.gif) repeat-y center center;
}
/* Spécifique à Copix */
ul.copixCMSNav li {
  display:inline;
  list-style-type:none;
  line-height:12px;
  padding-top:2px;
  padding-bottom:0px;
  margin-left:2px;
  margin-bottom:0px;
  background-color:#566E79;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}
ul.copixCMSNav li.copixCMSNavSelected {
  display:inline;
  list-style-type:none;
  line-height:12px;
  padding-top:2px;
  padding-bottom:0px;
  margin-left:2px;
  margin-bottom:0px;
  background-color:#996633;
  color:#ffffff;
  font-weight:bold;
  text-align:center;}
ul.copixCMSNav a:link,
ul.copixCMSNav a:visited {
  color:white;
  text-decoration:none;
  padding-left:1em;
  padding-right:1em;
}
ul.copixCMSNav a:hover {
  color:white;
  text-decoration:none;
  padding-left:1em;
  padding-right:1em;
}
.copixCMSNavSelected {
  background-color:#cc2122;
}
p.validButtons {
  text-align:center;
}
.popupInformation {
  background-color: #F6F4E4;
  border:1px solid #ffCA6B;
  padding:3px;
  position:absolute;
  z-index:9999 ! important;
}
.popupInformation a {
  color:#2871AF ! important;
}
.popupInformation li {
  list-style-image: url(../img/flecheBleue.gif) ! important;
}