/* CSS Document <<>> DigitalAge 2009 Nathalie MONDOT */

body {
margin: 0;
padding: 0;
font-family:Verdana;
font-size: 12.8px;
background-color: #862212; /*couleur de fond blanche*/
color : #862212;
text-align:justify;
}

.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width:1004px;
margin: 0 auto;
background-image: url(../images/background.jpg);
}

.conteneur02 { /*le conteneur global du site, qui sera centré */
position: relative;
width:851px;
margin: 0 auto;
}

.header {
height: 0px;
}
/* début bandeau-gauche */
.bandeau-gauche {
	position: absolute;
	left:0;
  padding: 0px;
  margin: 0px;
	width: 559px !important;
	height: 1048px;
	overflow: auto;
	background: #FFFFFF url(../images/bandeau-gauche.jpg) repeat-y;
}

.navigation{
height: 225px;
background-image: url(../images/navigation.jpg);
padding-left:2px !important;
}

.titre{
	height:75px;
	background-image: url(../images/titre-presentation.jpg);
  width: 559px;
}

.cadre01{
	height:51px;
	background: url(../images/cadre01.jpg) 20px 0px no-repeat;
  float: left !important;
  padding:30px 25px 0px 25px;
}
.cadre05{
	height:66px;
	background: url(../images/cadre01.jpg) 20px 0px no-repeat;
  float: left !important;
  padding:15px 25px 0px 25px;
}
.texte01{
	width: 559px;
	height:224px !important;
  float: left;
	background-image: url(../images/texte01.jpg);
}

.texte-gauche{
  clear: both;
	width: 534px;
	height:164px;
	padding-left:20px;
  padding-top: 30px;
}

.photo-droite{
	float:right;
	width: 255px;
	height: 180px;
}

.separator{
	background: url(../images/separator.jpg);
  height:62px !important;
  width: 559px;
  float: left !important;
}

.texte02{
	height:191px !important;
  width: 559px;
	background-image: url(../images/texte02.jpg);
}

.texte-droit{
	width: 529px;
	height:191px;
}

.photo-gauche{
	float:left;
	width: 255px;
	height: 180px;
	padding-left:20px;
}
.cadre02{
	height:75px !important;
  float: left;
	background-image: url(../images/cadre02.jpg);
  width:359px !important;
  padding-top: 32px;
	padding-left: 100px;
	padding-right: 100px;
}

.contact{
	width: 559px;
	height:748px;
	background-image: url(../images/texte01.jpg);
	background-repeat: repeat-y;
}

.mentionslegales{
	width: 500px;
	height:400px;
	padding-left: 20px;
}
/* fin bandeau-gauche */

.bandeau-droit {
margin-left: 559px;
width: 293px;
height: 1048px;
}

.anim{
	height:524px;
	background-color: #862212;
}

.mdm{
	height:133px;
	background-image: url(../images/mdm.jpg);
	background-repeat: no-repeat;

}
#actualite-int{
  padding-top: 58px;
}

#actualite p{
  font-size: 11px;
  padding:0px 10px 0px 0px;
  margin: 0 auto;
  color: #FCF4AC;
  text-align: justify;
}

#actualite-img {
	float: left !important;
	padding: 0px 5px 0px 5px;
}
#actualite-img img { border: 1px solid #862213;padding:5px;}


.newsletter{
	height:39px;
	background-image: url(../images/newsletter.jpg);
	background-repeat: no-repeat;
  padding-top: 60px;
}

.bg-form{
  background:url(../images/news-box.jpg) no-repeat !important ;
  height: 18px;
  padding-top: 5px;
  width:192px;
  border:none;
  padding-left:10px;
  float: left;
}


.coordonnees{
	height:204px;
	background-image: url(../images/coordonnees.jpg);
	background-repeat: no-repeat;
}

.plan{
	height:88px;
}

/* fin bandeau-droit */

.bandeau-bas {
height: 51px;
background-color: #c1764c;
}

#menubas {
color:#862212;
}

.menubas {
color:#862212;
text-align:center;
list-style-type: none;
margin: 0;
padding:0;
}
.menubas li {
color:#862212;
display: inline;
margin-bottom: 5px;
}
.menubas a {
color:#862212;
margin: 0 2px;
text-decoration: none;
}
.menubas a:hover {
color:#FFFFFF;
text-decoration: none;
}
/* fin menu bas */
/* début lien digitalage */
#digitalage {
text-align:center;
padding-top: 10px;
color:#862212;
}

#digitalage a {
color:#862212;
margin: 0 2px;
text-decoration: none;
}
#digitalage a:hover {
color:#FFFFFF;
text-decoration: none;
}

.gras{
font-weight: bold;	
}
.ref{
 width:851px;
 margin:0 auto;
 text-align:center;
  color: #FFFFFF;
  padding-top: 10px;
  font-size: 11px;
	font-family: Arial;
}