@charset "utf-8";
/* CSS Document

Couleurs du thème

Bleu foncé : #005b8c (entête/footer)
Bleu moyen : #a8b5bf (bordures)
Bleu clair : #dbdee3 (titlebar)
Bleu pâle  : #eceff5 (fond de page)

*/

/* --------------------verif OK 07/04/2010
    GLOBAL
-------------------- */

html, body  {
  margin : 0;
  padding : 0;
  background : #fff;
}
#shadow { background : #fff url(../img/shadow.png) repeat-y 50% 50%; }
#container {
  width : 980px;
  margin : auto;
  padding : 0;
  overflow : hidden;
  background : #eceff5;
  position : relative;
  font-family : Verdana, Geneva, sans-serif;
}
.text-indent { text-indent : 25px; }
.bold { font-weight : bold; }
.italic { font-style : italic; }

/* --------------------verif OK 07/04/2010
    TOPBAR
-------------------- */

#topbar  {
  padding : 0;
  margin : 0;
  width : 100%;
  background : #005b8c;
  height : 40px;
  word-spacing : 20px;
}
#topbar h1 {
  font-size : 12px;
  float : right;
  font-weight : normal;
  margin : 10px 20px 0 0;
  padding : 0;
}
#topbar a, a:link, a:visited {
  text-decoration : none;
  color : #fff;
}
#topbar a:hover { color : #ff0; }
#topbar .selected_link {
  font-size : 14px;
  color : #ff0;
  font-weight : bold;
} 

/* --------------------verif OK 07/04/2010
    TITLEBAR / LANGBAR
-------------------- */

#titlebar  {
  padding : 0;
  margin : 0;
  background : #dbdee3;
  height : 80px;
  width : 100%;
  border-bottom : 1px solid #a8b5bf;
}
#titlebar h1 {
  float : right;
  margin : 25px 100px 0 0;
  padding : 0;
  font-weight : normal;
  color : #a8b5bf;
  font-size : 24px;
  text-decoration : none;
}
#titlebar .logo {
  margin : 20px 0 0 20px;
  padding : 0;
  float : left;
}
#langbar {
  position : absolute;
  top : 100px;
  right : 10px;
  word-spacing : 5px;
  float : right;
}
#langbar .flag {
  margin : 0;
  padding : 0;
  border : 1px solid #a8b5bf;
}
#langbar .flag:hover { border : 1px solid #005b8c; }

/* --------------------verif OK 07/04/2010
    FOOTER
-------------------- */

#footer  {
  padding : 0;
  margin : 0;
  float : left;
  background : #005b8c;
  height : 100px;
  width : 100%;
  border-top : 1px solid #a8b5bf;
}
#footer h2 {
  margin : 10px 0 0 20px;
  text-decoration : underline;
  font-size : 11px;
  font-weight : normal;
  color : #fff;
}
#footer h3 {
  margin : 10px 0 0 0;
  text-decoration : none;
  font-size : 10px;
  font-weight : normal;
  color : #ccc;
}
#footer a:link, #footer a:visited {
  color : #ccc;
  text-decoration : none;
  font-weight : normal;
}
#footer a:hover { color : #fff; }
#footer .sitemap {
  margin : 0 30px 0 10px;
  padding : 0;
  width : 230px;
  height : 60px;
  float : left;
}
#footer ul {
  margin : 5px 0 0 25px;
  padding : 0;
  list-style-type : none;
  float : left;
}
#footer li {
  margin : 1px 0 0 0;
  padding : 0;
  line-height : 10px;
  font-size : 10px;
}
#footer .ad {
  margin : 10px 0 0 0;
  padding : 0;
  height : 60px;
  width : 468px;
  float : left;
}
#footer .visits {
  margin : 10px;
  padding : 0;
  height : 60px;
  text-align : right;
  width : 150px;
  float : right;
}
#footer .copy {
  width : 100%;
  float : left;
  margin : 0;
  text-align : center;
  font-size : 10px;
  color : #ccc;
  font-weight : normal;
}

/* --------------------verif OK 07/04/2010
    PANELS
-------------------- */

.mainpanel  { width : 690px; }
.listpanel { width : 275px; }
.leftarea {
  float : left;
  margin : 15px 0 15px 0;
  padding : 0;
}
.rightarea {
  float : right;
  margin : 15px 0 15px 0;
  padding : 0;
}
.leftborder {
  border-right : 1px solid #a8b5bf;
  border-bottom : 1px solid #a8b5bf;
}
.rightborder {
  border-left : 1px solid #a8b5bf;
  border-bottom : 1px solid #a8b5bf;
}
.mainpanel .title, .listpanel .title {
  margin : 0;
  padding : 5px;
  color : #fff;
  height : 18px;
  background-color : #005b8c;
  font-size : 14px;
  font-weight : bold;
  border-bottom : 1px solid #a8b5bf;
  border-top : 1px solid #a8b5bf;
  text-align : left;
}

