body{
	color:#000;
	margin:0.6em 0 0.6em 0;
	padding: 0px;
	font: 0.8em Arial,"Trebuchet MS", helvetica, sans-serif ;
	background-color: #000000 ;
	text-align: center;
}
#page{
	width: 98%;
	margin: 0 auto 0 auto;
	position: static;
	color:#000000;
	background-color:#fff;
	padding:5px 0 5px 0;
	text-align: left ;
	border: 2px solid #000000;
	/*-moz-border-radius:8px;*/
	/*border-radius:8px;*/
}
#header{
	height: 150px;
	background: #000000;
	border:0px solid black;
	margin:0 0 0px 0;
	padding:0px;
}
#img_pivot{
	position:absolute;
	right:125px;
	border:1px solid black;
	z-index:2;
}
#img_pivot_jeune{
	position:absolute;
	right:15px;
	border:1px solid black;
	z-index:3;
}
#img_logo_afeb{
	/*position:absolute;*/
	/*z-index:5;*/
	/*left:0px;*/
}

a img{
	border:0px;
}
img{
	border : 1px solid #000 ;
}
img.a_droite{
	float:right;
}
img.a_gauche{
	float:left;
}
#haut {
	position:static;
	width:100%;
	padding:0px;
	margin:5px 0 0 0;
}
div#gauche{
	float:left;
	width: 160px ;
	height: 100% ;
	padding:10px 0 0 5px;
	margin:0 0 0 0;
	background-color:#fff;
	color:#000;
}
div#droite{
	float:right;
	width: 160px ;
	height: 100% ;
	padding:10px 4px 0 0;
	margin:0 1px 0 0;
	background-color:transparent;
	color:#000;
	border: 0px solid #000;
}
div#contenu{
	position:static;
	border: 0px solid #c4c4ff ;
	margin : 0 170px 0 180px;
	padding : 10px;
	background-color:transparent;
	color:#000;
}
.box_titre{
	background-color: #000000;
	padding: 2px;
	letter-spacing: 1.5px ;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em ;
	color: #fff;
}
.box_droite {
	margin-bottom: 15px;
	border: 2px solid #000000;
	background-color: #fff;
	padding: 0px;
	margin-bottom:10px;
}
.box_contenu {
	padding: 5px 1px 5px 1px;
	margin : 0 ;
	font-size: 0.9em ;
	background-color: #9739DF;
}
.box_contenu ul {
	padding : 0 0 0 18px;
	margin : 0;
}
.box_contenu li {
	list-style : disc;
	margin : 0;
	color : #ffffff;
	background : transparent;
}
.box_contenu li:hover {
	color : #DD251C;
	background : transparent;
}
.box_contenu a:link {
	color: #ffffff ;
	text-decoration: none;
	background-color:transparent;	
}
.box_contenu a:visited{
	color: #ffffff ;
	text-decoration: none;
	background-color:transparent;	
}
.box_contenu a:hover{
	color: #000000;
	text-decoration: underline;
	background-color:transparent;
}
.box_contenu a:active{
	color: #ffffff ;
	text-decoration: none;
	background-color:transparent;	
}

