/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ee8523;
	height: 100%;
	padding: 0px 0px 20px 0px;
}

a img {
	border: none;
}

/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conteneur {  /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	
	z-index: 1;
	
	background-image: url(images/page_bg_conteneur.gif);
	background-repeat: repeat-y;
	
}

/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau { /* Div bandeau */
	position: relative;
	background-image: url(images/page_bandeau.jpg);
	background-repeat:no-repeat;
	background-position: right;
	height: 90px;
	
	z-index: 100;
}
#fauxlien {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 229px;
	height: 90px;
}
h1 { /* Element H1 : logo ou flash */
	position: absolute;
	top: 43px;
	left: 230px;
	width: 625px;
	
}
h1 a { 
	/*
	text-decoration:none;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #ec7405;
	
	text-transform: uppercase;
	*/
}

#logo {
	float: right;
	margin: 25px 33px 0px 0px!important;
	margin: 25px 15px 0px 0px;
}

h2.access { /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 1;
	font-size: 100%;
	font-weight: normal;
	top:-12px;
	top:-100px;
	text-decoration: none;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}

/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	position: absolute;
	top: 90px;
	left: 740px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/page_bg_recherche.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 233px;
	padding-top: 0px!important;
	padding-top: 6px;
	z-index: 100;
}

#recherche label { /* Label */
	color: #ec7405;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	
	margin-right: 10px;
}

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #ec7405;
	border: none;
	width: 102px;
	
	font-size: 10px;
	text-align: center;
}
input#Rechercher {
	height: auto!important;
	height: 12px;
	
	border: 0;
}

#recherche input.boutonok { /* Boutons submit formulaire recherche et newsletter, voir #newsletter input.boutonok */
	border:none;
	background-color:#ec7405;
	font-size: 11px;
	color:#FFFFFF;
	
	_height : 18px;
	height : 19px;
	
	_width : 31px;
	width : 31px;
	line-height:19px!important;
	line-height:18px;
	overflow: visible;
	cursor:pointer;
	text-align:center;
	vertical-align: middle;
	
	margin-left: 10px!important;
	margin-left: 10px;
	
	background-image: url(images/bouton_ok.gif);
	background-repeat: no-repeat;

}

#recherche input.boutonok:hover {
	background-color:#feaf26;
	background-image: url(images/bouton_ok-over.gif);
}


/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liensevitement { /* Block contenant les liens d'evitement */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	z-index: 1;
	color:#FFFFFF;
	height:10px;
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #ee8523;
    margin: 0 0 0 7px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active	{ 
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #FFFFFF;
}


/* BLOCK CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenu { /* Block global de contenu */
	position: relative;
	
	width: 1003px;
	background-image: url(images/page_bg_blockcontenu.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	z-index: 90;
	

}
/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche { /* Block colonne gauche */
	float: left;
	width: 310px;
	overflow: hidden; /* Pour autoriser depassement du menu gauche */
	background-image: url(images/page_bg_colgauche.jpg);
	background-repeat: no-repeat;
	
	padding-top: 34px;
}

h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 1;
	font-size: 12px;
	top:-1000px;
}

#nav_principale { /* Block Navigation principale */
	
	width: 310px;
	height: 189px;
	
	
	padding: 8px 0px 0px 0px;
	
	list-style-type:  none;
	
	background-image: url(images/page_bg_menu.jpg);
	background-repeat: no-repeat;
}
html>body #nav_principale {
	height: auto;
	min-height: 189px;
}
ul#nav_principale li { 
	display: inline;
}
ul#nav_principale li a { /* Elements Navigation principale */
	display: block;
	height: 21px;
	margin-bottom: 2px;
	
	font-size: 12px;
	text-transform: uppercase;
	color: #8d1200;
	
	text-decoration: none;
	
	background-image: url(images/picto_menu.gif);
	background-repeat: no-repeat;	
}
html>body ul#nav_principale li a {
	height: auto;
	min-height: 21px;
}
ul#nav_principale li a:hover { 
	color: #eb8221;
	background-image: url(images/picto_menu-over.gif);
	
	text-decoration: underline;
}
ul#nav_principale li a.actif {
	color: #eb8221;
}
/* On positionne chaque lien individuellement pour suivre l'arrondi */
.rub_2,.rub_17 {
	padding-left: 8.2em;
	background-position: 20% 50%;
}
.rub_3,.rub_18 {
	padding-left: 8.1em;
	background-position: 19% 50%;
}
.rub_8,.rub_23 {
	padding-left: 8em;
	background-position: 18% 50%;
}
.rub_9,.rub_24 {
	padding-left: 7.9em;
	background-position: 17% 50%;
}
.rub_10,.rub_25 {
	padding-left: 8em;
	background-position: 18% 50%;
}
.rub_11,.rub_26 {
	padding-left: 8.1em;
	background-position: 19% 50%;
}
.rub_12,.rub_27 {
	padding-left: 8.2em;
	background-position: 20% 50%;
}
.rub_13,.rub_28 {
	padding-left: 8.3em;
	background-position: 21% 50%;
}

