
.e { color:#FF0000; font-weight: bold; }

/* REMISE A NIVEAU DES NAVIGATEURS */
p {
	padding:2px;
	margin:0px;	
}

hr {
	border:1px solid #999999;
}
/* fin de remise à niveau des navigateurs */

img { 
	display:inline; 
	border:0px; 
	vertical-align:middle; 
}

html, body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial,Verdana,Helvetica;
	font-size:12px;
	height: 100%;
}
body {
	background: top center repeat-x #FFFFFF;
}

a {
	color:#000000;
	text-decoration:none;
}

a:hover, .rouge, .rouge:link, .rouge:active, .rouge:hover, .rouge:visited {
	color:#C01F1F;
}

h1 {
	font-size:21px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:0px;
}

h2 {
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:0px;
}

.strong {
	font-weight:bold;
}

.hard_strong {
	font-weight:bold;
	color:#c01f1f;
}

.clear {
	clear:both;
	width:1px;
	height:1px;
	overflow:hidden;	
}
.espace {
	clear:both;
	width:1px;
	height:10px;
	overflow:hidden;	
}

#bloc_footer_site {
	width:100%;
	overflow:visible;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background:url(bg_footer.jpg) top center no-repeat #999999;
}


#header_site, #footer_site, #page_site {
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	min-width:970px;
	max-width:1280px;
	overflow:hidden;
	text-align:center;
	margin-bottom: 0px;
	margin-top: 0px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-position:top center;
}

#header_site {
	overflow:hidden;
	color:#B78502;
}
#header_site, #footer_site {
	color:#666666;
}

#page_site {
	min-height:460px;
	border : #000000 solid 0px;
}

#menu_navigation_vertical_site {
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	overflow:hidden;
	float:left;
	padding:5px;
	font-size:10px;
}
#menu_navigation_vertical_site a {
	font-size:12px;
	color:#000000;
}
#menu_navigation_vertical_site a:hover, #menu_navigation_vertical_site a.rouge {
	/*color:#C01F1F;*/
	color:#6C1643;
}

#contenu_site {
	width:750px;
	overflow:hidden;
	font-size:12px;
	float:left;
	padding-left:10px;
}
.contenu_gauche {
	width:580px;
	float:left;
	padding-bottom:10px;
}

.contenu_droite {
	width:200px;
	float:right;
	text-align:center;
}

.retour:link, .retour:active, .retour:hover, .retour:visited {
	background:url(top.gif) center right no-repeat;
	font-size:10px;
	padding-right:15px;
}

#logo_site, #sur_navigation_site, #menu_navigation_principale_site, #menu_navigation_secondaire_site, #cadre_site {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	padding:0px;
	width:970px;
	text-align:left;
	overflow:hidden;
}

#cadre_site {
	min-height:460px;
	width:970px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	background:url(bg_menu_gauche.gif) top left repeat-y #FFFFFF;
}

#image_page {
	position:absolute;
	bottom:10px;
	left:0px;
	display:none;
}

#logo_site {
	height:65px;
	position:relative;
	overflow:visible;
}

#logo_site .logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logo_site .drapeau {
	position:absolute;
	top:15px;
	right:0px;
}

#logo_site .drapeau2 {
	position:absolute;
	top:15px;
	right:0px;
}

.drapeau2 a {
	line-height:2px;
}

#logo_site .affichage_session {
	position:absolute;
	top:45px;
	right:10px;
	width:300px;
	height:40px;
	font-size:12px;
	text-align:right;
}


#logo_site .affichage_session a:link,
#logo_site .affichage_session a:active,
#logo_site .affichage_session a:hover,
#logo_site .affichage_session a:visited {
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

#logo_site .affichage_session a:hover {
	color:#999999;
}

#logo_site .affichage_session strong.vipgold {
	color:#b18d39;
}


#logo_site .bloc_commentaire {
	position:absolute;
	top:10px;
	right:10px;
	width:340px;
	height:27px;
	padding-top:5px;
	padding-right:30px;
	font-size:12px;
	text-align:right;
	background:url(attention2.gif) top right no-repeat;
}

#logo_site .banniere {
	width:332px;
	height:47px;
	position:absolute;
	top:7px;
	left:265px;
}
#sur_navigation_site {
	height:14px;
}

#menu_navigation_principale_site {
	height:23px;
	border-left: 1px solid #999999;
	/*max-width:960px;*/
}

#menu_navigation_principale_site a {
	display: block;
	float:left;
	text-align: center;
	line-height:23px;
	margin: 0px;
	width: 137px;
	height: 23px;
	/*color:#383936;*/
	color:#FFFFFF;
	/*background-color:#000000;*/
	background:url(tuile_bt_haut.jpg) top left repeat-x;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-right: 1px solid #999999;
}

#menu_navigation_principale_site a:hover {
	color:#383936;
	background:#FFFFFF;
}

#menu_navigation_principale_site .style_vp_off:link, #menu_navigation_principale_site .style_vp_off:active, #menu_navigation_principale_site .style_vp_off:visited {
	background:url(bg_vp.jpg) top left repeat-x #000000;
	color:#FFFFFF;
}

