body{
	margin: 0;
	background-color: #FBDCB3;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;

}


/* Pour la page d'accueil */
#container-accueil {
	margin: 0;
	width:1000px
}


#texteaccueil {
	margin: 0 0 0 0;
}

#texteaccueil {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	text-align: left;
	}
	
#texte-accueil {
	background-image:url(../images/momentane.gif);
	background-position:70% 0%;
	background-repeat:no-repeat;
	padding: 2em;
	text-align: left;
}

#texteaccueil h1 {
	color: #FF3300;
	font-size: 130%;
	}
	

#texteaccueil p {
	}


/* Pour toute les pages */


#supportingtext h1{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.5em;
	border-bottom: 1px solid #FF3300;
	color: #FF3300;
	}

#texte h1 a:link, #texte h1 a:visited, #texte h1 a:hover {
	color: #FF3300;
	text-decoration:none
}


#texte {
	padding: 2em;
	text-align: left;
}

#texte .article-inc {
	border: thin solid #000000;
	margin: 0 0 30px 0;
}
		
#texte .article-inc {
background-image: url(../images/chromeBox-top.gif);
background-repeat: no-repeat;
background-position: left top;

overflow:hidden
}

#texte h1{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.5em;
	border-bottom: 1px solid #FF3300;
	color: #FF3300;
	}


#texte h2 {
	margin: 2em 0 2em 0;
	padding : 0 0 0em 0em;
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #339933;
	border-left: 3px solid #339933;
	color: #339933;
}

#texte h3 {
	margin-left: 20px ;
	padding-left: 5px ;
	color: #339933;
}

#texte p {
			text-align: justify ;
			line-height: 1.7em ;
}

/* FIN */


#scrollimg {
	height: 200px;
	}
	
.navigation {
	text-align: left;
	padding-left: 1em;
	}

#titre {
	}

#logo {
	margin: 0;
	width: auto;
	}
	
#logo h1 {
	margin: 0;
	}
	
#gauche {
	position:absolute;
	width: 215px;
	top: 168px;
	left: 0em;
}

#gauche-accueil {
	position:absolute;
	width: 215px;
	top: 198px;
	left: 0em;
}

#partenaires-accueil {
	background-color:#EFD6FE;
	height: auto;
	margin: 3em 0 0 0;
	padding: 5px;
	border: 1px solid #000000;
}

#partenaires-accueil h3 {
	background-color: #FF6600;
}

#secrets {
	margin: 2em 0 0 0;
	padding: 5px;
	height: auto;
	border: 1px solid #000000;
	background-color: #D6F4FE;
}

#secrets h3 {
	color: #FF0000;
}


#partenaires {
	margin: 3em 0 0 0;
	left: 1%;
	top: 55em;
	width: 205px;
	height: 125px;
	padding: 5px;
	}
	
#partenaires h3 {
	background-color: #FF6600;
}


/* Permet de faire une hauteur min-height qui marche avec internet explorer */

#supportingtext {
	height: 60em;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url(../images/design/TexteSC.jpg);
	margin: 1.5em 2% 0em 17em;
	}
		

	html>body #supportingtext {
	height: auto;
	min-height: 60em;
	}



#titre-texte p,h1 {
	display:inline;
}



#intro {
	float:right;
	margin-left:1%;
	width:190px;
	}

#contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
#contact ul li {
  margin: 2px 30px 6px 0;
  padding: 2px;
  font-weight: bold;
  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
    display:inline;
  }
  
#contact ul li a {
  color: #000000;
  padding-left: 30px; /* width of icon + whitespace */
  }

#nouscontacter { background-image: url(../images/mail.gif); }


#contact #menu-haut-annonces { 
padding: 0 0 0 25px;

}

#asavoir {
	background-color: #EFD6FE;
	border: 1px solid #0000FF;
	margin-bottom: 15px;
	padding: 5px;
}

#asavoir h3 {
	color: #FF6600;
	margin: 0 0 1em 0;
}