/* LIEN VERSION OCCITAN */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#vers_occitan {
	width: 310px;
	height: 36px;
	

	background-image: url(images/page_bg_vers_occitan.jpg);
	background-repeat: no-repeat;
	
	padding: 20px 0px 0px 107px;
}
#vers_occitan a {
	font-size: 12px;
	text-transform: uppercase;
	color: #8d1200;
	
	text-decoration: none;
}
#vers_occitan a:hover {
	color: #eb8221;	
	text-decoration: underline;
}

/* ZONE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contenu { /* Block contenu */	
	position: relative;
	
	background-image: url(images/bg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: 10px 200px;
	
	float: left;
	z-index: 100;

	width: 581px;
	padding: 0px 72px 20px 40px;
	margin: 0px 0px 0px 0px;
	
	height: 420px;

}

#contenu_texte {
margin-left:-18px;
}

html>body #contenu {
	height: auto;
	min-height: 420px;
}


div.chemin {
	padding: 5px 100px 0px 10px;
}

#block_titre {
	background-image: url(images/page_bg_haut_titre.gif);
	background-repeat: no-repeat;
	width: 504px;
}
#fond_titre  {
	background-image: url(images/page_bg_block_chemin.gif);
	width: 504px;
	margin: 0px 0px 0px -25px!important;
	margin: 0px 0px 0px -28px;
	margin-bottom:30px!important;
	margin-bottom:30px;
}

#arrondi_titre {
	background-image: url(images/page_fond_block_chemin.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 504px;
	padding-bottom: 20px;
	
	height: 80px;
}
html>body #arrondi_titre {
	height: auto;
	min-height: 80px;

}
#arrondi_titre h2 {
	margin: 10px 20px 0px 10px;	
}

/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	width: 1003px;
	height: 53px;
	
	background-image: url(images/page_bg_footer.gif);
	background-repeat: no-repeat;
	background-position: top;

}

html>body #footer {
	height: auto;
	min-height: 53px;
}

#footer h2 { /* Balise H2 pied de page masquee */
	float: left;
	color: #F6F4F4;
	z-index: 1;
	font-size: 12px;
	width: auto;
	
	margin: -40px 0px 0px 40px;
}

#footer ul#right { /* Liste */
	float: right;
	list-style-type: none;
	width: auto;
	padding: 0px 60px 0px 0px;
	margin-top: 3px!important;
	margin-top: 5px;

}
#footer ul#left { /* Liste */
	float: left;
	list-style-type: none;
	width: auto;
	padding:0px 0px 0px 35px;
	margin-top: 3px!important;
	margin-top: 5px;
	
	clear: left;
}
#footer ul li { /* Liste element */
	display: inline;
	
	
}

#footer a { /* Liste element lien */
	color: #8d1200;
	font-size: 11px;;
	text-decoration: none;
	vertical-align: middle;
}
#footer ul#right a {
	background-image: url(images/picto_right.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding-left: 25px;
	margin-left: 5px;

}
#footer ul#left a {
	background-image: url(images/picto_left.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding-left: 25px;
	margin-right: 20px;

}
#footer a:hover { /* Liste element lien hover */
	text-decoration: underline;
}

#footer img { /* Liste element image */
	vertical-align: middle;
}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }


.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: -35px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}