body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #ededed;
	background-position: center top;
	background-image: url(/images/commun/page_fond.jpg);
	background-repeat: no-repeat;
}

body, table {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

a, a:active, a:link, a:visited {
	text-decoration: none;
	color: #f8ba00;
}

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

input[type="submit"] {
	cursor: pointer;
}

input[type="reset"] {
	cursor: pointer;
}

/* Supprime les bordures dans les elements fieldset et img */
fieldset, img, img a {
	border : 0;
	margin: 0;
	padding: 0;
	behavior: url("pngbehavior.htc");
}

/* ////////////////////// */
/* //// STYLES TYPO //// */

.normal {
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

.gras_capital {
	font-weight: bold;
	text-transform: uppercase;
}

.gras_italique {
	font-style: italic;
	font-weight: bold;
}

.capital {
	text-transform: uppercase;
}

.minuscule {
	text-transform: lowercase;
}

.italique {
	font-style: italic;
}

.fin_float {
	clear: both;
	font-size: 0px;
	/*line-height: 0px;*/
	margin: 0;
	padding: 0;
	border: 0;
}



#conteneur {
	position: relative;
	clear: both;
	width: 1000px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #4f4f51;
	background-position: left top;
	background-image: url(/images/commun/conteneur_fond.jpg);
	background-repeat: repeat-y;
}


/*********/
/* haut */
/*******/

#haut {
	height: 270px;
	background-position: left top;
	background-image: url(/images/commun/haut_fond.jpg);
	background-repeat: no-repeat;
}

#haut_bandeau {
	height: 160px;
	margin-left: 10px;
}


#haut_logo {
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 10px;
	height: 120px;
	background-position: left top;
	background-image: url(/images/commun/haut_logo_fond.gif);
	background-repeat: no-repeat;
}

#haut_logo .date {
	font-size: 10px;
	text-transform: uppercase;
	color: #5e5e60;
	margin-left: 60px;
}

/***************/
/* navigation */
/*************/
#premenu {
 margin-left: 25px;
 background-position: left top;
 background-image: url(/images/commun/premenu_fond.gif);
 background-repeat: repeat-y; 
}


#premenu .premenu_ht {
 height: 24px;
 width: 185px;
 background-position: left top;
 background-image: url(/images/commun/premenu_ht_fond.gif);
 background-repeat: no-repeat
}

#premenu .premenu_bas {
 height: 24px;
 width: 185px;
 background-position: left top;
 background-image: url(/images/commun/premenu_bas_fond.gif);
 background-repeat: no-repeat
}

#premenu form {
 margin: 0 0 0 25px;
}

#premenu .chp_log {
 width: 130px;
 height: 13px;
 font-size: 10px;
 line-height: 12px;
 color: #4f4f51;
 margin: 0 0 1px 0;
 .margin: 0 0 0 0; /* IE7 */
 padding: 1px 2px 1px 2px;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}

#premenu .chp_mot {
 width: 112px;
 height: 13px;
 font-size: 10px;
 line-height: 12px;
 vertical-align: top;
 color: #4f4f51;
 margin: 0 1px 0 0;
 .margin: -1px 1px 0 0; /* IE7 */
 padding: 1px 2px 1px 2px;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}

#menu {
	height: 55px;
	margin-left: 230px;
     }
     
#menu img {
	margin-right: 31px;
}

/***********/
/* chemin */
/*********/
.chemin {
	float: left;
	width: 500px;
	padding-left: 230px;
}

.chemin ul {
	margin: 0;
	padding: 0;
}

.chemin ul li {
	display: inline;
	font-size: 10px;
	color: #be4022;
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	background-position: left -6px;
	background-image: url(/images/commun/chemin_puce.gif);
	background-repeat: no-repeat;
}

.chemin ul li a:link, .chemin ul li a:visited {
	color: #5e5e5e;
	text-decoration: none;
}

.chemin ul li a:hover {
	color: #be4022;
	text-decoration: none;
}


.outils {
	float: left;
	width: 230px;
}

.outils ul {
	margin: 0;
	padding: 0;
}

.outils ul li {
	float: right;
	font-size: 10px;
	color: #be4022;
}

