@charset "utf-8";
/* CSS Document */

body {
background-image:url(images/design/fondsite.jpg);
background-position:center;
background-repeat:repeat-y;
margin: 0px;
padding:0px;
}

#page {
background-color:#FFFFFF;
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#fondpage {
background:url(images/design/fondpage.jpg);
padding: 0;
margin: 0;
height: 665px;
width: 1000px;
position: relative;
}

#home {
width: auto;
}

#cadreentrer {

width: 274px;
height: 356px;
margin-left: 0px;
margin-top:60px;
position: absolute;

left:80px;
top: 400px;
font-family:tahoma;
font-size:24px;
text-align:center;
color: #FFFFFF;
padding-top:15px;
letter-spacing:3px;
}

.cadretexte {
height: 224px
}

.textehome {
font-size:16px;
color:#FFFFFF;
letter-spacing:1px;
padding-top:30px;
font-weight:bolder;
}

ul {
list-style:none; 
}

.noborder {
border: none;
}

.clear {
  clear: both;
}

#logo {
margin-left:auto;
margin-right:auto;
width:700px;
}

#logoindex {
position: absolute;
top: 690px;
left: 200px;
margin-left:auto;
margin-right:auto;
width:540px;
}

#logoaccueil {
position: absolute;
top: 1200px;
left: 200px;
margin-left:auto;
margin-right:auto;
width:540px;
}

.logo {
border: none;
margin-right: 15px;
margin-left: 15px;
}

#fondrubrique {
background-color:#FFFFFF;
border-right: 1px solid #FF9900;
border-left: 1px solid #FF9900;
border-bottom: 1px solid #FF9900;
width: 530px;
margin-bottom: 30px;
margin-top:-20px;
margin-left:50px;
font-family:arial;
font-size:12px;
text-align:justify;
color: #333333;
padding:15px;
float:left;
}

#carteaireurbaine{
position: absolute;
top: 500px;
left: 625px;
}

h2 {
color:#FF9900;
font-family:comic sans MS;
font-size:18px;
font-weight:bold;
border-left: 4px solid #FF9900;
padding-left: 5px;
}

.titrepartie {
color:#FF9900;
font-family:comic sans MS;
font-size:18px;
font-weight:bold;
border-left: 4px solid #FF9900;
padding-left: 5px;
}

h1 {
color:#FF9900;
font-family:comic sans MS;
font-size:30px;
font-weight:bold;
padding-left: 7px;
margin-bottom:20px;
}

.titrerubrique {
color:#FF9900;
font-family:comic sans MS;
font-size:30px;
font-weight:bold;
padding-left: 7px;
margin-bottom:20px;
}

#boutoninscription {
float:left;
margin-left:80px;
margin-top:310px;
}

a { 
color:#FF9900;
text-decoration:none;
}

a:hover { 
color:#FF9900;
text-decoration:underline;
}



/* Menu */

#menu {
width: 735px;
margin-top: 30px;
margin-left:2px;
}

#accueil {
  width: 65px;
  height: 29px;
  background-image: url('images/menu/accueil.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#accueil:hover {
  width: 65px;
  height: 29px;
  background-image: url('images/menu/accueil_hover.png');  
}

#presentation {
  width: 88px;
  height: 29px;
  background-image: url('images/menu/presentation.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#presentation:hover {
  width: 88px;
  height: 29px;
  background-image: url('images/menu/presentation_hover.png');  
}

#paneliste {
  width: 88px;
  height: 29px;
  background-image: url('images/menu/paneliste.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#paneliste:hover {
  width: 88px;
  height: 29px;
  background-image: url('images/menu/paneliste_hover.png');  
}

#professionnels {
  width: 102px;
  height: 29px;
  background-image: url('images/menu/professionnels.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#professionnels:hover {
  width: 102px;
  height: 29px;
  background-image: url('images/menu/professionnels_hover.png');  
}

#inscription {
  width: 130px;
  height: 29px;
  background-image: url('images/menu/inscription.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#inscription:hover {
  width: 130px;
  height: 29px;
  background-image: url('images/menu/inscription_hover.png');  
}

#lapresseparledenous {
  width: 128px;
  height: 29px;
  background-image: url('images/menu/lapresseparledenous.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#lapresseparledenous:hover {
  width: 128px;
  height: 29px;
  background-image: url('images/menu/lapresseparledenous_hover.png');  
}

#contacter {
  width: 106px;
  height: 29px;
  background-image: url('images/menu/contacter.png');
  float:left;
  margin-left:2px;
  margin-right:2px;
}
#contacter:hover {
  width: 106px;
  height: 29px;
  background-image: url('images/menu/contacter_hover.png');  
}

.tab tr {
border-bottom: 1px solid #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tab td {
padding-right: 10px;
}