/*-------------------------------------------------------------*/
/* Feuille de style commun à toutes les pages du site de la grs */
/* ------------------------------------------------------------*/
.fondpage { color: #ffffff; }
.couleur1 { color: #6b8ecf; }	/* bleu */
.couleur2 { color: #ffca11; }	/* jaune */
.couleur3 { color: #8edb53; }	/* vert */
.couleur4 { color: #ff6600; }	/* orange */
.couleur5 { color: #f4606f; }	/* fushia */
.couleur6 { color: #545454; }	/* gris foncé */
.couleur7 { color: #aca5a5; }	/* gris moyen */
.couleur8 { color: #e5e5e5; }	/* gris pale */
.couleur9 { color: #d8e8fc; }	/* bleu pale */
.couleur10 { color: #f4fafb; }	/* quasi-blanc */
.couleur11 { color: #4fb520; }	/* vert vif */

* { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px; }
html { height: 100%; }
body { scrollbar-face-color: #e5e5e5; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #d80000; scrollbar-track-color: #ffffff; scrollbar-DArKshadow-color: #ffffff;  }
body { margin: 0px;  padding: 0;  border: 0; height: 100%; width: 99%; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px;color: #545454;  background-color: #ffffff; }
body { background:  #FFFFFF url(../images/fdbody.jpg) repeat-x 0 0;  }
a { font-size: 1em; text-decoration: underline; }
a:link { color: #545454; }
a:active { color: #fc9838; }
a:hover { color: #545454; }
a:visited { color: #6b8ecf; }
img { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; }
pre { overflow: auto; }
table { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; }
h1 { font-size: 3em; }
h2 { display: inline; font-weight: bold; font-size: 1.4em; padding-bottom: 0px; color: #545454; text-indent: 0px; border-bottom: #6b8ecf 3px solid; font-variant: small-caps; }
h4 { text-align: center; margin-top: 10px;}

p { margin: 0px 0px 1em; }
ul { margin-top: 0px; }
select { font-weight: normal; font-size: 8pt; }
textarea { margin-top: 5px; color: #545454; font-family: Verdana, Arial, helvetica, sans-serif; }

/* ----------------------------------------*/
/* Structure de la page                    */
/* ----------------------------------------*/
#page { min-height: 100%; height: 100%; }

#wrapper 
{
	display: block;
	width: 99%;
	margin: 0 auto; /*Firefox pour centrer la page au milieu */
	text-align: center; /*IE pour centrer la page au milieu */
}
  

#haut { border: 0px; padding: 0px;  width: 800px; margin:0 auto;}
#entete { padding: 0px; margin: 0px 0px 0px 0px; position: relative; top: 0px; margin-left: auto; margin-right: auto; width: 800px; }
#top { background: url(../images/banniere1.png) no-repeat; border: 0px; padding: 0px; margin: 0px; position: relative; top: 0px; height: 160px; }


#main { position: absolute; min-height: 570px; height: 60%;  width: 100%; left: 50%; margin: 40px 0px 0px -43%; }

#gauche {  padding: 0px;   min-height: 100%; height: 100%;  float: left; width: 250px; margin-top: 10px; margin-right: 20px; margin-left: 0px; }
#basgauche { margin-top: 20px; text-align: center; }
#content { padding: 0px;  min-height: 100%; height: 99%; width: 50%; left: 280px;  position: absolute; } 

#piedpage { position: static; height: 30px; }
#sousnews display: none; }
/* ----------------------------------------*/
/* Feuille de style du menu principal      */
/* ----------------------------------------*/
#menu
{ 
	padding: 0;
	margin-top: 20px;
	position: relative;
	top: 20px;	
	left: 2px;
	width: 200px;
}
#menu ul li { list-style-type: none;  /* list-style-image: url(../images/fld.gif); */ }

#menu li {	margin-top: 2px;  margin-bottom: 2px; }
#menu a 
{ 
	padding-left: 25px; padding-right: 14px; padding-bottom: 5px; 
	margin-top: 0; 	margin-right: 2px; 
    width: 95%; 
	font-size: 1.1em;
	display: block; text-align: left; text-decoration: none;
    border-bottom: #FFCa11 1px solid;
	background: url(../images/fldverte.gif) no-repeat left center; 
	color: #545454; 
}
#menu a:visited { background: url(../images/fldorange.gif) no-repeat left center; }
#menu a:hover { 
    background: url(../images/fldfushia.gif) no-repeat left center; 
	background-color: #E5E5E5;
}
#menu a:active
{ 
    background: url(../images/fldjaune.gif) no-repeat left center; 
	background-color: #E5E5E5;
}

/* Sous menu niveau 2*/
#menu2
{ margin:20px 0px 20px 20px;
	position: relative;
	width: 100%;
}
#menu2 ul li { list-style-type: none; }
#menu2 a
{ padding-left: 10px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; 
	margin-top: 0; margin-bottom: 0; 
	font-weight: bold;
	display: block;	white-space: nowrap; text-decoration: none;
    border-bottom: 0px;
	background: url(../images/pixel.gif) ; 
	color: #6B8ECF; 	
}

#menu2 a:visited {	background: url(../images/pixel.gif) ; display: block; }
#menu2 a:hover
{ background: url(../images/pixel.gif) ; 
	background-color: #E5E5E5;
}
#menu2 a:active
{ background: url(../images/pixel.gif) ; 
	background-color: #E5E5E5;
}

/* Sous menu niveau 3*/
#menu3 ul li { list-style-type: none; }
#menu3 a { padding-left: 20px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; 
	margin-top: 0; margin-bottom: 0; 
    width: 100%; 
	font-weight: normal;
	display: block;	white-space: nowrap; text-decoration: none;
    border-bottom: 0px;
	color: #545454; 
}

#menu3 a:visited { display: block; }
#menu3 a:hover { background-color: #E5E5E5; }
#menu3 a:active { background-color: #E5E5E5; }

/* ----------------------------------------*/
/* Feuille de style du menu d'accès rapide */
/* ----------------------------------------*/
#menuacces { padding-right: 0em; padding-left: 0em; padding-bottom: 0px; margin: 0px 1px; padding-top: 0px; list-style-type: none; height: 20px; background-color: #ffffff; text-align: right; }
#menuacces li {	display: inline; }
#menuacces a { border-right: #545454 1px dotted; padding-right: 8px; padding-left: 8px; font-size: 0.8em; padding-bottom: 2px; margin: 0px; border-left: #545454 1px dotted; padding-top: 2px; text-decoration: none; }
#menuacces a:hover { background-color: #ffca11; text-decoration: none; }

/* -------------------------------------*/
/* Feuille de style du menu secondaire  */
/* -------------------------------------*/
#menucompold {	display: none; right: -395px; width: 400px; position: relative; top: 120px; height: 30px; text-align: right; }
#menucomp {	right: -200px; width: 400px; position: relative; top: 120px; height: 30px; text-align: right; }
#menucomp ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; list-style-type: none; text-align: right; }
#menucomp li { display: inline; }
#menucomp a { border-right: #545454 1px dotted; padding-right: 8px; padding-left: 8px; font-size: 1em; margin: 0px; border-left: #545454 1px dotted; height: 20px; text-decoration: none; }
#menucomp a:hover {	background-color: #ffca11;}

/* -------------------------------------*/
/* Autres styles                        */
/* -------------------------------------*/
.defilant { 
	border: 1px solid #f4606f; 
	text-align: center;
	padding-top: 4px;
	margin: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #4fb520; 
	display: none;
}
.urgent { 
	height: 20px;
	width: 80px;
    text-decoration: blink;
	border: 1px solid #f4606f; 
	text-align: center;
	padding: 5px;
	margin: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #4fb520; 
}

.centrer { text-align: center; }
.bouton { border-right: #000 0px solid; padding-right: 1px; border-top: #000 0px solid; margin-top: 5px; padding-left: 1px; font-weight: bold; padding-bottom: 1px; border-left: #000 0px solid; width: auto; CURSOR: pointer; color: #ffffff; margin-right: 10px; padding-top: 1px; border-bottom: #000 0px solid; background-color: #545454; }
.focus { background: #ffff99; }
.oblig { margin-left: 2px; }
.invisible { display: none; }
.baspetitparagraphe { background-position: center 50%; font-weight: bold; font-size: 0.95em; color: #545454; padding-top: 40px; font-style: italic; }
.textegras { font-weight: bold; }
td.textegras { white-space: nowrap; width: 350px;}
.miseenvaleur { color: #6b8ecf; font-size: 1.2em; font-weight: bold; }

.post { font-size: 1.2em; }
.post-chapo { text-align: right; }
.post-content { padding-left: 0px; margin: 0px; text-indent: 0px; text-align: left; }
.post-content form { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; }
.post-content ul { margin-left: 40px; }
input.post-content { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: dotted; }

.lettrine { font-weight: bold; font-size: 1.2em; color: #ff6600; }
.illustration { border-right: #000000 thin solid; border-top: #000000 thin solid; margin-top: 10px; margin-bottom: 10px; border-left: #000000 thin solid; margin-right: 5px; border-bottom: #000000 thin solid; }
.illustration1 { right: 5px; bottom: 3px; position: relative; background-color: #e5e5e5; }
.illustration2 { border-top-width: 0px; margin-top: 10px; border-left-width: 0px; float: right; border-bottom-width: 0px; margin-bottom: 10px; margin-right: 5px; border-right-width: 0px; }
.illustration2 { border-right: #000000 1px solid; border-top: #000000 1px solid; margin: 4px; border-left: #000000 1px solid; border-bottom: #000000 1px solid; }
.illustration3 { margin-left: 5px; margin-right: 5px; }
.textegauche { padding: 5px; text-align: left; }
div.colonne { left: 180px; margin-left: 5px; margin-right: 5px; position: relative; top: -20px; }
div.colonne p { margin-bottom: 20px; text-align: center; }

.listehorizontale { display: inline; LIST-style-TYPE: none; text-align: right; }
.listehorizontale li { float: left; }
.imgpuces {}
.interface {}
.telecharger {}

.paragraphe {}
.libelle { font-weight: bolder; vertical-align: top; text-align: right; }
.label { display: block; font-weight: bold; font-size: 0.8em; margin-left: 5px; white-space: nowrap; position: relative; top: -8px; text-align: center; }
.erreur { color: #f4606f; }
.raz { clear:both; }

/* Videos youtube */
.video { text-align: center; width: 270px; margin-left: auto; margin-right: auto; }

/* photos dans la page  */
div.photos { float: left; width: 150px; }


/* photos en accordeon  */
.sm 
{
	margin: auto;
	margin-left: 5px;
	list-style:none; 
	width:689px; 
	height:250px; 
	display:block; 
	/*overflow:hidden*/
	/*border: 1px solid #575757; */
	padding-top: 15px;
	background: #FFFFFF url(../images/fdsmphotos.gif) repeat-x 0 0;
 
}
.sm li {float:left; display:inline; overflow:hidden}
.sm li label { margin-top: 20px;  background-color: #FFFFFF; }

/* ---------------------------------------------------------*/
/* Mise en valeur des résultats de compétition              */
/* ---------------------------------------------------------*/
.pointille { padding-right: 5px; padding-left: 5px; border-top-style: none;	border-bottom: #545454 thin dotted;	border-right-style: none; border-left-style: none; white-space: nowrap; }
.pointille1 { color: #f460ad; background-color: #ffffff; white-space: nowrap; font-weight: bold; padding-right: 5px; padding-left: 5px; border-top-style: none; border-bottom: #545454 thin dotted; border-right-style: none; border-left-style: none; }
.pointille2 { color: #FF6600; background-color: #ffffff; white-space: nowrap; font-weight: bold; padding-right: 5px; padding-left: 5px; border-top-style: none; border-bottom: #545454 thin dotted; border-right-style: none; border-left-style: none; }
.pointille3 {  color: #4fb520; background-color: #ffffff; white-space: nowrap; font-weight: bold; padding-right: 5px; padding-left: 5px; border-top-style: none; border-bottom: #545454 thin dotted; border-right-style: none; border-left-style: none;}
.pointillesel { color: #6b8ecf; background-color: #ffffff; white-space: nowrap; font-weight: bold; padding-right: 5px; padding-left: 5px; border-top-style: none; border-bottom: #545454 thin dotted; border-right-style: none; border-left-style: none; }
.sel { color: #6b8ecf; background-color: #ffffff; padding-right: 5px; padding-left: 5px; border-top-style: none; border-bottom: #545454 0px; border-right-style: none; border-left-style: none; }
.classement { white-space: nowrap; font-size: 0.9em; padding-right: 5px; padding-left: 5px; font-weight: bold; vertical-align: middle; white-space: nowrap; text-align: right; }
.classement1 { white-space: nowrap; font-size: 0.9em; color: #f460ad; padding-right: 5px; padding-left: 5px; font-weight: bold; vertical-align: middle; white-space: nowrap; text-align: right; }
.classement2 { white-space: nowrap; font-size: 0.9em; color: #FF6600; padding-right: 5px; padding-left: 5px; font-weight: bold; vertical-align: middle; white-space: nowrap; text-align: right; }
.classement3 { white-space: nowrap; font-size: 0.9em; color: #4fb520; padding-right: 5px; padding-left: 5px; font-weight: bold; vertical-align: middle; white-space: nowrap; text-align: right; }
.note { white-space: nowrap; font-size: 0.9em; padding-right: 5px; padding-left: 5px; vertical-align: middle; text-align: right; }

/* ---------------------------------------------------------*/
/* Non-utilisé dans cette version                           */
/* ---------------------------------------------------------*/
.champ { border-top-width: 0px; border-left-width: 0px; color: #545454; border-bottom: #545454 thin dashed; font-family: Verdana, Arial, helvetica, sans-serif; border-right-width: 0px; }
.champerreur { border-top-width: 0px; border-left-width: 0px; color: #545454; border-bottom: #545454 thin dashed; font-family: Verdana, Arial, helvetica, sans-serif; background-color: #ffca11; border-right-width: 0px; }
.champ1 { color: #545454; }
.champ1erreur { color: #545454; background-color: #ffca11; }