/* ------------div-------------------------*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image:url(../images/fond.jpg);
background-position:center;
background-repeat:repeat-y;
background-color: #2a1704;
text-align: center;
}
div#conteneur { 
position: relative;
width: 898px;
height: auto ; height: 100%!important;
margin: 0 auto;

}
p {
	padding:0;
	margin:0;
}
h1 {
	font-size:15px;
	font-weight:normal;
	padding:10px 0 10px 0;
	margin:0;
}

/* ------------menu-------------------------*/
div#menu{
width: 897px;
height:	281px;
background-color:#b88e6b;
margin-left:1px;
}

div#interieur{
width: 898px;
min-height:	354px;
background: url(../images/fond-texte.jpg) repeat-y top left;
display: table;
}

/* ------------gauche-------------------------*/
div#gauche{
float: left;
width: 212px;
height:	355px;
}
div#actualites{
width: 209px;
height:	140px;
background-image:url(../images/actualites.jpg);
background-repeat:no-repeat;
text-align:left;
}
.inner
{
  padding-top:35px;
  text-align:left;
  }
.inner p
{
font-family:arial;
  font-size: 13px;
  font-weight: bold;
  text-align:left;
  padding: 0 5px 0 5px;
  margin:0px;
  }
.inner .link{
  clear:right;
  font-family: Arial;
  font-size:12px;
  margin-right:10px;
}
.link a:link, .link a:visited{

	text-decoration: none;
    color: #674C3B;
  }
.link a:hover, .link a:active{

	text-decoration: underline;
    color: #674C3B;
}

div#coordonnees{
width: 212px;
height:	129px;
}
div#horaires{
width: 212px;
height:	86px;
background-image:url(../images/horaires.jpg);
background-repeat:no-repeat;
}



/* ------------droite-------------------------*/
div#contenu{
width: 686px;
float: right;

}

div#texte{
width: 657px;
padding:0 14px 0 15px;
float: left;
text-align:left;
}


/* ------------bandeaubas-------------------------*/
div#menubas {
clear: both;
width: 898px;
height: 30px;
}
div#digitalage {
position:absolute;
left:0px;
width: 208px;
height: 30px;
}
div#menuref {
text-align:right;
margin-left:208px;
width: 690px;
height: 23px;
padding-top: 7px;
}



div#referencement {
clear: both;
width: 898px;
height: 30px;
text-align:center;
}


/* ------------image-------------------------*/
.detour {
	margin-top: 3px;
	margin-left: 10px;
	border:solid 1px #714a1f;
}
.detour2 {
	margin-top: 5px;
	margin-right: 10px;
	border:solid 1px #714a1f;
}



/* ------------texte-------------------------*/
.texte{
	font-size: 11px;
	font-family: Arial;
	color: #1a171b;
	line-height: 18px;
	text-align:justify;
}
.titre{
	font-size: 13px;
	font-family: Arial;
	color: #1a171b;
	line-height: 18px;
}
.liensreferencement{
	font-size: 10px;
	font-family: Arial;
	color: #ac7a56;
	line-height: 18px;
}
.textereferencement{
	font-size: 10px;
	font-family: Arial;
	color: #ac7a56;
	line-height: 18px;
}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pt20 {padding-top:20px;}
.break{clear:both;}
.f14 {font-size:14px;}
/*=================== MDM ==============*/
#mdm
{
    float: left;
    width: 550px;
    height: 400px;
    padding:45px 0 0 0;
    background: url(../images/charte/bg-mdm.jpg) no-repeat top left ;
	text-align:left;
}
#fermer
{
    float: right;
    padding-right:5px;
}

.carusel-img{
    padding-right: 5px;
}

#mycarousel p{
    text-align: left;
    padding:2px 0px;  }


#texte a:link, #texte a:visited{

	text-decoration: none;
    color:#725545;
    font-weight: bold;
  }
#texte a:hover, #texte a:active{

	text-decoration: underline;
    color:#725545;
    font-weight: bold;
}