/*************************************************

 * Auteur :         Rémi Chéno <remi@cheno.org>

 * Nom du fichier : commun/styles.css

 * Date création :  02/10/2003

 * Mise à jour :    02/10/2003

 * Contenu :        Feuilles de styles

 *************************************************/



/* TAGS GÉNÉRAUX */



body {

	margin:		0;

	font:		normal 12px/17px Georgia, Garamond, "Times New Roman", Times, Serif;

	color:		#000000;

	background-color:	#FFFFFF;

	padding:	5px;

	text-align:	justify;

}



/* CLASSES "UNIVERSELLES" */



.sigle {

	white-space:	nowrap;

	font-weight:	bolder;

}



.nowrap {

	white-space:	nowrap;

}



.centrer{

	text-align:	center;

}



.haut{

	vertical-align: top;

}



.droite{

	text-align:	right;

}



.abonne{

	border: 	2px inset;

	background:	#DDDDDD;

	padding:	4px;

	width:		300pt;

	text-align:	justify;

}



.accent{

	font-size:	larger;

	color:		#666666;

	margin-left:	3em;

	text-indent:	0em;

}



a:link, a:visited {

	background:		inherit;

	text-decoration:	none;

	color:			#6BA0D2;

}



a:hover, a:active {

	color:			#FF9900;

}


#container {
	width: 1000px;
	margin: auto;
	
}

/* LES DIFFÉRENTS TITRES */



#titres {

	width: 100%;

	padding:	0px;
	
}

#titre {
	text-indent: -9999px;

}

#banniere {

	text-align: center;	
}

/*
#titre {

	font:		normal 50px/55px "Arial Black", Arial, Verdana, Helvetica, Sans-Serif;

	color:		#FFFFFF;

	letter-spacing:	-3px;

}



#soustitre{

	color:		#FFFFFF;

	font:		bold 16px/20px Georgia, Garamond, "Times New Roman", Times, Serif;

	margin:		0px 0px 0px 29px;

	text-indent:	-25px;

	text-align:	left;

}



#cerf{

	color:		#FFFFFF;

	font:		bold italic 18px Georgia, Garamond, "Times New Roman", Times, Serif;

	margin:		85px 0px 0px 5px;

}



#titres a:link, #titres a:visited {

	color:		#FFFFFF;

}



#titres a:hover, #titres a:active {

	color:		#6BA0D2;

}
*/


#annonce {

	padding: 	5px;

	font:		normal 11px Verdana, Helvetica, Arial, Sans-Serif;

	margin-top:	30px;

	text-align:	left;

	background:	#6BA0D2;

	color:		#FFFFFF;

}



#annonce p {

	margin:		0px;

}



/* LES DIFFÉRENTS LIENS DE NAVIGATION */



#navigation{

	float:		left;

	background:	#FFFFFF;

	font:		normal 11px Verdana, Helvetica, Arial, Sans-Serif;

	padding:	0px 10px 5px 0px;
	
	margin: 	5px 0 0 15px;

	width:		130px;

	text-align:	right;

	border-right:	1px solid #FF9900;
}



#nav1 h3, #nav2 h3, #nav3 h3 {

	font:		bold 15px/21px Verdana, Helvetica, Arial, Sans-Serif;

	color: 		#FF9900;

	white-space:	nowrap;

	letter-spacing: 2px;

	margin:		10px 0px 0px 0px;

}



#nav1 p, #nav2 p, #nav3 p {

	color:		#000000;

	padding:	2px;

	white-space:	nowrap;

	margin:		0px 2px 5px 0px;

}



#nav1 a:link, #nav1 a:visited, #nav2 a:link, #nav2 a:visited, #nav3 a:link, #nav3 a:visited {

	color:		#000000;

	background:	#FFFFFF;

	font-weight:	normal;

}



#nav1 a:hover, #nav1 a:active, #nav2 a:hover, #nav2 a:active, #nav3 a:hover, #nav3 a:active {

	color:		#FFFFFF;

	background:	#6BA0D2;

	font-weight:	bold;

}



/* LETTRE D'INFO, RECHERCHE ET FORUMS */



#divers {

	float:		right;

	background:	#FFFFFF;

	font:		normal 10px/14px Verdana, Helvetica, Arial, Sans-Serif;

	padding:	5px 0px 5px 15px;

	margin:		5px 15px 0px 0px;

	width:		280px;

	border-left:	1px solid #FF9900;

}



#divers h3 {

	font:		bold 12px/18px Verdana, Helvetica, Arial, Sans-Serif;

	margin:		0px;

	color:		#FF9900;

	border-bottom:	1px solid #6BA0D2;

	border-top:	4px solid #6BA0D2;

	text-align:	left;

}