/* --------------------verif OK 07/04/2010
    HOME
-------------------- */

#main  {
  padding : 0;
  margin : 0;
  height : auto;
}
#main .mainpic {
  margin : 0;
  padding : 0;
  width : 690px;
  height : 80px;
  background : url(../img/opacity_40.png);
}
#main .mainpic:hover { cursor : pointer; }
#main .mainpic h1 {
  font-size : 16px;
  font-weight : bold;
  font-style : italic;
  color : #ff0;
  margin : 10px 20px 5px 20px;
  padding : 0;
}
#main .mainpic h2 {
  font-size : 10px;
  font-weight : normal;
  color : #fff;
  margin : 10px 20px 0 20px;
  padding : 0;
}
#main .mainpic h3 {
  font-size : 9px;
  font-weight : bold;
  color : #fff;
  margin : 0 20px 0 20px;
  padding : 0;
}
#main .picdiv {
  width : 100%;
  height : 460px;
}
#main .top {
  position : absolute;
  top : 136px;
}
#main .bottom {
  position : absolute;
  top : 516px;
}
#main .left {
  float : left;
  text-align : left;
}
#main .right {
  float : right;
  text-align : right;
}
#main .actubox h2 {
  font-size : 11px;
  font-weight : normal;
  color : #000;
  text-decoration : underline;
  padding : 0 15px 10px 20px;
  margin : 0;
}
#main .actubox h3 {
  font-size : 11px;
  font-weight : normal;
  color : #000;
  padding : 0 15px 10px 20px;
  margin : 0;
}
#main h3 a:link, h3 a:visited {
  font-size : 11px;
  font-weight : normal;
  color : #005b8c;
  padding : 0;
  margin : 0;
  text-decoration : none;
  font-weight : bold;
}
#main h3 a:hover {
  font-size : 11px;
  font-weight : normal;
  color : #a8b5bf;
  padding : 0;
  margin : 0;
  font-weight : bold;
  text-decoration : underline;
}
#main .actubox h4 {
  font-size : 9px;
  font-weight : bold;
  color : #000;
  padding : 10px 15px 10px 10px;
  margin : 0;
}
#main .actubox {
  padding : 0;
  margin : 0;
  width : 100%;
  text-align : left;
}
#main .bg { background-color : #dbdee3; }
#main .bottpanel {
  width : 690px;
  height : 210px;
  margin : 15px 0 0 0;
  padding : 0;
  float : left;
}
#main .bottombox {
  margin : 0 0 0 15px;
  padding : 0;
  width : 120px;
  height : 100%;
  float : left;
  background-color : #dbdee3;
}
#main .bottombox:hover {
  background-color : #a8b5bf;
  cursor : pointer;
}
#main .bottombox h2 {
  margin : 10px 3px 0 3px;
  padding : 0;
  font-size : 11px;
  font-weight : bold;
  color : #005b8c;
  font-style : italic;
  text-align : center;
}
#main .bottombox h3 {
  margin : 10px 3px 0 3px;
  padding : 0;
  font-size : 9px;
  font-weight : bold;
  color : #000;
  text-align : center;
}
#main .bottombox h4 {
  margin : 5px 3px 0 3px;
  padding : 0;
  font-size : 9px;
  font-weight : normal;
  color : #000;
  text-align : center;
}

.align-center {
  margin: auto;
}

/* --------------------verif OK 07/04/2010
    GALERIE
-------------------- */

