/* CSS Document */
body {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	background-color: #91AAC1;
	background-image: url(img/fond.gif);
}

h1{
border: 0px none;
margin: 0px 0px 0px 0px;
padding: 0ps 0ps 0ps 0ps;
}

#printlogo {
	display: none;
	}
.homecontainer {
 width:694px;
 margin-left:auto;
 margin-right:auto;
 position: relative;
 margin-top:1em;
 margin-bottom:1em;
 vertical-align: top;
}
#homelogo, #hometop, #hometop1, #menu, #hometop3 {
 float:left;
}

#homecontent {
 clear:left;
 width:342px;
 height:321px;
 background-image: url(img/home/fond_contain_home.gif); 
 border-bottom:1px solid black;
 border-left:1px solid black;
 border-right:1px solid black;
 padding-left: 350px ; 
}

#homelogo {
 width:141px;
 height:111px;
 background-image: url(img/home/logo.gif); 
 background-repeat: no-repeat; 
}

#hometop {
 width:553px;
 height:111px;
}
#top {
 width:574px;
 height:111px;
}

#hometop1 {
 width:553px;
 height:74px;
 background-image: url(img/home/club.gif);
 background-repeat: no-repeat;
 margin : 0 0 0 0;
 padding:0 0 0 0;
}

#hometop3 {
 width:552px;
 height:16px; 
 background-image: url(img/home/fond_contain_home.gif); 
 border-right:1px solid black;
}

#menu { /* il s'agit du css pour le menu de la home page */
 height:19px;
 width:552px;
 background-color: #4871B5;
 border-bottom:1px solid black;
 border-top:1px solid black;
 border-right:1px solid black; 
}

#menu ul {
 list-style-type: none; /* on supprime les puces, inutiles */
 width: 100%; /* précision pour Opera */
 margin : 0 0 0 0px;
 padding:0 0 0 0;
}

#menu li {
	list-style: none;
	display: inline;
	float: left; /* on aligne les listes sur la gauche pour créer un menu horizontal */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin : 0 0 0 0;
	padding:0 0 0 0;
}

.menu li a {
	list-style: none;
	display: inline;
	color:white;
	text-decoration: none;
}

.menu li a:hover {
	list-style: none;
 	color:white;
 	background-color:#F5A300;
	
}



#mainmenu { /* il s'agit du css pour le menu des pages interieures du site*/
 height:19px;
 width:574px;
 background-color: #4871B5;
 border-bottom:1px solid black;
 border-top:1px solid black;
 border-right:1px solid black; 
}

#mainmenu ul {
 list-style-type: none; /* on supprime les puces, inutiles */
 list-style: none;
 width: 100%; /* précision pour Opera */
 margin : 0 0 0 0px;
 padding:0 0 0 0;
}

#mainmenu li {
 	list-style: none;
	float: left; /* on aligne les listes sur la gauche pour créer un menu horizontal */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin : 0 0 0 0;
	padding:0 0 0 0;
}

.mainmenu li a {
 	list-style: none;
	display: inline;
	line-height: 19px;
	color:white;
	text-decoration: none;
}

.mainmenu li a:hover {
 list-style: none;
 color:white;
 background-color:#F5A300;
}





.container {
 width:694px;
 margin-left:auto;
 margin-right:auto;
 position: relative;
 margin-top:1em;
 margin-bottom:1em;
 vertical-align: top;
}

#logo, #top, #top1, #mainmenu, #top3 {
 float:left;
}

#content {
 clear:left;
 width:692px;
 background-color: white; 
 border-bottom:1px solid black;
 border-left:1px solid black;
 border-right:1px solid black;
 display: table;
}

#secondarymenu, #finalcontent{
 float:left;
}


#secondarymenu {
 width:230px;
 height: 100%;
 background-image: url(img/fond_secondary_menu.gif);
 background-repeat: no-repeat;
 padding-top: 40px ; 
}

#contentsecondarymenu {
 width:230px;
 height: 285px;
 background-image: url(img/fond_secondary_menu.gif);
 background-repeat: no-repeat;
}
#contentsecondarymenuleft, #contentsecondaryright {
 float:left;
}
#contentsecondarymenuleft {
 width:59px;
 text-align: right;
 
}
#contentsecondaryright {
 width:150px;
 height: 285px;
}

#copyright {
 width:210px;
 padding-left: 30px ; 
}

#finalcontent {
 width:420px;
}

#infochapter {
 width:420px;
 border-bottom:1px solid black;
}

#maincontent {
 width:420px;
 text-align: justify;
 padding-bottom: 1em; 
 }

#text, #illustration  {
 float:left;
}

#textbis, #illustrationbis  {
 float:left;
}

#text {
 width:295px;
 text-align: justify;
 }

#textbis {
 width:420px;
 text-align: justify;
 }
 
#illustrationbis {
 width:5px;
}

#textlarge {
 width:420px;
 text-align: justify;
 padding-bottom: 1em; 
 }
  
#sitemap {
 width:420px;
 background-image: url(plan/img/arbre_plan.gif);
 background-repeat: no-repeat;
 }
 
#illustration {
 width:120px;
 text-align:right;
 padding-top: 55px ; 
}

#logo {
 width:119px;
 height:111px;
 background-image: url(img/logo.gif); 
 background-repeat: no-repeat; 
}

#top {
 width:575px;
 height:111px;
}

#top1 {
 width:575px;
 height:73px;
 background-image: url(img/club.gif);
 background-repeat: no-repeat;
 margin : 0 0 0 0;
 padding:0 0 0 0;
}

#top3 {
 width:574px;
 height:17px; 
 background-color: white; 
 border-right: 1px solid black;
}
 
#footer {
 width:694px;
 height:20px;
 margin-left:auto;
 margin-right:auto;
 text-align: right; 
 line-height: 20px;

}

p {
margin: 0 0 0 0;
}

.smalltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #6E5521;
}
.smalltext a
{
	font-size: 1em;
	text-decoration: none;

}
.smalltext a:hover
{
	font-size: 1em;
	text-decoration: none;
}

.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: black;	
	text-decoration: none;
}

.lien
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: black;	
	text-decoration: none;
}

a.lien
{
	text-decoration:none;
}

a.lien:hover
{
	color:#EC6F00;
	text-decoration:none;
} 
.lienzoom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #EC6F00;	
	text-decoration: none;
}

a.lienzoom
{
	text-decoration:none;
}

a.lienzoom:hover
{
	color:black;
	text-decoration:none;
} 


.backtotop
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: black;	
	text-decoration: underline;
}

a.backtotop
{
	text-decoration: underline;
}

a.backtotop:hover
{
	color:#4871B5;
	text-decoration: underline;
}

.chapter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#EC6F00;
	text-decoration: none;
	font-weight: bold;
}


ul {
	color:#4871B5;
	list-style: none ;
}
.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	color: #000000;
}