.spacer { line-height: 0px; font-size: 1px; clear: both; margin: 0 !important; padding: 0 !important; border: 0 !important; }

body {
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  text-align: center;
  background: #FFFFFF;
  padding: 0;
  margin: 10px;
  }

a { text-decoration: none; color: #575CF9; font-size: inherit !important }
a:hover { color: #FF0000 }

marquee {
  padding: 2px 0;
  width: 500px;
  display: block;
  margin: 0 auto 15px auto;
  font-weight: bold;
  color: #333333;
  background: #94BDC4;
  font-size: 12px;
  border: 1px solid #3B7E8A;
  border-left: 5px solid #3B7E8A;
  border-right: 5px solid #3B7E8A;
  }

/*h1.global {text-align: center; margin: 0 0 15px 0; padding: 0; font-size: 28px; color: #FF0000; font-family: Times New Roman }
h1.global span { color: #000000 }*/

h1.global { background:url(../images/titre_slaac.png) 0 0 no-repeat; margin: 0 auto 5px auto; padding: 0; width:300px; height:70px; text-indent:-9000px }
h1.global a { display:block; width:100%; height:100% }

h2.global {
  width: 770px;
  margin: 0 auto 10px auto;
  padding: 1px 5px;
  background: #D8E6F3;
  font-weight: bold;
  font-size: 13px;
  color: #1C5B9B;
  text-align: left;
  border: 1px solid #A0BFDE;
  border-bottom: 2px solid #0057B1;
  text-align: center;
  }


h3.global { text-align: center; margin: 0 0 15px 0; padding: 0; font-size: 12px; font-weight: bold; color: #0000FF; }

h7 { display: block; border: 1px solid #800000; border-left: 5px solid #800000; font-size: 12px; background: #FF0000; color: #000000; font-weight: bold; text-align: center; padding: 2px 0; width: 160px; margin: 0 auto; text-transform: uppercase }

ul.liens { width: 480px; margin: 0 auto; padding: 0 }
ul.liens li { list-style-type: none; float: left; width: 160px; text-align: center; margin: 0; padding: 0 0 20px 0; font-size: 11px }
ul.liens li img { border: 0; width: 100px; height: 100px; display: block; margin: 0 auto 10px auto; }
ul.liens li a { color: #FFFFFF }
ul.liens li a:hover { color: #FFFFFF }

ul.videos { width: 540px; margin: 0 auto; padding: 0 }
ul.videos li { list-style-type: none; float: left; width: 180px; text-align: center; margin: 0; padding: 0 0 40px 0; font-size: 11px }
ul.videos li img { border: 0; width: 151px; height: 136px; display: block; margin: 0 auto 10px auto; }

ul.adherer { width: 782px; margin: 0 auto 15px auto; }
ul.adherer li { text-align: left; font-size: 13px; color: #333333 }

ul.fleche {
  width: 782px;
  margin: 0 auto 15px auto;
  padding: 0;
  text-align: left;
  }

ul.fleche li {
  list-style-type: none;
  padding: 0 0 0 5px;
  margin: 0 0 0 0;
  padding: 0 0 0 35px;
  text-align: left;
  font-size: 13px;
  color: #333333;
  background: url(/images/fleche.png) no-repeat 0px 3px;
  }

p { width: 782px; margin: 0 auto 15px auto; text-align: left }

form { width: 100%; margin: 0 auto 15px auto; padding: 0 }
form.login { width: 380px; height: 85px; margin: 15px auto 15px auto; padding: 15px 10px 0 10px; background: url(../images/fond_login.jpg) no-repeat }

dl.champs { width: 740px; margin: 0 auto; padding: 0 }
dl.champs dt { width: 315px; clear: both; float: left; margin: 0; padding: 3px 5px 5px 0; text-align: right }
dl.champs dt span { color: #FF0000 }
dl.champs dd { width: 420px; float: left; margin: 0; padding: 0 0 5px 0; text-align: left; font-style: italic }
dl.champs dt, dl.champs dd { font-size: 12px }
dl.champs dd input, dl.champs dd textarea { font-size: 12px; border: 1px solid #000000; margin-left: 0; padding: 2px 2px;  margin-right: 5px; }
dl.champs dd .c { width: 260px }

dl.login { margin: 0; padding: 0 }
dl.login dt { width: 175px; height: 22px; float: left; padding: 3px 5px 0 0; text-align: right; color: #FFFFFF }
dl.login dd { width: 200px; height: 25px; float: left; padding: 0; text-align: left; font-style: italic }
dl.login dt, dl.login dd { font-size: 12px; margin: 0 }
dl.login dd input.c { width: 150px; font-size: 12px; border: 1px solid #000000; margin: 0; padding: 2px 2px; }
dl.login dd input.submit { border: 1px solid #000000; background: #FFFFC0; font-size: 12px; font-weight: bold }
dl.login dd input.submit:hover { background: #FF8000 }

div.message {
  width: 400px;
  margin: 0 auto 20px auto;
  padding: 3px 10px;
  background: #FFFF00;
  border: 2px solid #00C000;
  font-size: 12px;
  font-weight: bold;
  color: #008000;
  }

div.erreur {
  text-align: left;
  width: 600px;
  margin: 0 auto 20px auto;
  padding: 3px 10px;
  background: #FFFF80;
  border: 2px solid #C00000;
  font-size: 12px;
  font-weight: bold;
  color: #800000;
  }

.copyright {
  text-align: center;
  color: #000000;
  padding: 0;
  margin: 10px auto;
  }

.cnil {
  text-align: center;
  color: #999999;
  padding: 0;
  margin: 10px auto;
  }

a.retour {
  display: block;
  text-align: center;
  width: 200px;
  padding: 2px 5px;
  border: 2px solid #808080;
  background: #D0D0D0;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: 11px;
  color: #575CF9;
  margin: 20px auto 15px auto;
  }

a.retour:hover {
  color: #000000;
  background: #FFFFC0;
  }

p.important { text-align: center; color: #FF0000; margin-bottom: 20px }

#contenu {
  width: 775px;
  padding: 10px 0 20px 0;
  margin: 0 auto;
  text-align: center;
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  }

#contenu h1 {
  margin: 0 0 10px 0;
  padding: 1px 5px;
  background: #D8E6F3;
  font-weight: bold;
  font-size: 13px;
  color: #1C5B9B;
  text-align: left;
  border: 1px solid #A0BFDE;
  border-bottom: 2px solid #0057B1;
  text-align: center;
  }

#contenu h2 {
  margin: 0 0 10px 0;
  padding: 1px 5px;
  background: #EAD9EC;
  font-weight: bold;
  font-size: 13px;
  color: #444444;
  text-align: left;
  border: 1px solid #C8ABD2;
  text-align: center;
  }

#contenu p { width: 100% }

#contenu a {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: 11px;
  color: #575CF9;
  }

#contenu a:hover {
  color: #FF3333;
  }