* {
	font: normal 1em "Lucida Sans Unicode",sans-serif;
	margin: 0; padding: 0;
}

a {
	color: #362;
}

/*a:hover, .footer a:hover {
  text-decoration: none;
	color: #111;
	color:red;
}  */

a:hover, .agenda a:hover, .activite a:hover, .footer a:hover {
  text-decoration: none;
	color: #111;
	color:red;
}

a { outline:0;}
:focus { outline: 0px;}

img{
  margin:0;
  padding:0;
  border:none;
}

body {
	background: #77945B url(../img/page_bis.png) repeat-y center top;     /*#769359*/
	color: #444433;
	font-size: 12px;
	margin: 0;
}


p,cite,code,ul {
	margin: 0.8em;
}

p{
text-align:justify;
margin-right:2em;
}

h1 {
	font: normal 13px "Lucida Sans Unicode",sans-serif;
        text-align:left;
        color: #663;
}


ul {
	margin: 12px 0;
}

li {
	list-style: url(../img/li.gif);
	margin-left: 18px;
}

.pre{
font-weight:bolder;
text-decoration:italic;
}

.f_g{
float:left;
}
.f_d{
float:right;
}

.center{
margin:0, auto;
text-align:center;
}

.img.f_d{
  margin:0;
  margin-left:1em;
}

img.f_g{
  margin:0;
  margin-right:2em;
}

code {
	background: url(../img/bgcode.gif);
	border: 1px dotted #AAA;
	color: #444;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

.diviser {
	background: url(../img/ligne_divise.png) no-repeat;
	height: 24px;
	margin: 8px 0;
	margin-left:14px;
	clear: both;
}

.agenda, .diviser {
	margin:4px;
	margin-left:-5px;
}


.clearer {
	clear: both;
}
/* header */
.header {
        background: #472f17 url(../img/bandeau_haut4.png) no-repeat center top;
/*	background: #483017 url(img/bandeau_haut4.png) no-repeat center top;    /*3F2813*/   */
	border-bottom: 1px solid #CCC;
	height: 161px;
	text-align: center;
}

.header h1 {
	color: #FFF;
	font: normal 3em "Trebuchet MS",sans-serif;
	line-height: 180px;
}

.titre_accueil{
        background: #21391d url(../img/titre_accueil2.png) no-repeat center;
	height: 140px;
	width:  640px;
	text-align: center;
	margin:auto;
	padding-top:20px;
}

/* navigation
.navigation {
	height: 36px;
	margin: 0 auto;
	width: 632px;
}
.navigation a {
	background: url(../img/bouton.png) no-repeat;
	color: #FFF;
	float: left;
	font: bold 1.2em serif;
	height: 31px; 
	letter-spacing: 1px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	width: 121px;
}

*/

.navigation {
	height: 36px;
	margin: 0 auto;
	width: 640px;
}
.navigation a {
	background: url(../img/bouton_105.png) no-repeat;
	color: #FFF;
	float: left;
	font: bold 1.2em serif;
	height: 31px; 
	letter-spacing: 1px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	width: 106px;
}
.navigation a:hover {
	color: #FFF;
	background-position: left bottom;
}

/*############################################################################*/
/*  --  AGENDA  --  */
/*----------------------------------------------------------------------------*/
.mois{float:left;
margin:0;
padding:0;
margin-right:15px;
}
/*----------------------------------------------------------------------------*/
a.avril {
  display: block;
  width: 100px; 
  height: 50px;
  background-image: url('../img/agenda2009/vignette_04.jpg')
}

a.avril:hover { visibility: visible }
a.avril:hover img { visibility: hidden }

/*----------------------------------------------------------------------------*/

a.juillet {
  display: block;
  width: 100px; 
  height: 50px;
  background-image: url('../img/agenda2009/vignette_07.jpg')
}

a.juillet:hover { visibility: visible }
a.juillet:hover img { visibility: hidden }

/*----------------------------------------------------------------------------*/

a.aout {
  display: block;
  width: 100px; 
  height: 50px;
  background-image: url('../img/agenda2009/vignette_08.jpg')
}

a.aout:hover { visibility: visible }
a.aout:hover img { visibility: hidden }

/*----------------------------------------------------------------------------*/
/*############################################################################*/
/*  --  AGENDA 2  --  */

/*
#sectionLinks{
	/*background: transparent url(images/Coluche03.jpg) center right no-repeat; */
	/*margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 120%;
} */


#agenda2  a{
  display: block;
  width:100px;
  line-height:40px
  /*color:#CCCCCC; /*000000;*/
  text-indent:20px;
  text-decoration:none;
  background:url(../img/agenda2009/double_vignette_2009.jpg) no-repeat 0 0;
  border: 1px solid #dbd;
  margin:5px;
  height:49px;
}

