/* CSS Document */

body {
	background-color: #97b3cb;
	margin: 0px;
	background-image: url(./img/background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:100%;
	color: White;
	font-family:Arial, Helvetica, sans-serif;
	z-index:0;
}

div#coutances {
	float: right;
	margin-right: 5px;
	margin-top: 58px;
	text-align: center;
}

div#logo {
	position:absolute;
	margin-left: 820px;
	margin-top: 10px;
}

div#cathedrale {
	position:absolute;
	margin-left:400px;
	margin-top:60px;
	width:400px;
	height:25px;
	background:#4B80A0;
	font-size:12px;
	font-weight:bold;
	z-index:10;
}

div#spl {
  position : absolute;
  margin-left : 600px;
  margin-top : 466px;
  border:1px solid black;
}

div#slogan {
  position : absolute;
  margin-left: 100px;
  margin-top : 168px;
  font-style:italic;
  font:  10px Arial,sans-serif;
  font-weight:bold;

}
div#sdd{
  position:absolute;
  margin-left:1000px;
  margin-top:130px;
  background-color:#0A0137;
  /*height:120px;
  width:60px;*/
}
div#flash1{
  position:absolute;
  margin-left:0px;
  margin-top:44px;
}
div#flash2{
  position:absolute;
  margin-left:365px;
  margin-top:130px;
}


div#culture{
  position:absolute;
  margin-top : 480px;
  margin-left : 30px;
  border:1px solid white;
   
}
div#tourisme{
  position:absolute;
  margin-top : 480px;
  margin-left : 230px;
  border:1px solid white;
}
div#agenda{
  position:absolute;
  margin-top : 480px;
  margin-left : 430px;
  border:1px solid white;
  
}
span.titre{
  margin:2px;
  font-family : Arial,Helvetica,sans-serif;
  text-align:right;
}

div#actu {
  width: 390px;
  height : 200px;
  background-color:#dbe8f1;
  position:absolute;
  margin-top : 240px;
  margin-left: 600px;
  border:1px solid black;
  z-index:5;
}
div#teteActu {
  background-color:#4b80a0;
  color:#fe8c35;
  padding:3px;
  font-size:16px;
  font-weight:bold;
  text-align:right;
  
  
}
div#corpsActu {
  background-color:#dbe8f1;
  color: #000000;
  font: 10px Arial;
  
}

div#recherche {
	background-color:#dbe8f1;
	position:absolute;
	margin-top:450px;
	margin-left:750px;
	width:240px;
	border:1px solid black;
}
div#teteRecheche {
  background-color:#4b80a0;
  color:#fe8c35;
  padding:3px;
  font-size:16px;
  font-weight:bold;
  text-align:right;
}
div#corpsRecherche {
  padding:3px;
  background-color:#dbe8f1;
  color: #000000;
  font: 10px Arial;
  height:44px;
}

a:hover { color : #000000; font-weight:bold  }

a.liendroit:hover {  	color : #000000; }

a.liendroitblanc:hover {	color : #405496;}
a.liendroitblanc { color: #000000;}
a{
	color:white;
	text-decoration:none;
	
}

/* css du menu dynamique */
div#menu {
    text-align:left;
    position :absolute;
    margin-top:240px;
    margin-left:230px;
	width:360px;
    border:0px solid black;
	z-index:15;
}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
width:100%;
}

dt {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu dl {
	margin-bottom:25px;
}
#menu li {display: block;}

#menu a.ssmenu { color:white;text-decoration:none; font-weight:normal}


#smenu1, #smenu2, #smenu3, #smenu4 {
z-index:500;
margin-top:-16px;
position: absolute;
padding-left:5px;
text-align:left;
border: 1px solid #ffffff;
/* border-bottom: 3px solid #fe8c35; */
width: 260px; 
font-size: 11px;
background-color:#4b80a0;
}
#smenu1 { margin-left:160px;}
#smenu2 { margin-left:140px; }
#smenu3 { margin-left:155px; }
#smenu4 { margin-left:200px; }
a.ssmenu:hover{ color:#0099FF; }

#decouvrir { margin-left:155px; }
#vivre{ margin-left:130px; }
#etudier{ margin-left:100px; margin-top:-10px; }
#entreprendre{ margin-left:50px; margin-top:-10px; }

div#impots {
 	position:absolute;
	margin-top:580px;
	margin-left :263px;
	width:468px;
 }

div#copyright {
 	position:absolute;
	margin-top:555px;
	margin-left :150px;
	width:800px;
	font-size:10px;
	color:#000000;
 }
 
 div#copyright a { color:black;}