/* Bleu : #024F9D */
/* Gris foncé : #4F4F4F */
/* Orange : #FFAE00 */


/* ------------------------------------ */
/* CSS GLOBAL */
/* ------------------------------------ */

body{
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
text-align:center;
background-color:#F0F0F2;
font-family:Arial, Helvetica, sans-serif;
}

#accueil{
width:1000px;
height:750px;
position:absolute;
left: 50%; 
top:0px;
margin-left: -500px; /* moitié de la largeur de l'image */
}
#header{
position:absolute;
top:5px;
left:10px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
width:980px;
height:65px;
}
#contenu{
position:absolute;
top:80px;
left:10px;
background-image:url(../images/fond-contenu.jpg);
background-repeat:no-repeat;
width:982px;
height:551px;
}
#menu{
position:absolute;
top:10px;
left:30px;
width:925px;
height:33px;
background-image:url(../images/fond.jpg);
background-repeat:repeat-x;
text-align:left;
}
#sousmenu{
position:absolute;
top:48px;
left:30px;
width:930px;
height:25px;
text-align:left;
background-image:url(../images/fond-ssmenu.jpg);
background-repeat:repeat-x;
}
#page{
position:absolute;
top:75px;
left:26px;
background-image:url(../images/page.jpg);
background-repeat:no-repeat;
width:941px;
height:464px;
}
#page2{
position:absolute;
top:75px;
left:26px;
background-image:url(../images/page2.jpg);
background-repeat:no-repeat;
width:941px;
height:464px;
}
#footer{
position:absolute;
top:635px;
left:10px;
width:980px;
height:50px;
color:#4F4F4F;
font-size:10px;
}
h1{color:#FFAE00; font-style:italic; font-weight:bold; font-size:18px;}
p.gauche {color:#000000; font-size:12px; text-align:justify;}
p.droite {color:#000000; font-size:12px; text-align:right;}
span.texte-orange{font-size:12px; font-weight:bold; color:#FFAE00;}
/* ------------------------------------ */
/* LIENS GLOBAL */
/* ------------------------------------ */
a.footer{text-decoration:none; font-weight:bold; font-size:12px; color:#024F9D;}
a.footer:visited{text-decoration:none; color:#024F9D;}
a.footer:hover{text-decoration:underline;}
a.mail{text-decoration:none; font-weight:bold; font-size:14px; color:#024F9D;}
a.mail:visited{text-decoration:none; color:#024F9D;}
a.mail:hover{text-decoration:underline;}
/* ------------------------------------ */
/* MENU */
/* ------------------------------------ */
#menu li {
  float: left;
  margin-right: 5px;
  list-style-type: none;
  height:33px;
  line-height:33px;
  vertical-align:middle;
  text-indent:5px;
  }
#menu li a {
  display: block;
  height: 33px;
  width:120px;
  background: url(../images/fond-onglet.jpg);
  background-repeat:repeat-x;
  font-size: 10pt;
  font-weight:bold;
  color:#999999;
  text-decoration: none;
  }
#menu li a:hover {
  display: block;
  height: 33px;
  width:120px;
  background: url(../images/fond-onglet-hover.jpg);
  background-repeat:no-repeat;
  font-size: 10pt;
  font-weight:bold;
  color:#000000;
  text-decoration: none;
  }
#menu li a.courant {
  display: block;
  height: 33px;
  width:120px;
  background: url(../images/fond-onglet-hover.jpg);
  background-repeat:no-repeat;
  font-size: 10pt;
  font-weight:bold;
  color:#000000;
  text-decoration: none;
  }
/* ------------------------------------ */
/* SOUS MENU */
/* ------------------------------------ */
#sousmenu li.ssmenu {
  float: left;
  margin-right: 5px;
  list-style-type: none;
  height:25px;
  line-height:21px;
  vertical-align:middle;
  text-indent:5px;
  }
#sousmenu li.ssmenu a {
  display: block;
  height: 25px;
  width:auto;
  font-size: 08pt;
  margin-right:20px;
  font-weight:bold;
  color:#000000;
  text-decoration: none;
  }
#sousmenu li.ssmenu a:hover {
  display: block;
  height: 25px;
  width:auto;
  font-size: 08pt;
  font-weight:bold;
  margin-right:20px;
  color:#666666;
  text-decoration: none;
  }
#sousmenu li.ssmenu a.courant {
  display: block;
  height: 25px;
  width:auto;
  font-size: 08pt;
  font-weight:bold;
  margin-right:20px;
  color:#666666;
  text-decoration: none;
  }
/* ------------------------------------ */
/* ACCUEIL */
/* ------------------------------------ */
#presentation {
	position:absolute;
	left:30px;
	top:20px;
	width:430px;
	text-align:justify;
}
#interventions {
	position:absolute;
	left:30px;
	top:340px;
	width:880px;
	text-align:justify;
}
#modalites {
	position:absolute;
	left:480px;
	top:20px;
	width:430px;
	text-align:justify;
}

/* ------------------------------------ */
/* CONTACTEZ-NOUS */
/* ------------------------------------ */
#contact {
	position:absolute;
	left:15px;
	top:125px;
	width:300px;
	height:320px;
	background-image:url(../images/fond-contact-bleu.jpg);
	background-repeat:repeat-x;
}
#adresse {
	position:absolute;
	left:320px;
	top:125px;
	width:300px;
	height:320px;
	background-image:url(../images/fond-contact-orange.jpg);
	background-repeat:repeat-x;
}
#formulaire {
	position:absolute;
	left:625px;
	top:125px;
	width:300px;
	height:320px;
	background-image:url(../images/fond-contact-bleu.jpg);
	background-repeat:repeat-x;
}
/* ------------------------------------ */
/* PUBLICITE */
/* ------------------------------------ */
#publicite {
	position:absolute;
	left:250px;
	top:380px;
}
#publicite-header{
position:absolute;
top:0px;
left:430px;
}