body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #C5A779;
	font-family:  "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
   	font-size: 11px;
	color: #996600;
}

b {
	font-size: 110%;
}
em {
	color: red;
} 

a.lien1:link { color: #996600; font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;}
a.lien1:visited { color: #996600; font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;}
a.lien1:hover  { background: #D3FFAB; color: #0000B5 }

a.lien2:link { color: #669900; font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;}
a.lien2:visited { color: #669900; font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;}
a.lien2:hover  { background: #D3FFAB; color: #669900 }

input.bouton {
border:2px outset #996600;
background-color:#E1FFBF;
color:#006600;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
border:2px outset #996600;
background-color:#efe1c0;
color:#996600;
}
input.bouton:active {
border:2px inset red;
background-color:red;
color:white;
} 

/*  Ne fonctionne pas avec MSIE  */
input:focus, textarea:focus {
background-color:white;
color:red;
}


.info-bottom-dotted	{ 
	margin: 0px;
	margin-top: 3px;
	padding: 0px; 
	padding-top:2px; 
	border-top: 1px dotted #006600; 
	white-space:nowrap; 
}

.boldtitle { 
	font-family:  "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold; 
	font-size: 23px; 
	margin: 5px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
	line-height:25px;
}
.title { 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-size: 23px; 
	margin: 5px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
}
.subtitle { 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold; 
	font-size: 15px; 
	margin: 5px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
}
.subtitle2 { 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold; 
	font-size: 13px; 
	margin: 1px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
}

.subtitle3 { 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold; 
	font-size: 13px; 
	color: #669900;
	margin: 1px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
}

.comments {
	font-family:  "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-size: 10px; 
	margin-left: 5px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
}

.erreur1 {
	font-family:  "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-size: 11px; 
	color: red;
}


#contenu-principal{
	width: 984px;  /* Largeur du container principal */
	margin: 0 auto; /* Centrage du container sur la page */
	border-right: 2px solid #6a5a41;
	border-left: 1px solid #6a5a41;
	border-top:2px solid #6a5a41;
	border-bottom: 2px solid #6a5a41;
	background-color: #FFFFCC;
}

#section-haute{
	height: 125px; /* Hauteur de la section du haut */
}

#section-haute h1{
	margin: 0;
	padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contenu-central{
	width: 840px;
	padding-top: 0px;
	margin-left: 140px; /* Positionne le contenu en fonction de la largeur de la colonne de gauche */
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
   	font-size: 12px;
	color: #996600;
}

#colonne-menu{
	float: left;
	width: 132px; /* Largeur de la colonne de gauche */
	margin-left: -982px; /* Positionne la marge de gauche en négatif par rapport au container principal */
	border-right: 1px solid #6a5a41;
	border-left: 1px solid #6a5a41;
	border-bottom: 1px solid #6a5a41;
	border-top: 1px solid #6a5a41;
	margin-bottom: 5px;
}

.deco {
	width: 132px; /* Largeur de la colonne de gauche */
	height: 385px;
	background-image: url("/images/charte/fond-menu.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}


#pied-page{
	clear: left;
	width: 100%;
	background: #6a5a41;
	color: #FFF;
	text-align: center;
	padding: 2px 0;
}

#pied-page a{
	color: #FFFF80;
}

.cadre-central{
	margin: 5px; /* Marge pour les DIV internes de chaque colonne (pour aération) */
	margin-top: 0;
	padding: 8px;
	border-right: 1px solid #6a5a41;
	border-left: 1px solid #6a5a41;
	border-top: 0px solid #6a5a41;
	border-bottom: 1px solid #6a5a41;
	text-align: justify;
	height: 100%;
}

.cadre-menu-haut{
	margin-top: 0;
	padding-left: 5px;
	padding-right: 5px;	
	text-align: justify;
}


/* Début de définition pour le bandeau haut */ 

#tete{
 	background-image: url("/images/charte/bandeau-club.jpg");
	background-repeat: no-repeat;
	background-color: #FFFFCC;
	margin-left: 0px;
	height: 120px;
	width: 984px;
}

.date-jour {
	text-align: right;
	padding-top: 96px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	
}

/*  Mise en page 3 colonnes */

.colonne-centre	{  
	float: left;
	margin-top: 3px;
	margin-left: 10px;
   	margin-bottom: 5px;
   	width: 259px;
}

.colonne-gauche	{  
	float: left;
	margin-top: 3px;
	margin-left: 5px;
   	margin-bottom: 5px;
   	width: 259px;
}

.colonne-gauche1	{  
	float: left;
	margin-top: 3px;
	margin-left: 5px;
   	margin-bottom: 5px;
   	width: 528px;
}

.colonne-droite	{ 
	float: left;
	margin-top: -10px;
	margin-left: 10px; 
   	margin-bottom: 5px;
   	width: 259px;
}

/* Mise en page 2 colonnes */

.colonne-droite-large	{ 
	float: left;
	margin-top: 3px;
	margin-left: 10px; 
   	margin-bottom: 5px;
   	width: 498px;
}



hr { clear: both; visibility: hidden; }


/* Tout ce qui suit est à attribuer à : */ 
/* Dynamic Drive CSS Library  */
/* URL: http://www.dynamicdrive.com/style/  */



/* Menu à onglets */

.menu-onglets{
border-bottom: 1px solid #6a5a41;
padding-left: 5px;
}

.menu-onglets ul{
padding: 0;
margin: 0;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-style: bold;
font-size: 13px;
list-style-type: none;
}

.menu-onglets li{
display: inline;
margin: 0;
}

.menu-onglets li a{
padding: 5px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #996600;
background: transparent url(/images/charte/tab_color.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 18px;
}

.menu-onglets li a:visited{
color: #996600;
}

.menu-onglets li a:hover{
text-decoration: underline;
}

.menu-onglets li.selected a{ /*selected tab style*/
color: #339900;
font-weight: bold; 
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(/images/charte/tab_blank.gif) 100% 0 no-repeat;
}

.menu-onglets li.selected a:hover{
text-decoration: none;
}

.menu-onglets{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}


/* Boites de texte titrées */

.texte-boite{
background-color: #efe1c0;
width: 240px;
padding: 10px;
border: 1px dotted #996600;
}

.texte-boite-accueil{
background-color: #efe1c0;
width: 240px;
padding: 2px 12px 2px 5px ;
border: 1px dotted #996600;
}

.titre-boite{
background: url(/images/charte/rond.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 0em;
margin-top: 1em;
font-size: 14px;
font-weight: bold;
color: #6a5a41;
}

.texte-boite1{
background-color: #FFFFEB;
width: 500px;
padding: 10px;
border: 2px ridge #996600;
}

.texte-boite1a{
background-color: #FFFFEB;
width: 787px;
padding: 10px;
border: 2px ridge #996600;
}

.titre-boite1{
background: url(/images/charte/rond.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 0em;
margin-top: 1em;
font-size: 14px;
font-weight: bold;
color: #6a5a41;
}

.texte-boite2{
background:  url(/images/icones/calendrier.gif) 5px 0 no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width: 450px;
padding: 10px;
padding-left:60px;
border: 2px ridge #996600;
}

.texte-boite3{
background:  url(/images/icones/information.gif) 5px 5px no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width: 450px;
padding: 10px;
padding-left:60px;
border: 2px ridge #996600;
}

.texte-boite4{
background:  url(/images/icones/information.gif) 5px 5px no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width: 737px;
padding: 10px;
padding-left:60px;
border: 2px ridge #996600;
}

.texte-boite5{
background:  url(/images/icones/calendrier.gif) 5px 0 no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width: 737px;
padding: 10px;
height:40px;
padding-left:60px;
border: 2px ridge #996600;
}

.texte-boite-large{
background-color: #E1FFBF;
width: 787px;
padding: 10px;
border: 1px dotted #996600;
}

.titre-boite-large{
background: url(/images/charte/rond.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 0em;
margin-top: 1em;
font-weight: bold;
font-size: 14px;
color: #6a5a41;
}


/* Menus gauche */

#block-menus{
border: 1px solid black;
border-bottom-width: 0;
width: 130px;
}

#block-menus ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#block-menus li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 115px; /*130px minus all left/right paddings and margins*/
text-decoration: none;
color: #996600;
background-color: #efe1c0;
border-bottom: 1px solid #6a5a41;
border-left: 7px solid #6a5a41;
}

* html #block-menus li a{ /*IE only */
width: 132px; /*IE 5*/
w\idth: 115px; /*130px minus all left/right paddings and margins*/
}

#block-menus li a:hover {
background-color: #FFFFCC;
border-left-color: #FFCC00;
}

#block-menus div.titre-menu{
color: #FFFFCC;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #CC6600;
font: bold 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.block-sans{
padding: 3px 0;
padding-left: 9px;
width: 115px; /*130px minus all left/right paddings and margins*/
text-decoration: none;
color: #996600;
background-color: #efe1c0;
border-bottom: 1px solid #6a5a41;
border-left: 7px solid #6a5a41;
}

#calendrier ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#calendrier li {
background: url(/images/icones/puce_tetieres.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 10px;
text-decoration: none;
color: #999999;
}

#calendrier dd {
margin-left: 20px;
padding: 0px;
text-decoration: none;
color: #999999;
}

#calendrier1 ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#calendrier1 li {
background: url(/images/icones/puce_tetieres.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 16px;
margin-left:13px;
text-decoration: none;
color: #999999;
}

#pdf ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#pdf li {
background: url(/images/icones/pdf.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 18px;
margin-left:10px;
text-decoration: none;
color: #999999;
}

#exc ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#exc li {
background: url(/images/icones/exc.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 18px;
margin-left:10px;
text-decoration: none;
color: #999999;
}

#ppt ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ppt li {
background: url(/images/icones/ppt.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 18px;
margin-left:10px;
text-decoration: none;
color: #999999;
}

#zip ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#zip li {
background: url(/images/icones/zip.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 18px;
margin-left:10px;
text-decoration: none;
color: #999999;
}

#doc ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#doc li {
background: url(/images/icones/doc.gif) no-repeat;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
padding: 0px;
padding-left: 18px;
margin-left:10px;
text-decoration: none;
color: #999999;
}

