/*
	*** Feuille de styles CSS ***

	Toute reproduction partielle ou totale de ce
	fichier ou de la charte graphique du site
	pour quelqu'usage que ce soit est totalement
	interdite sans autorisation du Bureau Hex@gones.

	Copyright (c) 2001-2009 HEX@GONES
	Tous droits réservés.

	Webmaster du site :
	webmaster[@]hexagones.org

*/


/* Définitions des styles des cadres */

*
{
 margin: 0px;
 padding: 0px;
 border: 0px;
 line-height: 100%;
}

html, body
{
	width: 100%;
	height: 100%;
	
	background-color: #EFEFEF;
}

#fenetre
{
	width: 100%;
	height: 100%;

	margin: 0px 0px 10px 0px;

	background-color: #EFEFEF;
}

#titre
{
	height: 100px;

	margin: 5px;
	padding: 0px;

	background-color: #0054A0;
}

#menu
{
	padding: 1px;
	margin: 10px 5px 10px 5px;

	background-color: #FFFFFF;
	border: 1px solid #D62100;
}

#gauche
{
	left: 5px;
	width: 160px;
	padding: 10px;
	position: absolute;
	background-color: #0054A0;
}

#centre
{
	padding: 5px;
	margin: 0px 195px 0px 195px;
	background-color: #FFFFFF;
	border: 1px solid #D62100;
}

#droite
{
	right: 5px;
	width: 180px;
	position: absolute;
	background-color: #EFEFEF;
}

#bas
{
   padding: 10px;

	background-color: #EFEFEF;

	color: #000000;
	font-size: 70%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	
	text-align: center;
}


/* Définitions des styles cadre "menu" */

#menu a
{
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover
{
	color: #FFA500;
	text-decoration: none;
}

#menu h1
{
	padding: 5px;

	background-color: #0054A0;

	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;

	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-Serif;
	text-transform : uppercase;
	text-align: center;
}


/* Définitions des styles cadre "gauche" */

#gauche a
{
	color: #FFFFFF;
	text-decoration: none;
}

#gauche a:hover
{
	color: #FFA500;
	text-decoration: underline;
}

#gauche h1
{
   margin-bottom: 15px;
   padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;

	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	
	text-align: left;
}

#gauche p
{
   margin-bottom: 15px;
   
	color: #FFFFFF;
  	font-size: 80%;
 	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 140%;
}


/* Définitions des styles cadre "centre" */

#centre p
{
   margin: 0px 20px 15px 20px;

	color: #000000;
	font-size: 80%;
	line-height: 140%;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;
}

#centre a
{
	color: #0054A0;
	text-decoration:none;
}

#centre a:hover
{
	color: #FFA500;
	text-decoration: none;
}

#centre h1
{
   padding: 5px 10px 5px 10px;
	margin-bottom: 20px;

	background-color: #D62100;

	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;

	text-align: left;
}

#centre h2
{
   padding: 3px 10px 3px 10px;
   margin: 15px 10px 15px 10px;
	background-color: #4F84AD;

	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
}

#centre h3
{
   padding-top: 10px;
   margin: 0px 10px 10px 10px;

	color: #4F84AD;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
}

#centre ul
{
   margin: 0px 20px 10px 50px;
}

#centre li
{
   margin-bottom: 5px;
   
   color: #000000;
   font-size: 80%;
   line-height: 140%;
   font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;
 	text-align: justify;
}


#centre hr
{
   margin: 0px 10px 0px 10px;
   border: 1px solid #999999;
}

#centre .cr
{
	width: 80%;	
	margin: auto;

	border: 1px solid #0054A0;
	border-spacing: 1px;

	color: #000000;
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-Serif;

 	text-align: center;
}

#centre .cr th
{
   padding: 4px;
 	background-color: #EFEFEF;
}

#centre .cr td
{
   padding: 4px;
}
#centre .boutique
{
	width: 90%;	
	margin: auto;
	margin-bottom: 15px;

	border: 1px solid #0054A0;
	border-spacing: 1px;

	color: #000000;
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-Serif;
}

#centre .boutique th.titre
{
   padding: 4px;
   
   font-size: 120%;
   color: #FFFFFF;
   background-color: #0054A0;
}

#centre .boutique th.soustitre
{
   padding: 4px;

   font-size: 120%;
   color: #FFFFFF;
   background-color: #4F84AD;
}

#centre .boutique td
{
   padding: 4px;
 	background-color: #EFEFEF;
 	line-height: 140%;
}


/* Définitions des styles cadre "droite" */

#droite h1
{
	padding: 3px;

	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Sans-Serif;

	background-color: #D62100;

	text-align: center;
}

#droite p
{
	padding: 3px;

	color: #000000;
	font-size: 80%;
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	line-height: 140%;
}

#droite table
{
	width: 100%;
   border-spacing: 2px;
   
	color: #000000;
	font-size: 70%;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
   text-align: center;
}

#droite .cadre
{
	margin-bottom: 15px;

	border: 1px solid #D62100;
}

#droite .logo
{
	margin: 0px;
	padding: 0px;

	border: 1px solid #D62100;
	
	text-align: center;
}



#droite .match
{
	margin: 0px;
	padding: 2px;

	color: #000000;
	font-size: 80%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;

	line-height: 150%;

	text-align: center;
}

#droite .lyon
{
   font-weight: bold;
	color: #0054A0;
}


/* Définitions des styles du cadre "bas" */

#bas a
{
   color: #000000;
   text-decoration : none;
}

#bas a:hover
{
   color: #FFA500;
   text-decoration : none;
}

/* Classes générales */

.textej {text-align: justify;}
.textec {text-align: center;}
.texteg {text-align: left;}
.texted {text-align: right;}
.texteb {font-weight: bold;}
.textem {vertical-align: middle;}
.textei {font-style: italic;}
.texteu {text-decoration: underline;}