#divers p {

	margin:		0px;

}



#divers img {

	border:		none;

	vertical-align: 0;

	margin:		0px;

	float:		none;

}



#divers form {

	margin:		0px;

}



#lettre, #rechercher, #liens {

	margin-bottom:	10px;

}



/* LA SECTION PRINCIPALE */



#principal {

	margin-top:	10px;

	margin-left:	170px;

	margin-right:	320px;

	padding-bottom:	10px;

}

/*les liens*/
.puce{

color:#FF9900;
font-size:25px;
padding-right:5px;
vertical-align:top;
}


/* DERNIÈRES NOUVELLES */



#flash {

	background:	transparent url(imagesStyles/gauche.gif) 0% 10px no-repeat;

	padding:	10px 0px 0px 35px;

	margin:		0px;

}



#flash img {

	float:		right;

	border:		none;

	margin:		0px 0px 0px 10px;

}



/* EXTRAIT (ou ENCADRÉ) */



#encadre{

	margin:		10px 0px 0px 0px;

	background:	#F0F0F0 url(imagesStyles/droite.gif) bottom right no-repeat;

	padding:	5px 30px 5px 5px;

}



#encadre img {

	float:		left;

	border:		none;

	vertical-align:	top;

	margin:		0px;

}



#encadre h3 {

	color:		#FF9900;

	text-align:	left;

	font-size:	18px;

}



#encadre .typeEncadre {

	white-space:	nowrap;

	font:		bold 14px/19px Georgia, Garamond, "Times New Roman", Times, Serif;

	color:		#6BA0D2;

	text-transform:	lowercase;

	font-variant:	small-caps;

}



/* UN COMMENTAIRE, UNE EXPLICATION, UN MODE D'EMPLOI */



#principal .explication {

	font:		normal 10px/14px Verdana, Helvetica, Arial, Sans-Serif;

	margin:		5px 0px 5px 0px;

}



/* LES ÉLÉMENTS D'UNE SECTION PRINCIPALE */



#principal .reference {

	font-weight:	bolder;

}



#principal h1 {

	font:		bold 20px/28px Georgia, Garamond,"Times New Roman", Times, Serif;

	color:		#6BA0D2;

	text-transform:	uppercase;

}



#principal h2 {

	font:		bold 18px/25px Georgia, Garamond,"Times New Roman", Times, Serif;

	color:		#FF9900;

}



#principal h2 img {

	border:		none;

	float:		right;

	margin-left:	10px;

}



/* UN PARAGRAPHE D'UNE LIGNE À METTRE EN VALEUR */



#principal .lien {

	text-indent:		0em;

	padding-bottom:		5px;

	font-style:		italic;

	display:		list-item;

	list-style-image:	url(imagesStyles/triangle.gif);

	list-style-type:	disc;

	margin:			0px 0px 0px 30px;

	font-weight:		bold;

}



/* CLASSE POUR ÉDITORIAL */



#principal p.editorial {

	background:	transparent url(imagesStyles/gauche.gif) 10px 5px no-repeat;

	padding:	5px 0px 0px 35px;

}



/* LISTES */



#principal dt {

	font-weight:	bold;

}



#principal dd {

	height:		60px;

}



#principal li {

	list-style-type:	square;

	list-style-position:	inside;

	padding-bottom:		3px;

	text-indent:		0em;

	margin:			0px;

}





#principal li img {

	float:		right;

	height:		105px;

}



/* LES TABLES */



table{

	font:			normal 12px/17px Georgia, Garamond, "Times New Roman", Times, Serif;

	margin-top : 		0.5em;

	margin-bottom : 	0.5em;

	margin-left :		0.5em;

	margin-right:		0.5em;

	text-align :		left;

	text-indent :		0em;

	background-color :	#FFFFFF;

	border :		none;

	vertical-align:		middle;

}



/* LE BAS DE PAGE */



#fin {

	clear:		both;

	border-top:	1px solid #6BA0D2;

	padding:	5px;

	font:		normal 10px/14px Verdana, Helvetica, Arial, Sans-Serif;

	text-align:	center;

}



#fin p {

	margin:		0px;

}



/* LES FORMULAIRES */



textarea, input, select {

	border:			1px solid #000000;

	font:			normal 11px Georgia, Garamond, "Times New Roman", Times, Serif;

	background-color:	#FFFFFF;

}



.thumbnail {

	border:		none;

	float:		left;

	width:		43px;

	height:		60px;

}