.outils ul li a:link, .outils ul li a:visited {
	display: block;
	color: #5e5e5e;
	text-decoration: none;
	margin: 0;
	padding: 0 20px 2px 0;
	background-position: right -7px;
	background-image: url(/images/commun/outils_puce.gif);
	background-repeat: no-repeat;
}

.outils ul li a:hover , .outils ul li .active a, .outils ul li .active a:hover{
	color: #be4022;
	background-position: right -67px;
	background-image: url(/images/commun/outils_puce.gif);
	background-repeat: no-repeat;
}



#contenu {
    clear: both;
    width: 1000px;
    background-position: left top;
    background-image: url(/images/commun/contenu_fond.jpg);
    background-repeat: no-repeat;
}


/*********************/
/* colone de droite */
/*******************/
#colgauche {
	float: left;
	width: 230px;
   margin: -4px 0 0 0;
	padding: 0;
}

/* colone gauche nav */
#colgauche #navigation {
	margin-left: 25px;
	background-position: left 24px;
	background-image: url(/images/commun/navigation_fond.jpg);
	background-repeat: no-repeat;
}

#colgauche #navigation ul {
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0 30px 30px 15px;
	background-position: left bottom;
	background-image: url(/images/commun/navigation_ul_fond.gif);
	background-repeat: no-repeat;
}

#colgauche #navigation .fond1 {
	background-position: left bottom;
	background-image: url(/images/commun/navigation_ul_fond1.gif);
	background-repeat: no-repeat;
}


#colgauche #navigation li {
	display: inline;
}

/* menu gauche nvx 1 */
#colgauche #navigation ul a:link, #colgauche #navigation ul a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0 2px 13px;
}

#colgauche #navigation ul li a:hover {
	color: #f5a200;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce.gif);
	background-repeat: no-repeat;
}

#colgauche #navigation ul .active a, #colgauche #navigation ul .active a.hover {
	color: #f5a200;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce.gif);
	background-repeat: no-repeat;
}


/* menu gauche gris */
#colgauche #navigation .fond1 {}

#colgauche #navigation .fond1 a:link, #colgauche #navigation ul a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0 2px 13px;
}

#colgauche #navigation .fond1 a:hover {
	color: #f5a200;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce.gif);
	background-repeat: no-repeat;
}

#colgauche #navigation .fond1 .active a, #colgauche #navigation .fond1 .active a.hover {
	color: #f5a200;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce.gif);
	background-repeat: no-repeat
}


/* menu gauche jaune */
#colgauche #navigation .fond2 {
	background-position: left bottom;
	background-image: url(/images/commun/navigation_ul_fond2.gif);
	background-repeat: no-repeat;
}

#colgauche #navigation .fond2 a:link, #colgauche #navigation ul a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0 2px 13px;
}

#colgauche #navigation .fond2 a:hover {
	color: #4f4f51;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce2.gif);
	background-repeat: no-repeat;
}

#colgauche #navigation .fond2 .active a, #colgauche #navigation .fond2 .active a.hover {
	color: #4f4f51;
	background-position: left 8px;
	background-image: url(/images/commun/navigation_ul_puce2.gif);
	background-repeat: no-repeat
}


/****************************/
/* colone de droite grande */
/**************************/
#coldroitegrd {
	float: left;
	width: 760px;
    _width:730px;
	margin: 0;
	padding: 0;
}



/******************/
/* colone centre */
/****************/
#colcentre {
	float: left;
	width: 520px;
}


/******************/
/* colone droite */
/****************/
#coldroite {
	float: left;
	width: 210px;
}

.telecharger {
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left top;
	background-image: url(/images/commun/telecharger_fond.gif);
	background-repeat: repeat-y;
}

.telecharger ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.telecharger li {
	display: inline;
	font-size: 11px;
}

.telecharger ul li a:link, .telecharger ul li a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 4px 0 8px 25px;
	background-position: left -6px;
	background-image: url(/images/commun/telecharger_puce.gif);
	background-repeat: no-repeat;
}

.telecharger ul li a:hover, .telecharger ul li a.active {
	color: #f5a200;
	background-position: left -136px;
	background-image: url(/images/commun/telecharger_puce.gif);
	background-repeat: no-repeat;
}