#gallery  {
  padding : 0;
  margin : 0;
  height : auto;
}
#gallery h1 { margin : 0 0 5px 0; }
#gallery .yellow { color : #ff0; }
#gallery h2 {
  font-size : 11px;
  color : #000;
  text-decoration : none;
  font-weight : normal;
  margin : 5px 0 5px 5px;
  padding : 0;
}
#gallery h3 {
  font-size : 9px;
  color : #000;
  text-decoration : none;
  font-weight : normal;
  margin : 10px 0 10px 5px;
  padding : 0;
}
#gallery a:link, a:visited {
  text-decoration : none;
  color : #000;
}
#gallery a:hover {
  text-decoration : underline;
  color : #005b8c;
}
#gallery .eventbox {
  width : 331px;
  height : 130px;
  margin : 10px 10px 0 0;
  float : left;
  border : 1px solid #005b8c;
}
#gallery .eventbox:hover {
  background-color : #dbdee3;
  cursor : pointer;
}
#gallery .eventbox img {
  width : 120px;
  height : 120px;
  margin : 5px;
  float : left;
}
#gallery .affichimg {
  margin : 15px 0 15px 0;
  padding : 0;
}
#gallery .line {
  margin : 0 15px 15px 0;
  padding : 0;
  width : 100%;
  height : 122px;
}
#gallery img { border : 0; }
#gallery .picture {
  background-color : #dbdee3;
  border : 1px solid #a8b5bf;
  float : left;
  margin : 0 15px 0 0;
  padding : 0;
  width : 120px;
  height : 120px;
  text-align : center;
}
#gallery .picture:hover {
  background-color : #a8b5bf;
  border : 1px solid #005b8c;
}
#gallery .navbar {
  font-size : 11px;
  color : #000;
  text-align : center;
  margin : 10px 0 10px 0;
  padding : 0;
}
#gallery .navbar .nolien {
  border : 1px solid #000;
  background-color : #a8b5bf;
  color : #000;
  text-decoration : none;
  margin : 0 5px 0 0;
  padding : 2px 5px 2px 5px;
}
#gallery .navbar .lien:link, .lien:visited {
  border : 1px solid #005b8c;
  background-color : #dbdee3;
  color : #005b8c;
  text-decoration : none;
  margin : 0 5px 0 0;
  padding : 2px 5px 2px 5px;
}
#gallery .navbar .lien:hover {
  border : 1px solid #000;
  background-color : #a8b5bf;
  color : #000;
  text-decoration : none;
}

/* --------------------verif OK 13/03/2010
    BIOGRAPHY
-------------------- */

#biography {
  padding : 0;
  margin : 0;
  height : auto;
}
#biography img { margin : 0 0 15px 0; }
#biography h2 {
  margin : 0 0 10px 15px;
  padding : 0;
  font-size : 12px;
  font-weight : normal;
  color : #000;
  text-align : justify;
}
#biography h3 {
  margin : 0 0 15px 10px;
  padding : 0;
  font-size : 10px;
  font-weight : normal;
  color : #000;
}
.bioboxbgcolor { background-color : #dbdee3; }

/* --------------------verif OK 14/03/2010
    NEWSLETTER
-------------------- */

#refs {
  padding : 0;
  margin : 0;
  height : auto;
}
#refs h1 { margin : 0 0 5px 0; }
#refs h2 {
  font-size : 11px;
  font-weight : normal;
  margin : 0 0 5px 10px;
  color : #000;
  text-decoration : none;
}
#refs a:link, a:visited {
  text-decoration : none;
  color : #000;
}
#refs a:hover {
  text-decoration : underline;
  color : #005b8c;
}
#refs .nl_form_line {
  padding : 10px;
  margin : 0;
  float : left;
}
#refs .nl_form_label {
  padding : 0;
  margin : 0;
  height : 20px;
  width : 350px;
  float : left;
}
#refs .nl_form_field {
  padding : 0;
  margin : 0;
  height : 20px;
  width : 250px;
  float : left;
}
#refs .nl_form_checkbox {
  padding : 0;
  margin : 0;
  height : 40px;
  width : 600px;
  float : left;
}
#refs .input_text {
  padding : 0;
  margin : 0;
  width : 200px;
  height : 18px;
  font-family : Verdana, Geneva, sans-serif;
  font-size : 11px;
  color : #005b8c;
  border : 1px solid #a8b5bf;
  background-color : #dbdee3;
}
#refs .input_text:hover {
  border : 1px solid #005b8c;
  background-color : #dbdee3;
}

/* --------------------verif OK 13/03/2010
    LINKS
-------------------- */

#links {
  padding : 0;
  margin : 0;
  height : auto;
}
#links h1 { margin : 0 0 5px 0; }
#links h2 {
  font-size : 11px;
  font-weight : normal;
  margin : 0 0 5px 10px;
  color : #000;
  text-decoration : none;
}
#links a:link, a:visited {
  text-decoration : none;
  color : #000;
}
#links a:hover {
  text-decoration : underline;
  color : #005b8c;
}

/* --------------------verif OK 13/03/2010
    CONTACT
-------------------- */

#contact  {
  padding : 15px 0 15px 0;
  margin : 0;
  height : auto;
  text-align : center;
} 
#contact h2 {
  font-size : 11px;
  font-weight : normal;
  margin : 0;
  padding : 0;
  color : #000;
  text-decoration : none;
}