/*Nouveaute a droite*/
ul#nouveautes {
	font-size: 1em;
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type: none ;
}
#nouveautes li {
	/*display:inline;*/
	/*list-style:none;*/
}
#nouveautes a {
	text-align: left;
    color: #0000cc;
	background-color:transparent;
	margin:0;
	padding:0 5px 5px 5px;
	text-decoration:none;
	border-left: 0px solid #d1d2d3;
}
#nouveautes a:hover {
	margin:0;
	padding:0 5px 5px 5px;
	color: #000000;
	text-decoration: none;
	background-color:transparent;
}
h1,h2,h3{
	margin : 0 0 0 0;
}
div#contenu h1{
	text-align:left;
	position:static;
	color: #000000;
	padding: 0 0 0 25px ;
	background: url(../images/petit_ballon.png) no-repeat left bottom ;
	background-color:transparent;
	font-size: 1.4em ;
	border-bottom: 2px solid #000000 ;
}
div#contenu h2{
	text-align:left;
	position:static;
	color: #000000 ;
	background-color:transparent;
	padding: 0 0 0 0 ;
	font-size: 1.3em ;
	border-bottom: 1px solid #008FFF ;
}
#titre3{
	padding:0;
	margin:0;
	text-align:left;
	font-weight: bold;
	font-size: 1.3em ;
	color: #000;
	background-color:transparent;
	border-bottom: 3px solid #000000 ;
}
div#contenu h3{
	position:static;
	color: #000000 ;
	background-color:#fff;
	text-align:left;
	font-weight: bold;
	font-size: 1.3em ;
	border-bottom: 2px solid #000000;
}
div#contenu p{
	text-align: justify ;
	margin:1em 0 1em 0;
}
.indenter{
	text-indent: 2em ;
	margin:1em 0 1em 0;
	height:auto;
}
#contenu a:link, a:visited, a:active{
	color: #0000cc ;
	background-color:transparent;
	text-decoration: underline;
}
#contenu a:hover{
	color: #000000;
	text-decoration: none;
	background-color:transparent;
}
ul#menu{
	color:#000000;
	width:100%;
	margin: 0px ;
	padding: 0px ;
	background-color: #000000 ;
	list-style-type: none ;
	text-align: center ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, 
on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique 
de roll over expliquée dans un autre tutoriel; */
ul#menu li{
	text-align: center ;
	display: inline ;
	font-size: 1.5em ;
	font-weight: 700 ;
	letter-spacing: 2px ;
	line-height:1px;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li a{
	color: #FFFFFF ;
	text-decoration: none ;
	padding:0 10px 0 10px;
	margin-left:-10px;
	line-height:35px;
	background-color: #000000 ;
}
ul#menu li a:hover{
	background-color: #fff ;
	color: #000;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */
p#footer{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
	clear:both;
	background-color:transparent;
}
#footer a:link{
	color: #0000cc ;
	background-color:transparent;
	text-decoration: underline;
}
#footer a:visited{
	color: #0000cc ;
	background-color:transparent;
	text-decoration: underline;
}
#footer a:hover{
	color: #000000;
	text-decoration: none;
	background-color:transparent;
}
#footer a:active{
	color: #0000cc ;
	background-color:transparent;
	text-decoration: underline;
}

/*sous menu*/
div#sous_menu{
	width: 100% ;
	border:0px solid #008FFF;
	background-color:transparent;
	margin:0 0 0 8px;
	padding:0 0 0 0;
}
div#sous_menu ul {
	font-size: 1em;
	margin:5px 0px 5px 0px;
	padding:0px;
	width: 160px ;
}
div#sous_menu li {
	display:inline;
	list-style:none;
	}