.actus {
	clear: both;
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
	margin: 0;
	padding: 2px 0 0 20px;
	background-position: left top;
	background-image: url(/images/commun/telecharger_fond.gif);
	background-repeat: repeat-y;
}


.actus .actus_titre {
	font-weight: bold;
}

.actus .actus_text img {
	float: left;
	margin: 2px 15px 5px 0;
	padding: 0;
}

.actus .actus_text {
	margin: 0;
	padding: 0 0 5px 0;
}

.actus .actus_text a:link, .actus .actus_text a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	background-position: right bottom;
	background-image: url(/images/commun/actu_puce1.gif);
	background-repeat: no-repeat;	
}


*+html .actus .actus_text a:link, *+html .actus .actus_text a:visited {
	padding: 0 0 25px 0;	
}

.actus .actus_text a:hover {
	color: #f5a200;
	background-position: right bottom;
	background-image: url(/images/commun/actu_puce2.gif);
	background-repeat: no-repeat;
}

.actu_bas {
	clear: both;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
}

.actu_bas img {
	float: left;
	vertical-align: top;
}

.actu_bas a:link, .actu_bas a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.actu_bas a:hover {
	color: #f5a200;
}


/* actu dans content */

.actus_toutes {
	height: 220px;
	margin: 0;
	padding: 0;
	overflow: auto;
	scrollbar-face-color: #bfc0c0;
	scrollbar-shadow-color: #bfc0c0;
	scrollbar-highlight-color: #bfc0c0;
	scrollbar-3dlight-color: #bfc0c0;
	scrollbar-darkshadow-color: #bfc0c0;
	scrollbar-track-color: #808182;
	scrollbar-arrow-color: #808182;
	background-image: url(/images/commun/telecharger_fond.gif);
	background-repeat: repeat-y;

}



#tzr-page-content .actus .actus_text a:link, #tzr-page-content .actus .actus_text a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 0 0 27px 0;
	background-position: right bottom;
	background-image: url(/images/commun/actu_puce1.gif);
	background-repeat: no-repeat;	
}


*+html #tzr-page-content .actus .actus_text a:link, *+html #tzr-page-content .actus .actus_text a:visited {
	padding: 0 0 25px 0;	
}

#tzr-page-content .actus .actus_text a:hover {
	color: #f5a200;
	background-position: right bottom;
	background-image: url(/images/commun/actu_puce2.gif);
	background-repeat: no-repeat;
}

#tzr-page-content .actu_bas a:link, #tzr-page-content .actu_bas a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

#tzr-page-content .actu_bas a:hover {
	color: #f5a200;
}



/*************/
/* bas page */
/***********/

#baspage {
	position: relative;
	clear: both;
	width: 1000px;
   	text-align: left;
	margin: 0 auto 0 auto;
	background-position: center top;
	background-image: url(/images/commun/baspage_fond.jpg);
	background-repeat: no-repeat
}

#baspage .baspage_bordg {
	float: left;
	width: 10px;
   	height: 120px;
    padding:0;
    margin:0;
}

#baspage .baspage_bordg img {
	float: left;
	width: 10px;
   	height: 120px;
    padding:0;
    margin:0;
}

#baspage .baspage_g {
	float: left;
	width: 370px;
   	height: 120px;
	text-align: right;
     padding:0;
    margin:0;
}



#baspage .baspage_g ul {
	font-size: 11px;
	list-style-type: none;
	text-transform: uppercase;
	margin: 20px 0 0 0;
	padding: 0 40px 5px 100px;
}

#baspage .baspage_g li {
	display: inline;
}

#baspage .baspage_g ul a:link, #baspage .baspage_g a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0 0 3px 0;
}

#baspage .baspage_g ul li a:hover {
	color: #f5a200;
}

#baspage .baspage_d {
	float: left;
	width: 609px;
   	margin: 0;
	padding: 0;
}

#baspage .baspage_d img {
	vertical-align: middle;	
	margin: 20px 10px 0 10px;
	padding: 0;
}

#baspage .baspage_bordd {
	float: left;
	width: 10px;
	height: 120px;
     padding:0;
    margin:0;
}
