/* CSS Document */

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

body {
	background-color: #a5a99d;
	height: 100%;
	padding: 0px 0px 20px 0px;
	
	background-image: url(images/int_bg_body.jpg);
	background-repeat: no-repeat;
	
	text-align: center;
}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	position: relative;
	text-align:right;
	font-size: 0.8em;
	z-index: 1;
	color:#a5a99d;
	height:10px;
	text-align: right;
	margin: 0px 0px 5px 0px!important;
	margin: 0px 0px 0px 0px;
	
	width: 977px;
	margin-left: auto;
	margin-right: auto;
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #a5a99d;
    margin: 0 0 0 7px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #fff;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #fff;
	z-index: 100;
	font-size: 100%;
	top:-10000px;
}
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#conteneur { /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 977px;
	
	z-index: 1;
	
	text-align: left;
	
}


/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	position: relative;
	background-image: url(images/page_bandeau.jpg);
	height: 203px;
	
	background-repeat: no-repeat;
	background-position: bottom right;
}

h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 161px;
	height: 203px;
	z-index: 50;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MASQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#masque {
	position: absolute;
	top: 0px;
	left: 161px;
	z-index: 50;
	
	width: 816px;
	height: 203px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU CENTRAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav_principale {
	width: 443px;
	height: 203px;
	
	list-style-type: none;

	position: absolute;
	top: 0px;
	left: 161px;
	z-index: 99;
}

li#rub_1 {
	position: absolute;
	top: 42px;
	left: 67px;
}

li#rub_9 {
	position: absolute;
	top: 57px;
	left: 178px;
}

li#rub_20 {
	position: absolute;
	top: 51px;
	left: 260px;
}

li#rub_29 {
	position: absolute;
	top: 42px;
	left: 336px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU SECONDAIRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav_secondaire {
	width: 368px;
	height: 203px;
	
	list-style-type: none;

	position: absolute;
	top: 0px;
	/* left: 0px; */
	left: 604px;
	z-index: 99;
}

li#rub_37 {
	position: absolute;
	top: 36px;
	left: 11px;
}

li#rub_38 {
	position: absolute;
	top: 29px;
	left: 105px;
}

li#art_412 {
	position: absolute;
	top: 25px;
	left:  175px;
}
li#rub_39 {
	position: absolute;
	top: 23px;
	left: 266px;
}



/* CONTENU EXTENSIBLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenu { /* Block contenu */
	
	width: 977px;
	
	z-index:90;
	
	background-image: url(images/bg_block_contenu.jpg);
	background-repeat: repeat-y;
	
	padding: 0px 0px 20px 0px;

}

/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_gauche { 
	
	width: 206px;
	
	background-image: url(images/bg_col_gauche.jpg);
	background-repeat: no-repeat;
	
	float: left;
	height: 350px;
	overflow-x: inherit!important;
	overflow-x: hidden;
}
html>body #col_gauche { 
	height: auto;
	min-height: 350px
}


/* COLONNE CENTRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_centre { 
	
	width: 592px;
	
	background-image: url(images/bg_col_centre.jpg);
	background-repeat: no-repeat;

	float: left;
	height: 350px;
	overflow-x: inherit!important;
	overflow-x: hidden;
	
}
html>body #col_centre { 
	height: auto;
	min-height: 350px
}

#contenu {
	margin: 48px 55px 0px 50px;

}
/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_droite { 
	
	width: 174px;
	
	background-image: url(images/bg_col_droite.jpg);
	background-repeat: no-repeat;
	
	float: left;
	height: 350px;
	overflow-x: inherit!important;
	overflow-x: hidden;
}
html>body #col_droite { 
	height: auto;
	min-height: 350px
}

/* RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche {  /* Formulaire */

	background-image: url(images/int_bg_recherche.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 170px;
	height: 63px;	
}
html>body #recherche {  /* Formulaire */
	height: auto;
	min-height: 63px;	
}

#recherche label { /* Label */
	display: none;
}

#recherche img, #recherche input { 
	vertical-align: middle;
	border: 2px solid #b7a7a0;

	height: 16px;
}

#recherche input#Rechercher { /* Champ de saisie */
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif;
	color: #c95f42;
	width: 87px;
	margin: 34px 0px 0px 29px;
	padding-left: 10px;
	padding-right: 3px;

}

#recherche input.boutonok  {
	width: 14px;
	height: 14px;
	
	background-image:url(images/bouton_ok.gif);
	background-repeat: no-repeat;
	border: none;
	
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	text-align: center;
	margin: 34px 0px 0px 10px;
}
html>/**/body #recherche input.boutonok  {
	width: 16px;
	background-position: 3px 0px;
	background-color: transparent;
}
#recherche input.boutonok:hover {
	background-image:url(images/bouton_ok-over.gif);
	color: #fff;
}

/* VERSION ANGLAISE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#version_anglaise {
	margin: 43px 0px 0px 22px; 
}
#version_anglaise a {
	text-decoration: none;
	color: #c95f42;
	font-size: 11px;
	
	background-image: url(images/drapeau_anglais.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 20px;
	
	display: block;
}
#version_anglaise a:hover {
	text-decoration: underline; 
}
/* VERSION francaise */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#version_francaise {
	margin: 43px 0px 0px 22px; 
}
#version_francaise a {
	text-decoration: none;
	color: #c95f42;
	font-size: 11px;
	
	background-image: url(images/drapeau_francais.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 20px;
	
	display: block;
}
#version_francaise a:hover {
	text-decoration: underline; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_divers {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	margin-top: 23px;
	padding-bottom: 20px;
	
	background-image: url(images/int_bg_menudivers.gif);
	background-repeat: repeat-y;
}
#menu_divers li {
	display: inline;
	list-style-type: none;
}
#menu_divers a {
	display: block;
	list-style-type: none;
	color: #844b2d;
	text-decoration: none;
	
	margin: 2px 0px 2px 0px;
	padding: 2px 15px 2px 25px;
}
#menu_divers a:hover {
	list-style-type: none;
	text-decoration: underline;
	
	background-image: url(images/int_bg_menudivers-over.gif);
	background-repeat: repeat-y;
}
#menu_divers a span {
	display: block;
	list-style-type: none;
	padding: 0px 0px 2px 15px;
	
	background-image: url(images/puce_menu_divers.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PHOTOTHEQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_phototheque {
	list-style-type: none;
	background-image: url(images/int_vague_menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	
	padding-bottom: 20px;
	
	background-color: #FFFFFF;
}
#menu_phototheque li {
	display: inline;
}
#menu_phototheque li a {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	font-size: 1.2em;
	padding: 6px 10px 0px 10px; 

}
#menu_phototheque li a:hover {
	background-image: url(images/int_bg_menu_phototheque-over.jpg);
	background-repeat: repeat-y;
}
.phototheque span {
	display: block;
	border-bottom: 1px dashed #c9cdbf;
	padding: 0px 0px 6px 25px;
	
	background-image: url(images/puce_phototheque.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #a9847e;
}

.carto span {
	display: block;
	border-bottom: 1px dashed #c9cdbf;
	padding: 0px 0px 6px 25px;
	
	background-image: url(images/puce_carto.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #cab098;
}

.marches span {
	display: block;
	padding: 0px 0px 6px 25px; 

	background-image: url(images/puce_marches.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #c08c89;
}


/* 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;
}
.clearliste {
	clear: both;
}

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


.imprimer { /* paragraphe bouton Imprimer */
	margin-top: 10px;
	text-align: right;
	clear: both;

}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}