#agenda2  a:hover{
 background:url(../img/agenda2009/double_vignette_2009.jpg) no-repeat 0 -49px;
 border: 1px solid #FF9977;
 }

/*ul#agenda2 li{
 display : inline ;
 list-style:none;
}

http://www.webdesigneuse.net/carnet/index.php/2004/05/16/2-menu-dynamique-html-css-javascript
http://fr.html.net/tutorials/css/lesson4.asp#s1
*/
/*############################################################################*/

#agenda2 .flottant {
float:left;
margin:0;
padding:0;

}

#agenda2 .flottant a{
  color:#4E4046;
  margin:5px;
  padding:0;
  font-size:20px;
  font-family: "Trebuchet MS", Verdana;
}

#agenda2 .flottant a:hover{
  color:red;
}

/*############################################################################*/


/* structure */
.page {
	font-size: 1em;
	margin: 0 auto;
	padding-left:8px;
	width: 625px;
}


.portraits {
margin:0;
padding:0;
margin-left:-7px;
 }

/* contenu */
.contenu {
	padding: 18px 0;
}
.contenu h1 {
	color: #553;
	font-size: 1.6em;      /*titre Bienvenue */
	margin-bottom: 4px;
}

img.centre{
text-align:center;
}

.titre{
  color: #663;
  margin:0;
  padding:0;
  font-size: 1.6em;
  margin-bottom:0.8em;
  text-align:center;
}

.titre1{
  color: #663;
  margin:0;
  padding:0;
  font-size: 18px;
  margin-bottom:0.8em;
  text-align:center;
  position: relative; z-index: 3;
}

.lien-soustitre1 {
  color: #000000;
  margin:0;
  padding:0;
  font-size: 12px;
  text-align:center;
  position: relative; z-index: 2;
}

.section p{
margin:0;
padding:0;
text-align:center;
font-size:13px;
margin-left:-18px;
}

p.rubrique {
  padding:0;
  margin:20px;
  text-align:justify;
  padding-left:20px;
}

p.titre-accueil{
  display: block;
  background: url(../img/quote.gif) no-repeat;
  color: #663;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  padding-left: 28px;
}


.titre-rubrique{
  background: url(../img/quote_F.gif) no-repeat;
  color: #663;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  padding:6px;
  padding-left: 28px;
}

.top{
font-size:10px;
margin-left:-1em;
}
/*-----------------------activite.htm = liste des activite avec lien----------------------*/

.act_f_g{
z-index: 2;
position:absolute;
margin-top:-6em;
}

.acti-1{
/*float:left; */
width:40%;
margin:0;
margin-top:6em;
margin-left:30em;
margin-bottom:6em;
padding:0;
}

li.li-act{
z-index: 4;
position:relative;
list-style-type: none;
list-style-image: url(../img/quote_F.gif);
padding:2px;
padding-left:8px;
margin-left:57px;
font-size:13px;
}

li.li-act-bis{
z-index: 4;
position:relative;
list-style-type: none;
list-style-image: none;
padding:4px;
padding-left:8px;
margin-left:60px;
font-size:13px;
}

li.li-act-ter{
z-index: 4;
position:relative;
list-style-type: none;
list-style-image: url(../img/quote_F.gif);
padding:4px;
padding-left:8px;
margin-left:50px;
font-size:13px;
}

li.li-act a{
 text-decoration: none;
 color:#443;
}

li.li-act-bis a{
 text-decoration: none;
 color:#443;
}

li.li-act-ter a{
 text-decoration: none;
 color:#443;
}

li.li-act a:hover {
 text-decoration: underline;
 color: #343434;
 font-weight:700;
}

li.li-act-bis a:hover {
 text-decoration: underline;
 color: #343434;
 font-weight:700;
}

li.li-act-ter a:hover {
 text-decoration: underline;
 color: #343434;
 font-weight:700;
}
.titre-activite{
  /*background: url(img/quote_F.gif) no-repeat; */
  color: #663;
  font: normal 1.7em "Lucida Sans Unicode",serif;
  padding:6px;
  padding-left: 45px;
}

p.activite {
  font-size:120%;
  padding:0;
  margin:0;
  text-align:justify;
  margin-top:20px;
}

/*------------------------rubrique pension-------------------*/

.acti li{
text-align:top;
width:100px;  
}