/* Boîte d'information sur lien */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


.element-menu-head-large	{
   	margin-left: 2px;
   	width: 520px;
   	height: 25px; 
   	background-color: #FFFFFF;
   	padding-left: 0px;
   	background-image:  url("/images/charte/haut-cadre-large.jpg");
   	background-repeat: no-repeat;
   	background-position: bottom left; 
	line-height: 21px;
	font-size:14px; 
	font-weight:bold;
}

.element-menu-bottom-large	{
   	margin-left: 2px;
	padding: 0px;
	width: 520px;
   	height: 14px; 
   	background-image:  url("/images/charte/bas-cadre-large.jpg");
   	background-repeat: no-repeat; 
   	background-color: #FFFFFF;
	background-position: top left;
}  

.element-submenu-large ul	{
   	list-style-image: url("/images/charte/bulle-v.gif");
   	margin: 0px;
  	border-bottom: #ffffff 1px solid;
   	background-color: #FFFFFF;
}

.element-submenu-large li {  
	padding-top: 2px;
	padding-bottom: 2px; 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
}

.element-submenu-large	{ 
	background-color: #FFFFFF; 
	width: 496px;
	margin-left: 2px;
	padding: 10px;
	border-left: 2px solid #666666;
	border-right: 2px solid #666666;
} 

.element-submenu-large1	{ 
	background:  url(/images/icones/calendrier.gif) 5px 0 no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	background-color: #FFFFFF; 
	width: 496px;
	margin-left: 2px;
	padding: 10px;
	border-left: 2px solid #666666;
	border-right: 2px solid #666666;
} 

.element-submenu-large2	{ 
	background:  url(/images/icones/information.gif) 5px 5px no-repeat #FFFFEB; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	background-color: #FFFFFF; 
	width: 496px;
	margin-left: 2px;
	padding: 10px;
	border-left: 2px solid #666666;
	border-right: 2px solid #666666;
} 

.element-submenu-large3	{ 
	background-color: #ECFFEA; 
	width: 240px;
	margin-left: 2px;
	padding: 10px;
	border: 1px solid #666666;
} 

.element-submenu-int { 
	padding-left:50px;
}