@charset "utf-8";
/*
Css construit uniquement pour la page de news afin d'alléger le css de chaque page.
*/

/* Tout d'abord la mise en page et la séparation */

#left{
	float:left;
	background-image:url(../images/separation.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	width: 270px;
	padding: 0px 10px 0px 25px;
}/* On place à gauche avec un float */

#right{
	float:left;
	font-size:75%;
	width: 285px;
	padding: 0px 0px 0px 10px;
}/*coté droit*/

.clear{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}/*On place un clear pour éviter que le div prenne en compte la hauteur*/

/*On crée ensuite les petits extras*/

#right h1{
	color:	red;
	padding: 0px 30px 0px 30px;
	text-align:center
}/* Définit la couleur et les écarts des H1 dans le contenu */

#right h2{
	padding: 20px 0;
	color:#666;
	font-size:0.9em;
}/* On fait la meme chose avec le H2 en modifiant la grandeur, la couleur et les marge et les écarts interne. A noter que ce n'est actif que dans new_contenu */

.centre{
	text-align:center;
	width:280px;
}/* Centrage d'image, une classe qu'on utilise quelques fois */

/* Mise en forme du contenu.

On commence par les news FFTDA */

.image{
	float:left;
	width:150px;
}/* On place la première image coté gauche */

.texte_img{
	padding:0 10px;
	float:left;
	width:90px;
}/* On place le texte à ces cotés */

#calend {
	clear:both;
	text-align:center;
	margin:10px;
	width:270px;
	height:50px;
}/* On retire le float avec un clear pour éviter les problèmes. */

#regle {
	text-align:center;
}/* on centre le texte*/

#regle a{
	text-decoration:none;
	color:#000000;
}/* On retire les décorations du liens */

#regle a:hover{
	text-decoration:none;
	color:#666;
}/* On colore d'un léger gris pour faire plus classe */

#dernier h1 {
	font-size:90%;
}/* Taille du H1 */
	
#dernier p {
	font-size:0.7em;
}/* Taille dans le paragraphe */

/* On continue avec les news du club */

#ital{
	font-style:italic;
}/* Div Italique pour la déco */

.date, .rentree{
	font-weight:bold;
	text-align: center;
}/* Gras pour les date et l'annonce de rentrée*/

.im_droite{
	padding:0;
	float:right;
	width:100px;
	height:90px;
}/*On place l'image à droite*/

#texte_gauche{
	width:170px;
	font-size:90%;
}/*Le texte à gauche */

#vid1, #vid2, #vid3 {
	float:left;
	width:90px;
	text-align:center;
	padding:0;
}/*Trois petites images avec liens. On les pose cote à cote et on centre le texte*/

#texte_med{
	font-size:0.8em;
	width:110px;	
	}/* Texte pour les médailles, on réduit la taille. */
	
#texte_droite{
	float:right;
	font-size:0.8em;
	padding:10px;
	width:150px;	
	}/* On place l'image à droite et on met la même taille de font pour le texte en dessous */
	
.assaraf{
	text-align:center;
} /* On place le texte au centre */

.assaraf h1{
	color:#000;
	font-size:90%;
}/* On redéfinit la taille du titre et sa couleur */

.assaraf p{
	text-align:justify;
}/* On redéfinit la taille du titre et sa couleur */

.image_min{
	display:inline;
} /* On place les images cote à cote */

.sous_texte_champ{
	font-size:0.9em;
	font-weight:bold;
}/*On réduit la taille du texte et on le met en gras, c'est une classe, on l'utilise deux fois */

#texte_anniv{
	float:right;
	width:180px;	
}/* On mets l'image à droite */
	
#texte_med_anniv{
	font-size:0.6em;
	padding:0 10px;
	width:80px;	
}/* On met le texte à gauche en changeant la taille de typo*/

#flash1, #flash2, #flash3, #flash4, #flash5 {
	cursor:pointer;
}/* On met le curseur pointeur sur les flashs ceci n'étant pas des liens à la base*/