/*--------------------div photos page activites-------------------------*/
.photo-act {
width:60%;
float:right;
margin-right:-2em;
margin-left:5px;
}

/*------------------tableau agenda------------------------*/

.hb{
margin-left:-25px;
}

.hb1{
margin-top:-60px;
margin-left:-25px;
position: relative; z-index: 1;
}

table.agenda{
width:600px;
font-size:13px;
margin-right:50px;
}

.agenda td{
  padding:6px;

}

td.titre-rubrique{
  background: url(../img/quote_F.gif) no-repeat;
  color: #663;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  padding-left: 24px;
  text-decoration:underline;
  font-weight:700;
  font-size:12px;
  padding-top:5px;
  margin-top:0;
  vertical-align:top;
}


td.ag{
  padding-left:0;
  /*vertical-align:top;  */
}

span.stage{
   font-variant: small-caps;
   font-size:14px;
  }
  
td.sous-rubrique{
  background: url(../img/quote_F.gif) no-repeat;
  color: #663;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  padding-left: 24px;
  font-weight:700;
  font-size:12px;
}
/*--------------------------------------------------------*/
/*--------------------- COMPETITIONS ---------------------*/

.titre-competition{
  /*background: url(img/quote_F.gif) no-repeat; */
  color: #663;
  font: normal 1.7em "Lucida Sans Unicode",serif;
  padding:6px;
  /*padding-left: 20px;*/
    text-align:center;
}

.soustitre-competition{
  /*background: url(img/quote_F.gif) no-repeat; */
  color: #663;
  font: normal 1.7em "Lucida Sans Unicode",serif;
  padding:6px;
  /*adding-left: 20px;  */
  font-size:18px;
  text-align:center;
}

.competition {
  font-size:120%;
  padding:0;
  margin:0;
  text-align:justify;
  margin-top:20px;
}

.photo-act {
width:60%;
float:right;
margin-right:-2em;
margin-left:5px;
}

.photo-compet {
/*width:60%; */
float:right;

margin-left:20px;
}


/*--------------------------------------------------------*/


/*ul.titre-rubrique {
  background: url(img/quote_F.gif) no-repeat;
  color: #663;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  padding:4px;
  padding-left: 28px;
  list-style:none;             */
}

.presentation p{
margin:10px;
}

.adresse{
margin:0;
padding:3px;
text-align:center;
}

p.mail{
margin:0;
padding:12px;
text-align:center;
font-size:11px;
}

p.tel{
margin:0;
margin-top:8px;
text-align:center;
font-size:11px;
}

p.port{
margin:0;
margin-bottom:8px;
text-align:center;
font-size:11px;
}

.itineraire{
  margin:0;
  padding:0;
  margin-top:1em;
  text-align:justify;
}

.agenda {
  margin-left:25px;
  margin-bottom:1em;
}

.ag {
  font-size:13px;
  color: #443;
  margin-left:1.5em;
}
/* footer */
.footer {
	color: #886;
	font-size: 0.9em;
	padding-top: 12px;
	text-align: center;
}
.footer a {
	color: #664;
}

/* --------------table : Planning -- page : agenda.htm -----------------------*/

table.planning{
margin-left:15px;
}

.planning td{
  height:25px;
}

.planning th{
font-size:110%;
font-weight:700;
width:180px;
height:30px;
text-align:left;
}

.planning th.horaire{
width:140px;
}

.planning th.pubact{
width:300px;
}
/*-------------------------page plan.htm-----------------------------*/
table.plan{
border:none;
width:95%;
font-size:120%;
}
.plan td {
border:solid 1px #663;
height:50px;
text-align:center;
width:50%;
}
ul.plan li
{
text-align:left;
font-size:90%;
padding:2px;
margin-left:40px;
}

.plan a {
	color: #362;
	text-decoration:none
}
.plan a:hover, a:link{
	color: #111;
	text-decoration:underline;
}

/* navigation
.navigation {
	height: 36px;
	margin: 0 auto;
	width: 632px;
}
.navigation a {
	background: url(../img/bouton.png) no-repeat;
	color: #FFF;
	float: left;
	font: bold 1.2em serif;
	height: 31px; 
	letter-spacing: 1px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	width: 121px;
}

*/

.navigation {
	height: 36px;
	margin: 0 auto;
	width: 640px;
}
.navigation a {
	background: url(../img/bouton_105.png) no-repeat;
	color: #FFF;
	float: left;
	font: bold 1.2em serif;
	height: 31px; 
	letter-spacing: 1px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	width: 106px;
}
.navigation a:hover {
	color: #FFF;
	background-position: left bottom;
}