* 
{
margin: 0; 
padding: 0;
}

body
{
	background: #2E2E2E url(../image/inter/fond.jpg) no-repeat top center;
	
}

#global
{
	background: transparent url(../image/inter/fond2.jpg) repeat-y;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	color: #F2F2F2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 73%;
}

/*generalites
-----------------------------------------------------------------------------------------*/

a, a:hover
{
	color:#FE7402;
	text-decoration: none;
}

a img
{
	border: none;
}

ul
{
	list-style-type: none;
}

p
{
	margin-bottom: 5px;
}

h1,h2,h3,h4
{
	color: #FF5704;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

h1,h2

{
	font-size: medium;
	
}

h3, h4
{
	font-size: small;
}

/*Liens d'évitement
------------------------------------------------------------------------------------------*/
#acces_rapide
{
	height: 58px;
	background: transparent url(../image/inter/top.jpg) no-repeat;
}

#acces_rapide p
{
	display:none;
}


/*bannière du haut
-------------------------------------------------------------------------------------------*/
#header
{
	background: transparent url(../image/inter/header.jpg) no-repeat;
	width: 810px;
	height: 284px;
}

#header h1, h2
{
	display:none;
}


/*la colonne de gauche
-------------------------------------------------------------------------------------------*/
#colonne
{
	float: left;
	width: 210px;
	background: transparent url(../image/inter/colonne.jpg) no-repeat;
}

/*Le menu
-------------------------------------------------------------------------------------------*/
#menu
{
	margin-top: 160px;
	margin-left: 40px;
	margin-bottom: 20px;
	text-align: left;
}

#menu li
{
	margin: 0 0 5px 0 ;
	padding:0 ;
}

#menu li a
{
	display: block;
	width: 157px;
	height :19px;
	line-height: 19px;
	color:#ffc023;
	text-indent: 30px;
	text-decoration: none;
	background: url(../image/inter/bouton.jpg) no-repeat 0 0; 
}

#menu li a:hover
{
	background: url(../image/inter/bouton.jpg) no-repeat 0 -19px; 
	color:#000000;
	
}

/*bloc du contenu
-----------------------------------------------------------------------------------------*/
	

#contenu
{
	margin-left: 210px;
	margin-bottom: 20px;
	background: transparent url(../image/inter/tripotes.jpg) no-repeat top right;
	padding-right: 100px;
	height: auto !important;
	height: 460px;
	min-height: 460px;
} 

	


/* pied de page
-----------------------------------------------------------------------------------------*/

#footer
{
	clear: both;
	width: 810px;
	height: 106px;
	background: transparent url(../image/inter/footer.jpg) no-repeat;
	text-align: center;
	font-size: x-small;
}

/*style pour phrase en page d'accueil
------------------------------------------------------------------------------------------*/
.vtt
{
	font-weight: bold;
	font-style: italic;
	text-align:center;
}

/*statistiques
-----------------------------------------------------------------------------------------*/
#xiti-logo
{
	margin-left: 60px;
	margin-bottom:10px;
}

/*la signature des copresidents en page d'accueil
-------------------------------------------------------------------------------------------*/
.signature
{
	text-align: right;
	font-size: x-small;
}

/*Les news
------------------------------------------------------------------------------------------*/
#news
{
	background: transparent url(../image/inter/hautnews.gif) no-repeat;
	margin-top: 15px;
	padding: 7px 5px 0px 3px;
}

.datenews
{
	color: #f6a700;
	font-style: italic;
	background: url(../image/inter/plus12.gif) no-repeat;
	text-indent: 20px;
}

#basnews
{
	background: url(../image/inter/basnews.gif) no-repeat;
	height :15px;	
}

/*tous les titres de liste de définitions
----------------------------------------------------------------------------------------*/
#contenu dt
{
	color: #f6a700;
}


/*les membres
-----------------------------------------------------------------------------------------*/
#membres
{
	overflow: hidden;/*contexte de formatage pour le clear des dt sur les photos*/
}

.photo/*des membres*/
{
	float: left;
	background: transparent url(../image/inter/cadrephoto.gif) no-repeat;
	width: 170px;
	height: 190px;
	margin: 3px;
	padding: 5px;
}

#membres dt
{
	clear: both;/*pour arrêter le flottant précedent*/
	margin-top: 15px;
	margin-bottom: 8px;
}

#membres h3
{
	margin: 5px 0px 5px 0px;
}

#membres p /*pour la pagination*/
{
	text-align: center;
}


.stop/*pour arrêter tous les flottants*/
{
	clear: both;
	}



/*le calendrier
-----------------------------------------------------------------------------------------*/
#calendrier
{
	width:480px;
}

#calendrier dt
{
	background-color: #f6a700;
	font-weight: bold;
	color:#000000;
	margin-bottom: 3px;
}

#calendrier dl
{
	border: 1px solid #f6a700;
	padding:5px;
}

.datecalendrier
{
	background: transparent url(../image/inter/fleche.gif) no-repeat;
	text-indent: 25px;
	border-bottom:1px solid #f6a700;
	margin-bottom: 3px;
	padding-bottom:2px;
	
}

#calendrier dd
{
	margin-bottom:3px;
}


/*le code pour les liens
-----------------------------------------------------------------------------------------*/
.code
{
	width: 468px;
	border: 1px solid #f6a700;
	padding: 5px;
}


/*les videos
----------------------------------------------------------------------------------------*/
#videos
{
	width: 265px;
	margin-left: auto;
	margin-right: auto;
}

#videos embed
{
	margin-bottom: 10px;
}

#videos p
{
	text-align:center;
}
/*les présentations des galeries et autres photos
---------------------------------------------------------------------------------------*/
.pre_galerie 
{
	float:left;
	text-align: center;
	margin: 3px;
	
}

.pre_galerie dt
{
	margin-bottom: 5px;
}

/*les galeries photo
--------------------------------------------------------------------------------------------*/
div#galerie
{
	width: 480px;
	background: transparent;
	font-size: medium;
	font-weight: bold;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	display: inline;
}

dl#photo
{
	margin: 0 auto;
	
}

dl#photo dt
{
	color: Silver;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

dl#photo dd
{
	margin: 0 ;
}

/*liste des articles par exemple
-----------------------------------------------------------------------------------------*/
.listeflottante
{
	width: 480px;
}


.listeflottante li
{
	float:left;
	margin:2px;	
}

/*tout ce qui doit être centré, notamment quelques titres
-------------------------------------------------------------------------------------------*/
.centre
{
	text-align: center;
}


#boutons/*rubrique liens*/
{
	margin-left:40px;
}

/*page troc annonces
--------------------------------------------------------------------------------------------*/
#troc dt
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
}

#troc dd
{
	margin-bottom: 3px;
	text-align: center;
}

#notrepub
{
	clear:both
}