#menu_navigation_principale_site .style_vp_off:hover {
	background:none #FFFFFF;
	color:#9b3d8b;
}

#navigation_principale_site {
	height:23px;
	border-bottom:1px solid #999999;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url(barre-menu-haut.jpg) top center no-repeat;
}
#navigation_principale_site #nb_connecte {
	width:200px;
	float:right;
	color:#D9D9D9;
	text-align:right;
	padding:4px 10px 0px 0px;
}

#menu_navigation_secondaire_site {
	height:23px;
	border-left: 1px solid #999999;
	width:970px;
}

#menu_navigation_secondaire_site a {
	display: block;
	float:left;
	text-align: center;
	line-height:23px;
	margin: 0px;
	width: 137px;
	height: 23px;
	color:#FFFFFF;	
	text-decoration:none;
	font-family:Arial,Verdana,Helvetica;
	font-size:11px;
	font-style:normal;
	border-right: 1px solid #999999;
	letter-spacing:1px;
	position:relative;
	background:url(tuile_bt_bas.jpg) top left repeat-x;
}


#menu_navigation_secondaire_site a:hover {
	color:#000000;
	background:#FFFFFF;
}

#menu_navigation_secondaire_site a img {
	position:absolute;
	top:0px;
	left:0px;
}

#navigation_secondaire_site {
	height:24px;
	border-top:1px solid #999999;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url(barre-menu-bas.jpg) top center no-repeat;
}

#navigation_tertiaire_site {
	height:100px;
	margin:-1px;
	padding:0px;
	font-size:10px;
	/* border:1px solid #000000; */
	background-color:#DCDCDC;
}
#navigation_tertiaire_site a {
	color:#666666;
}
#navigation_tertiaire_site a:hover {
	color:#999999;
}

#coin_gauche_navigation_principale_site {
	float:left;
	width:4px;
	height:24px;
	background:url(topleft.gif) top left #ffffff;
	background-repeat:no-repeat;
}

#coin_droit_navigation_principale_site {
	float:right;
	width:4px;
	height:24px;
	background:url(topright.gif) top right #ffffff;
	background-repeat:no-repeat;
}

#coin_gauche_navigation_secondaire_site {
	float:left;
	width:4px;
	height:24px;
	background:url(bottomleft.gif) top left #ffffff;
	background-repeat:no-repeat;
}

#coin_droit_navigation_secondaire_site {
	float:right;
	width:4px;
	height:24px;
	background:url(bottomright.gif) top right #ffffff;
	background-repeat:no-repeat;
}




/* FORMULAIRES */
form {
	margin:0px;
	padding:0px;
}

input, input.input, select.input, textarea.input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border:1px solid #CCCCCC;
}




/* LISTES */
ul, li {
    border:0px;
    padding:0px;
	margin:0px;
    background-color:transparent;
    color:#505050;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    font-style:normal;
    /*font-stretch:normal;*/
    font-variant:normal;
    letter-spacing:normal;
    word-spacing:normal;
    text-transform:none;
    text-decoration:none;
    /*text-shadow:none;*/
    text-align:left;
    text-indent:0px;
    line-height:normal;
    white-space:normal;
    float:none;
	display:list-item;
	list-style-position:outside;
}

li {
	margin-left:15px;	
}

li.titre_li {
	list-style:none;
	margin:5px 0px 0px 0px;
}






/* BOUTON PAR DEFAUT */
.bouton, a.bouton, a.bouton:active, a.bouton:hover, a.bouton:visited {
	width:80px;
	height:20px;
	background:url(bouton.gif) top left no-repeat;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	border:none;
	overflow:hidden;
	text-decoration:none;

}
.bouton:hover, a.bouton:hover {
	background:url(bouton_on.gif) top left no-repeat;
}


.bouton_long, a.bouton_long {
	width:190px;
	height:20px;
	display:block;
	float:left;
	background:url(bouton_long.gif) top left no-repeat;
	text-align:center;
	padding-top:2px;
	margin-top:12px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}
.bouton_long:hover, a.bouton_long:hover {
	background:url(bouton_long_on.gif) top left no-repeat;
}

.mini {
	font-size:10px;
}

.foofooter {
	border-top:solid white 1px;
	text-align:center;
	background:#DCDCDC;
	padding:10px;
	/* color:White; */
}
.foofooter .a {
	margin-left:auto;
	margin-right:auto;
}
.foofooter .f1 {
	margin-bottom:20px;
	display:block;
}
.foofooter .f1 a {
	text-decoration:underline;
	/* color:White; */
}
.foofooter .f1 a:hover {
	color:Yellow;
}
.foofooter .f2 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0px;
	margin-top:20px;
	width:700px;
	clear:both;
	border:3px #000000 solid;
}
.foofooter .f3 {
	float:left;
	width:150px;
	border:3px #000000 solid;	
}
.foofooter .f3 b {
	display:block;
	margin-bottom:10px;
}
.foofooter .f3 a {
	text-decoration:none;
	color:White;
	display:block;
	cursor:pointer;
}
.foofooter .f3 a {color:White;display:block;cursor:pointer;}

.foofooter .f3 b {text-decoration:bold;}