#asavoir .news-titre-inc {
	margin:1em 0 0 0;
	padding : 0 0 0em 0em;
	list-style-type: none;
	color: #339933;
	font-weight: bold;
}

#asavoir .news-date-inc {
	font-size: 1em;
	margin: 0 0 1em 0;
	font-style: italic;
	font-weight: bold;
}



#articles ul li {
	margin:0 0 0 0;
	padding : 0 0 0em 0em;
	list-style-type: square;
}

#decouvrir {
	background-color: #D6F4FE;
	border: 1px solid #0000FF;
	margin-bottom: 15px;
	padding: 10px;
}

#decouvrir h3 {
	color: #339933;
	margin: 0;
}


#decouvrir ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}


#horloge {
	font-size: 0.8em;
	}

#meteo {
	margin-bottom: 10px;
	}

#info {
	margin:0 0 2em 0;
	background-color: #FFFFFF;
	}
	
#sondage {
	margin:0 0 2em 0em;
	padding:1em 1em 1em 1em;
	background-color: #FFFFFF;
	}

#sondage h3 {
	text-align:center;
	color: #FF0000;
}

#signature {
	padding:0 0 10px 0
}

/*Lettre d'information*/
#mailinglist {
	background-color: #D6F4FE;
	border: 1px solid #0000FF;
	margin-bottom: 15px;
	padding: 0 0.5em 0em 0.5em;
}

#mailinglist .img-mailing {
	padding: 0em ;
	margin: 0em ;
}


#mailinglist .desabonnement {
	font-size: 0.7em;
}




#cnil {
	font-size: 0.8em;
	padding: 10px;
}

#pied {
	text-align:center;
	margin: 0 2% 0 17em;
	background-color: #FFFFFF;
	}

#pied p{
	margin: 0 0 0 0em;
	}

#pied .pied-dessin {
	text-align:center;
	color: #000000;
	background-image: url(../images/bas-de-page.jpg);
	height: 1em;
	clear: both;
	}

#ours {
	left: 1px;
	color: #0000FF;
}

#ours ul li a{
	color: #0000FF;
}

#ours li {
	border-right:1px solid #fff;
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
}

#monument {
	background-color: #999999;
	}
	
#referencement {
	position: absolute;
	}
	
#w3c {
	}
	
#texteaccueil a:link {
	color: #0000FF;
	text-decoration: underline;
}

#texteaccueil a:hover {
	text-decoration: none;
}

#scrollimg{
	height: 210px;
}

#texte1 a:active, a:visited {
	color: #0000FF;
	text-decoration: underline;
	}

#flash_movie {
	width: auto;
	padding: 1em 1em 1em 1em;
	margin:auto;
	text-align: center;
}

#flash_movie h3 {
	font-size: 1.3em;
	
}

#flash_movie p {
	text-align: center;

}

.tel {font-family: "Wingdings 2"}

.bandeau {
	font-size: 150%;
}

.surligner {
	color: #FF3300;
}

.tableau {
	font-size: 70%;
}

.test {
	margin-right: 10px;
}

.puce {
	background-image: url(../images/accueil/menu_puce.gif);
	background-repeat: no-repeat;
	background-position:0% 65%;
	padding-left:15px;
}

.menu-blanc {
	background-color: #FFFFFF;
	border: 1px solid #0000FF;
	margin: 15px 0 0 0;
	padding: 10px;
}
	
.menu-violet {
	margin: 2em 0 0 0;
	padding: 5px;
	height: auto;
	border: 1px solid #000000;
	background-color: #EFD6FE;
	}
	
.menu-bleu {
	margin: 2em 0 0 0;
	padding: 5px;
	height: auto;
	border: 1px solid #000000;
	background-color: #D6F4FE;
	}

.menu-transparent {
	margin: 2em 0 0 0;
	padding: 5px;
	height: auto;
	}
#pub-dte {
	height: 600px;
	width: 120px;
	margin: auto;
}
#container-accueil #supportingtext #intro #recherche {
	margin: 0 0 15px 0;
}
#container-accueil #contact {
	background-color: #FE9900;
}