@charset "utf-8";
/* CSS Document <<>> DigitalAge 2008 Nathalie MONDOT */

body {
background-image: url(../images/background3.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
margin: 0;
padding: 0;
background-repeat: repeat-x;
background-color: #000000;
}


/* début bandeau-haut */
#bandeau-haut {
height: 188px;
}

#animation {
width: 490px;
height:138px;
margin-left: 444px;
}

#logo {
position: absolute;
left:0;
width: 444px;
}

#menu{
width: 933px;
height:50px;
}
/* fin bandeau-haut */

#conteneur-image-background {
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
position: relative;
width: 1066px;
margin: 0 auto;
}

#conteneur {
position: relative;
width: 933px;
margin: 0 auto; 
}

/* début bandeau-droit */
#bandeau-droit {
background-image:url(../images/fond-mdm.jpg);
background-repeat: no-repeat;
margin-left: 633px;
min-height: 330px;
}

#mdm {
width: 300px;
height: 185px;
}

#newsletter{
width: 300px;
height: 45px;
}

#coordonnees {
width: 300px;
height: 100px;
padding-left: 7px;
}
/* fin bandeau-droit */

.bg-form{
  border: 1px solid #1baff5;
  color: #000;
  background: #fff;
  width: 150px;
}

.ok{
  background: url(../images/btn-ok.jpg) top left no-repeat;
  width: 23px;

}
#mdm-contenu{
  border: 2px solid #17b2f4;
  overflow: auto;
  width: 496px;
  height: 300px;
}


.okover{
  background: url(../images/btn-ok-over.jpg) top left no-repeat;
  width: 23px;
  cursor: pointer;

}

.ref{
  color: #fff;
  text-align: center;
  font-size: 10px;
  padding-top: 10px;
}


#fermer{
  text-align: center;
  padding-top: 15px;
}

/* début bandeau-gauche */
#bandeau-gauche {
position: absolute;
left:0;
width: 633px;
}

#titre {
height: 46px;
}

#zone-texte {
width: 620px;
height: 280px;
overflow: hidden;
padding-top: 5px;
text-align: justify;
}

#formulaire-contact {
width: 620px;
height: 280px;
padding-top: 5px;
}

#mentions-legales{
width: 520px;
height: 280px;
padding-top: 5px;
}
/* fin bandeau-droit */

/* début bandeau-bas */
#bandeau-bas {
height: 40px;
}

/* début lien digitalage */
#digitalage {
float: left;
}

#digitalage a {
color:#FFFFFF;
margin: 0 2px;
text-decoration: none;
}
#digitalage a:hover {
color:#19b1f5;
text-decoration: none;
}
/* fin lien digitalage */

/* début menu bas */
#menubas {
color:#19b1f5;
}

.menubas {
text-align:right;
list-style-type: none;
margin: 0;
padding:0;
}
.menubas li {
display: inline;
margin-bottom: 5px;
}
.menubas a {
color:#FFFFFF;
margin: 0 2px;
text-decoration: none;
}
.menubas a:hover {
color:#19b1f5;
text-decoration: none;
}
/* fin menu bas */
/* fin bandeau-droit */

h1{
color: #19B1F5;
font-size: 14px;
font-weight: bold;
text-align: right;
padding-top: 5px;
padding-bottom:5px;
width: 620px;
float: left;
padding-left: 0px;
}

.bleu {
color: #19B1F5;
font-weight: bold;
}

.mentions-legales a:link, .mentions-legales a:visited{
  color:#19b1f5;
}
.mentions-legales a:hover, .mentions-legales a:active{
  color:#fff;
  text-decoration:underline;
}

a:link, a:visited
{
	color:#ffffff;
	text-decoration:none;
}

a:hover, a:active
{
	color:#19B1F5;
	text-decoration:none;
}

#coordonnees a:link, #coordonnees a:visited{
	color:#19B1F5;
	text-decoration:none;
}
#coordonnees a:hover, #coordonnees a:active{
	color:#ffffff;
	text-decoration:underline;
}

.mlink a:link, .mlink a:visited{
	color:#19B1F5;
	text-decoration:none;
}
.mlink a:hover, .mlink a:active{
	color:#ffffff;
	text-decoration:underline;
}

p {
padding: 0 0 5px 0;
margin: 0;
}

ul#liste li
{ 
}



ul#liste
{
padding-left: 60px;
}