/* --------------------
    ADMIN
-------------------- */

#admin {
  padding : 0;
  margin : 0;
  height : auto;
}
#admin h1 { margin : 0 0 5px 0; }
#admin h2 {
  font-size : 11px;
  font-weight : normal;
  margin : 0 0 5px 10px;
  color : #000;
  text-decoration : none;
}
#admin a:link, a:visited {
  text-decoration : none;
  color : #000;
}
#admin a:hover {
  text-decoration : underline;
  color : #005b8c;
}
#admin .tableau {
  margin : 0 50px 0 50px;
  float : left;
  padding : 0;
  border : 1px solid #005b8c;
}
#admin .ligne {
  margin : 0;
  padding : 0;
  float : left;
  font-size : 11px;
  border-bottom : 1px dashed #a8b5bf;
  background-color : #fff;
}
#admin .cell {
  margin : 0;
  padding : 2px;
  text-align : left;
  float : left;
  font-weight : normal;
  color : #000;
}
#admin .entete {
  margin : 0;
  height : 20px;
  padding : 2px;
  text-align : left;
  float : left;
  background-color : #005b8c;
  font-weight : bold;
  color : #dbdee3;
}
#admin img { border : 0; }
#admin .c20 { width : 20px; }
#admin .c30 { width : 30px; }
#admin .c40 { width : 40px; }
#admin .c100 { width : 100px; }
#admin .c106 { width : 106px; }
#admin .c120 { width : 130px; }
#admin .c132 { width : 132px; }
#admin .c180 { width : 180px; }
#admin .c220 { width : 222px; }
#admin .c424 { width : 424px; }
#admin .c492 { width : 492px; }
#admin .colligne {
  width : 100%;
  margin : 0;
  padding : 0;
  float : left;
  font-size : 11px;
}
#admin .coltext {
  margin : 0;
  padding : 2px;
  float : left;
  width : 450px;
  text-align : left;
  background-color : #dbdee3;
  font-weight : normal;
  color : #005b8c;
}
#admin .field {
  margin : 0 0 0 2px;
  padding : 0;
  width : 300px;
  height : 18px;
  background-color : #eceff5;
  border : 1px solid #a8b5bf;
  color : #005b8c;
  font-family : Verdana, Geneva, sans-serif;
  font-size : 11px;
}
#admin .mini_field {
  margin : 0 0 0 2px;
  padding : 0;
  width : 40px;
  height : 18px;
  background-color : #eceff5;
  border : 1px solid #a8b5bf;
  color : #005b8c;
  font-family : Verdana, Geneva, sans-serif;
  font-size : 11px;
}
#admin .field:hover, #admin .mini_field:hover {
  border : 1px solid #005b8c;
}
#admin textarea {
  margin : 0 0 0 2px;
  padding : 0;
  width : 300px;
  height : 100px;
  background-color : #eceff5;
  border : 1px solid #a8b5bf;
  color : #005b8c;
  font-family : Verdana, Geneva, sans-serif;
  font-size : 11px;
}
#admin textarea:hover {
  border : 1px solid #005b8c;
}
#admin .button {
  margin : 0;
  padding : 0;
  width : 100px;
  height : 20px;
  float : right;
  background-color : #005b8c;
  border : 1px solid #005b8c;
  color : #dbdee3;
  font-family : Verdana, Geneva, sans-serif;
  font-size : 11px;
}
#admin .button:hover {
  background-color : #a8b5bf;
  color : #005b8c;
}
#admin h5 {
  font-size : 9px;
  margin : 0;
  padding : 0;
}
#admin .ok { color : #090; }
#admin .err { color : #C00; }
#admin .action_view {
  margin : 0 50px 20px 50px;
  padding : 5px;
  width : 580px;
  float : left;
  border : 1px solid #a8b5bf;
  background-color : #dbdee3;
}
#admin .affichimg {
  margin : 15px 0 15px 0;
  padding : 0;
  text-align : center;
}
#admin .line {
  margin : 0 15px 15px 0;
  padding : 0;
  width : 100%;
  height : 122px;
}
#admin img { border : 0; }
#admin .picture {
  background-color : #dbdee3;
  border : 1px solid #a8b5bf;
  float : left;
  margin : 0 15px 0 0;
  padding : 0;
  width : 120px;
  height : 120px;
  text-align : center;
}
#admin .picture:hover {
  background-color : #a8b5bf;
  border : 1px solid #005b8c;
}