/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: 10px Verdana, sans-serif;
  color:#003366;
}
/* Version pour un lien sur du texte */

a.lienplan,
a.lienplan:hover,
a.lienplan:visited,
a.lienplan:active,
a.lienplan:focus
{
  cursor: text;
  text-decoration: none;
}
a{
  color:#003366;
}
a:hover{
  text-decoration: none;
}
/** Header **/
#header {
  margin: 0px;
  padding: 0px;
  width: 765px;
  height: 38px;
  background-image: url(../img/header.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
#menu ul{
  margin: 0px;
  padding: 0px;
  list-style:none;
  width: 765px;
  height: 23px;
  background: url(../img/sommes1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}
#menu ul li{
  float:left;
  height: 23px;
  font-size: 1%;

}

#menu ul li a{
  display: block;
  width: 100%;
  height: 100%;
    color:white;

}
#menu li#sommes a {	/* d�finition du lien qui occupera toute la place du conteneur */
width: 239px;
height: 23px;
background: white url(../img/sommes.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#menu li#sommes a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

#menu li#sont {	/* "lien" sera notre conteneur, ici la balise div */
width: 85px;
height: 23px;
background: url(../img/sont1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#menu li#sont a {	/* d�finition du lien qui occupera toute la place du conteneur */
background: white url(../img/sont.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#menu li#sont a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

#menu li#rencontrer {	/* "lien" sera notre conteneur, ici la balise div */
width: 168px;
height: 23px;
background: url(../img/rencontrer1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#menu li#rencontrer a {	/* d�finition du lien qui occupera toute la place du conteneur */
background: white url(../img/rencontrer.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#menu li#rencontrer a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}


#menu li#loisirs {	/* "lien" sera notre conteneur, ici la balise div */
width: 48px;
height: 23px;
background: url(../img/loisirs1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#menu li#loisirs a {	/* d�finition du lien qui occupera toute la place du conteneur */
background: white url(../img/loisirs.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#menu li#loisirs a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

#menu li#contact {	/* "lien" sera notre conteneur, ici la balise div */
width: 225px;
height: 23px;
background: url(../img/contact1.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#menu li#contact a {	/* d�finition du lien qui occupera toute la place du conteneur */
width: 58px;
background: white url(../img/contact.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#menu li#contact a:hover {	/* masquage de l'image1 au survol */
  background: transparent none;
}
/** END Header **/
#subheader {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 765px;
  height: 22px;
  background-image: url(../img/subheader.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
/** Maincontent**/
#maincontent {
  margin:0;
  padding: 0;
  width: 765px;
  min-height: 446px;
  background-image: url(../img/back.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

#maincontent p.slogan{
  margin:0;
  padding: 0;
  padding-left:70px;
  margin-bottom:15px;
  color: #999999;
  height:36px;
}
#content{
  padding-top: 2px;
  margin-left: 40px;
  margin-right: 180px;
  font-size:12px;
}
#content h1,#content div.titreRubrique{
  display:inline;
  font-size:18px;
  font-weight: bold;
  border-bottom: 1px solid #003366;
  color: #003366;
  font-family: Verdana,sans-serif;
}

#content div.titreRubrique{
display:block;
width:765px important;
}
#content h1 a{
  color: #003366;
  font-family: Verdana,sans-serif;

}
#content p#chapo{
display:block;
  width:370px;
  height:100%;
  background-image: url(../img/qui.gif);
  background-position: right;
  background-repeat: no-repeat;
  margin:11px 0 0 0;
  padding-right:160px;
  padding-top:44px ! important;
  padding-bottom:44px ! important;
  font-size:12px;
 	font-style:italic;
}
#content h2 {
  color: #003366;
  font-family: Verdana,sans-serif;
  font-size:14px;

}
#content h2 a{
  color: #003366;
}
#content p.morLink{
  width:100%;
  text-align: center;
  height:50px;
  font-weight:bold;
  margin-top:30px;

}
#content p.morLink a{
  font-weight:bold;
}
/**  END Maincontent **/
#connexLink{
font-size:10px;
height:13px;
padding: 0 0 0 40px ;
}
#connexLink a{
text-decoration:none;
}
#content p a.linkintra{
cursor:text;
text-decoration:none;
}
/** Footer**/
#footer {
  width: 765px;
  height: 23px;
  background-image: url(../img/footer.gif);
  background-position: right;
  background-repeat: no-repeat;
}
#footer {
text-indent: -9999px;
color:white;
}
/**  END Footer **/