/*******************************************************************************************************************
MISE A ZERO DES PRINCIPALES BALISES
*******************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DES BALISES HTML BODY NOSCRIPT
*******************************************************************************************************************/
html {
	/*overflow-y:scroll;*/
}

body {
	color:#000000;
	background-color:#cab9b1;
	font-family:verdana, Arial;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	width:1004px;
}

noscript {
	/*font-size:14px;
	color:#ffffff;
	font-weight:bold;*/
}

img {
	display:block;
	border:none;
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES GENERALE DES LIENS
*******************************************************************************************************************/
a:link, a:active {
	text-decoration:none;
	color:#ffff00;
	background:transparent;
	}
	
a:visited {
   	text-decoration:none;
   	color:#ffff00;
  	background:transparent;
	}
	
a:hover {
  	text-decoration	:none;
	color:#ff0000;
	background:transparent;
	} 

.lien-dans-texte a:link, .lien-dans-texte a:active {
	text-decoration:none;
	color:#0000ff;
	background:transparent;
	font-weight:bold;
	}
	
.lien-dans-texte a:visited {
   	text-decoration:none;
   	color:#0000ff;
  	background:transparent;
	font-weight:bold;
	}
	
.lien-dans-texte a:hover {
  	text-decoration	:none;
	color:#ff0000;
	background:transparent;
	font-weight:bold;
	}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DES ZONES HIDDEN
*******************************************************************************************************************/
.hr-page-accueil {
	margin-top:8px;
	/*//margin-top:0px;*/
	color:#000000;
	background-color:#29307f;
	height:1px;
	border:0px;
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DES BALISES H
*******************************************************************************************************************/
h3 {
	text-align:center;
}
/******************************************************************************************************************/



/*******************************************************************************************************************
PROPRIETES SPACER
*******************************************************************************************************************/

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



/*******************************************************************************************************************
PROPRIETES DU HR
*******************************************************************************************************************/
.legende {
	font-size:10px;
	margin-top:5px;

}
/******************************************************************************************************************/

/*******************************************************************************************************************
GESTION DU FLOAT ET DU CLEAR
*******************************************************************************************************************/
.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-both {
	clear:both;
}
/******************************************************************************************************************/


/*******************************************************************************************************************
PROPRIETES GENERALES DES PAGES D'ERREURS 401 - 403 - 404 - 500 - 501 ET PAGE PLAN DU SITE
*******************************************************************************************************************/
.box-500-milieu .plan ul {
	margin-left:25px;
}

.box-500-milieu .plan .space {
	margin-top:10px;
}
/******************************************************************************************************************/



/*******************************************************************************************************************
PROPRIETES GENERALES DE LA PAGE
*******************************************************************************************************************/
.page-accueil {
	width:1004px;
	background-image:url(images/fond-general.jpg);
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 1 : ENTETE
*******************************************************************************************************************/
.box-logo .box-logo-dim {
	width:154px;
	height:91px;
}

.box-entete .box-entete-dim {
	width:850px;
	height:91px;
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 2 : MENU
*******************************************************************************************************************/
.zone-menu .zone-menu-dim {
	width:1000px;
	height:auto;
	background-color:#8b7466;
	border-right:4px solid #000000
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 3 : FIL D'ARIANE
*******************************************************************************************************************/
.zone-fil-ariane-dim {
	font-weight:bold;
	margin:10px 0px 10px 10px;
}

.zone-fil-ariane a:link, .zone-fil-ariane a:active, .zone-fil-ariane a:visited {
	text-decoration	:none;
	color:#666666;
	background:transparent;
}

.zone-fil-ariane a:hover {
	text-decoration	:none;
	color:#ff0000;
	background:transparent;
}
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 4: COLONNE GAUCHE
*******************************************************************************************************************/
.date-parution {
	text-align:right;
}

.chapo {
	font-weight:bold;
}


.colonne-gauche .colonne-gauche-dim {
	height:auto;
}

.colonne-gauche .colonne-gauche-padding {
	padding-bottom:10px;
	/*//padding-bottom:0px*/
}

.signature {
	text-align:right;
	font-weight:bold;
}

/*HP - edito*/
.box-edito a:link, .box-edito a:active {
	text-decoration:none;
	color:#0000ff;
	background:transparent;
	font-weight:bold;
	}
	
.box-edito a:visited {
   	text-decoration:none;
   	color:#0000ff;
  	background:transparent;
	font-weight:bold;
	}
	
.box-edito a:hover {
  	text-decoration	:none;
	color:#ff0000;
	background:transparent;
	font-weight:bold;
	}

.box-edito-dim {
	margin:0px 0px 0px 10px;
}

.box-edito .entete-dim {
	width:378px;
	height:25px;
	background-image:url(images/edito-entete.png);
	font-size:14px;
	font-weight:bold;
	color:#c3c7ff;
}

.box-edito .entete-padding {
	padding:4px 0px 0px 8px;
}

.box-edito .corps-dim {
	width:378px;
	height:auto;
	background-image:url(images/edito-fond.png);
	text-align:justify;
	color:#29307f;
}

.box-edito .corps-padding {
	padding:8px 13px 0px 8px;
}

.box-edito .img-edito {
	width:120px;
	height:160px;
	background-color:#ffffff;
	margin:0px 10px 0px 0px;
}

.box-edito .titre-edito {
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.box-edito .pied-dim {
	width:378px;
	height:16px;
	background-image:url(images/edito-pied.png);
}

/*HP - jeu du mois, présentation association et résumé actu*/
.box-cadre-dim {
	margin:0px 0px 15px 6px;
}

.box-cadre .entete-dim {
	width:352px;
	height:25px;
	background-image:url(images/cadre-entete.png);
	font-size:14px;
	font-weight:bold;
	color:#c3c7ff;
}

.box-cadre .entete-padding {
	padding:4px 0px 0px 8px;
}

.box-cadre .corps-dim {
	width:352px;
	height:auto;
	background-image:url(images/cadre-fond.png);
	color:#29307f;
	text-align:justify;
}

.box-cadre .corps-padding {
	padding:8px 13px 1px 8px;
}

.box-cadre .titre1 {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.box-cadre .titre2 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.box-cadre .titre3 {
	font-weight:bold;
	text-align:left;
}

.box-cadre .img-jdm {
	width:120px;
	height:auto;
	background-color:#ffffff;
	margin:0px 8px 0px 0px;
}

.box-cadre .img-resume-actu {
	width:80px;
	height:auto;
	background-color:#ffffff;
	margin:0px 8px 0px 0px;
}

.box-cadre .pied-dim {
	width:352px;
	height:24px;
	background-image:url(images/cadre-pied.png);
}

/*INSCRIPTION NEWSLETTER*/
.box-inscription .box-inscription-dim {
	width:735px;
	margin:0px 0px 0px 10px;
}

.box-cadre-nl-entete .box-cadre-nl-entete-dim {
	background-image:url(images/cadre-central-entete.png);
	width:735px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#c3c7ff;
}

.box-cadre-nl-entete .box-cadre-nl-entete-padding {
	padding:4px 0px 0px 8px;
}

.box-cadre-nl-milieu .box-cadre-nl-milieu-dim {
	background-image:url(images/cadre-central-fond.png);
	width:735px;
	height:auto;
}

.box-cadre-nl-milieu .box-cadre-nl-milieu-padding {
	padding:8px 13px 0px 8px;
}

.box-cadre-nl-milieu .content-texte-dim {
	width:490px;
	color:#29307f;
}

.box-cadre-nl-milieu  .content-texte-padding {
	padding-right:8px;
	border-right:2px solid #000000;
}


.box-cadre-nl-pied .box-cadre-nl-pied-dim {
	background-image:url(images/cadre-central-pied.png);
	width:735px;
	height:15px;
}

.formulaire-inscription {
	margin-left:186px;
	width:330px;
}

/*CONTENU TEXTE et image*/

.content .content-texte-dim .illustration-gauche {
	margin:0px 8px 0px 0px;
}

.content .content-texte-dim .illustration-droite {
	margin:0px 0px 0px 8px;
}

.content .content-texte-dim .titre {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.content .content-texte-dim {
	text-align:justify;
}


/*PAGE SANS COLONNE DROITE*/
.box-500 .box-500-dim {
	width:735px;
	margin:0px 0px 0px 10px;
}

.box-500-entete .box-500-entete-dim {
	background-image:url(images/cadre-central-entete.png);
	width:735px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#c3c7ff;
}

.box-500-entete .box-500-entete-padding {
	padding:4px 0px 0px 8px;
}

.box-500-milieu .box-500-milieu-dim {
	background-image:url(images/cadre-central-fond.png);
	width:735px;
	height:auto;
}

.box-500-milieu .box-500-milieu-padding {
	padding:8px 13px 0px 8px;
}

.box-500-milieu .content-texte-dim {
	width:714px;
	color:#29307f;
}

.box-500-milieu  .content-texte-padding {
	/*padding-right:8px;*/
}


.box-500-pied .box-500-pied-dim {
	background-image:url(images/cadre-central-pied.png);
	width:735px;
	height:15px;
}

/*PAGE AVEC COLONNE DROITE*/
.box-501 .box-501-dim {
	width:735px;
	margin:0px 0px 0px 10px;
}

.box-501-entete .box-501-entete-dim {
	background-image:url(images/cadre-central-entete.png);
	width:735px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#c3c7ff;
}

.box-501-entete .box-501-entete-padding {
	padding:4px 0px 0px 8px;
}

.box-501-milieu .box-501-milieu-dim {
	background-image:url(images/cadre-central-fond.png);
	width:735px;
	height:auto;
}

.box-501-milieu .box-501-milieu-padding {
	padding:8px 13px 0px 8px;
}

.box-501-milieu .content-texte-dim {
	width:490px;
	color:#29307f;
}

.box-501-milieu  .content-texte-padding {
	padding-right:8px;
	border-right:2px solid #29307f;
	color:#29307f;
}

.box-501-milieu .content-texte-col-droite-dim {
	width:216px;
	color:#29307f;
}

.box-501-milieu .content-texte-dim  .autres-jeux {
	margin-left:30px;
}


.box-501-pied .box-501-pied-dim {
	background-image:url(images/cadre-central-pied.png);
	width:735px;
	height:15px;
}

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




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 5 : COLONNE DROITE
*******************************************************************************************************************/
.colonne-droite-dim {
	width:250px;
}

/*************************************toutes les boîtes de la colonne droite***************************************/
/*****BOX LETTRE D'INFORMATION ; BOX FORUM ; BOX ADRESSE ; BOX LIEN PARTENAIRE*****/
.box-info-dim {
	margin:0px 0px 15px 6px;
}

.box-info .entete-dim {
	width:248px;
	height:25px;
	background-image:url(images/info-entete.png);
	font-size:14px;
	font-weight:bold;
	color:#e8eceb;
}

.box-info .entete-padding {
	padding:4px 0px 0px 8px;
}

.box-info .corps-dim {
	width:248px;
	height:auto;
	background-image:url(images/info-fond.png);
	text-align:justify;
	color:#e8eceb;
}

.box-info .corps-padding {
	padding:9px 14px 0px 10px;
}

.box-info .email-newsletter {
	text-align:center;
}

.box-info .pied-dim {
	width:248px;
	height:16px;
	background-image:url(images/info-pied.png);
}
/*****FIN BOX LETTRE D'INFORMATION ; BOX FORUM ; BOX ADRESSE ; BOX LIEN PARTENAIRE*****/

/*****BOX ANTI IE6*****/
.box-anti-ie6-dim {
	width:250px;
	margin-bottom:9px;
}

.box-anti-ie6-padding{
	padding:0px 0px 0px 5px;
}
/*****FIN BOX ANTI IE6*****/


/*****BOX VALIDATION W3C*****/
.box-validation-css-dim {
	margin-bottom:9px;
	margin-left:36px;
	width:189px;
}

.box-validation-css-dim  img {
	display:inline;
}

.box-validation-css-padding{
	padding:0px 0px 0px 5px;
}

/*****FIN BOX VALIDATION W3C*****/

/*****BOX STAT FERANK.FR*****/
.box-ferank {
	text-align:center;
}

.box-ferank .box-ferank-dim {
	margin:0 0 15px 6px;
}

.box-ferank .box-ferank-dim img {
	display:inline;
}
/*****FIN BOX STAT FERANK.FR*****/
/*********************************fin toutes les boîtes de la colonne droite***************************************/
/******************************************************************************************************************/




/*******************************************************************************************************************
PROPRIETES DE LA ZONE 6 : PIED DE PAGE
*******************************************************************************************************************/
.zone-pied-de-page .zone-pied-de-page-dim {
	width:996px;
	height:auto;
	border-right:4px;
	border-left:4px;
	border-color:#000000;
	border-style:solid;
	background-color:#8b7466;
	text-align:center;
	color:#e8eceb;
}

.zone-pied-de-page .zone-pied-de-page-padding {
	padding:5px 0px 5px 0px;
}
/******************************************************************************************************************/