div#sous_menu a {
	text-align: left;
	text-indent: 0em ;
    color:#000000;
	background-color:transparent;
	display:block;
	font-weight:700;
	margin:0px 0px 0px 0px;
	padding:0 10px 0 10px;
	text-decoration:none;
	line-height: 18px;
	border-right: 7px solid #d1d2d3;
}
div#sous_menu a:hover {
     background-color: #9739DF;
	 color:#ffffff;
	 padding:0 10px 0 10px;
	 border-right: 7px solid #00cc00;
}
div#sous_menu a:active {
     background-color: #9739DF; 
     color: #fff;
	 border-right: 7px solid #00cc00;
}
/***********cadre a gauche sur page d'accueil****************/ 
.box_gauche {
	margin-bottom: 15px;
	border: 2px solid #000000;
	background-color: #9739DF;
	padding: 0px;
}
.box_titre_gauche{
	background-color: #000000;
	padding: 2px;
	letter-spacing: 1.5px ;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em ;
	color: #fff;
}
.box_contenu_gauche {
	padding: 5px 0 5px 0;
	margin : 0 ;
	text-align: center;
	font-size: 0.9em ;
}
div#encadrement{
	border:2px dashed black;
	padding:2px;
	text-align:center;
	position:static;
}
.mise_en_valeur{
	color: #000000;
	font-size: 1.1em ;
	font-weight: 700 ;
}
.mise_en_valeur_petit{
	color: #000000;
	font-size: 1em ;
	font-weight: 700 ;
}
table.tab_delegues{
	border:1px solid #000;
	border-collapse: collapse;
	margin: auto;
	background-image:url(../images/price.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}
td.cellule{
	padding:2px 10px 2px 10px;
	border:1px solid #000;
	text-align:left;
	vertical-align:top;
}
th.prem_cellule{
	padding:2px 10px 2px 10px;
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	background-color:#9739DF;
}
/******table de la boutique************/
table.boutique{
	border:0px solid #000;
	border-collapse: collapse;
	margin:5px 0 0 0;
	padding:0px;
	width:98%;
	height:auto;
}
td.boutique_cellule{
	padding:5px 5px 10px 5px;
	margin:0;
	border-bottom:0px solid #000;
	text-align:justify;
	vertical-align:top;
}
td.boutique_cellule_image{
	padding:5px 0 5px 0;
	border:0px solid #000;
	text-align:left;
	vertical-align:top;
}
td.boutique_cellule_prix{
	border:0px solid #000;
	padding:5px 0 8px 0;
	text-align:center;
	vertical-align:top;
}
/*****bouton de la boutique************/
input.bouton {
	margin:5px 0 0 0;
	border:1px solid #000;
	font-weight:bold;
	cursor:pointer;
	background-color: #9739DF ;
}
input.bouton:hover {
	background-color:#fff;
	color:#000;
}
input.bouton:active {
	border:1px solid #000;
	background-color:#DD251C;
	color:#fff;
} 
/**************formulaire coordonnees boutique************/
.boutique{
	width:auto;
	height:auto;
	margin:0px;
	padding-top:5px;
}
form.boutique fieldset{
	padding: 1em;
	width:auto;
}
form.boutique label{
	position:static;
	display: inline;
	float: left;
	width: 80px;
	padding:0;
	color:#000;
} 
input.valid_form{
	margin:5px 0 0 0;
	border:1px solid #000;
	font-weight:bold;
	cursor:pointer;
	position:static;
	background-color: #9739DF ;
}
input.valid_form:hover {
	background-color:#fff;
	color:#000;
}
input.valid_form:active {
	border:1px solid #000;
	background-color:#DD251C;
	color:#fff;
} 
#pos_re{
	position:static;
	float:right;
}
a.lien {
	text-align: left;
    color: #0000cc;
	background-color:transparent;
	margin:0;
	padding:0 5px 5px 5px;
	text-decoration:underline;
	border-left: 0px solid #d1d2d3;
}
a:hover.lien {
	margin:0;
	padding:0 5px 5px 5px;
	color: #000000;
	text-decoration: none;
	background-color:transparent;
}
.gras{
	font-weight:700;
}
.news{
	width:auto;
	height:320px;
	overflow:auto;
	border:0px solid #fff;
	padding:2px;
	margin:0;
}
.fin_contenu{
	clear:both;
	line-height:1em;
	font-size:1em;
}
.liste_just{
	text-align:justify;
}
.rub{
	text-align:left;
	border-bottom:1px solid #000; 
	border-top:1px solid #000;
	font-weight:700;
}
ul.liste_ar{
	list-style:square; 
}
.tab_recherche{
	border:0px solid black;
	border-collapse:collapse;
}
.tab_recherche td{
	text-align:left;
	vertical-align:top;
	padding:0 10px 0 10px;
	border:0px solid black;
}
/*tableau de resultat de recherche doc tech*/
table.resultat {
	margin:0;
	border: medium solid #6495ed;
	border-collapse: collapse;
	width: auto;
}
.resultat th {
	border: thin solid #6495ed;
	padding: 5px;
	background-color: #D0E3FA;
}
.resultat td {
	border: thin solid #6495ed;
	padding: 5px;
	text-align: left;
	background-color: #ffffff;
}
.logo_gauche{
	margin:1em 0 1em 0;
}
#login, #pwd {
font-size: 1.7em;
width: 80%;
background: #FAFCFF;
border: 1px solid #a2a2a2;
}

.news_accueil{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:0px solid black;
}