@charset "iso-8859-1";
/*
CODES COULEURS :

	- gris clair : #F0F1F7
	- rouge : #9A1117
	- rouge foncé : #75070A
	- jaune survol : #D58D06
	- vert : #1B5022

*/

/***************/
/*** GENERAL ***/
/***************/

* {
margin:0px;
padding:0px;
}

body {
/*background-image : url('../images/fond/background.gif');
background-repeat : repeat-y repeat-x;*/
background-color: #FFFFFF;
font-family: verdana, arial;
font-size: 12px;
color : #666666;
}

p {
margin: 5px 0px 0px 0px;
padding: 5px 15px 5px 0px;
text-align: justify;
color : #666666;
}

input, textarea, select {
margin: 0px 2px 0px 2px;
padding: 0px 0px 0px 3px;
border: 1px solid #465798;
font-family: verdana, arial;
font-size: 11px;
color : #000000;
}

/*****************************/
/***** STRUCTURE DE PAGE *****/
/*****************************/

#impression{
display:none;
}

/* Conteneur Page entière */
#container {
position: relative;
width: 949px;
margin: 0 auto; 
background-color: #FFFFFF;
}

/* Header de la page */
#head {
width: 949px;
height: 120px;
background-color: #FFFFFF;
color: #FFFFFF;
float: left;
}
#head_gauche {
width: 112px;
height: 120px;
background-color: #FFFFFF;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_01.gif');
background-repeat: no-repeat;
float: left;
}
#head_centre {
width: 623px;
height: 120px;
margin: 0px 0px 0px 0px;
background-color: #9A1117;
background-image: url('../images/structure/bandeau_haut/bandeau_haut_centre.gif');
background-repeat: no-repeat;
float: left;
}
#head_droite {
width: 134px; /*214*/
height: 40px;
background-color: #9A1117;
background-image: url('../images/structure/bandeau_haut/logo_collectivite.gif');
background-repeat: no-repeat;
padding: 80px 0px 0px 80px;
float: left;
}

/* Zone de contenu */
#content {
position: relative;
background-image: url('../images/structure/bandeau_gauche/fond.gif');
background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
width: 949px;
padding: 0px;
float: left;
}

/* Latéral gauche */
#bandeau_gauche {
width: 112px;
background-color: #FFFFFF;
color: #FFFFFF;
float: left;
}
#bandeau_gauche_2 {
width: 112px;
height: 174px;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_02.gif');
background-repeat: no-repeat;
float: left;
}
#bandeau_gauche_3 {
width: 112px;
height: 150px;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_03.gif');
background-repeat: no-repeat;
float: left;
}
#bandeau_gauche_4 {
width: 112px;
height: 21px;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_04.gif');
background-repeat: no-repeat;
float: left;
}
#bandeau_gauche_5 {
width: 112px;
height: 94px;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_05.gif');
background-repeat: no-repeat;
float: left;
}

/* Zone de contenu */
#contenu {
position: relative;
background-color: #FFFFFF;
padding: 0px 0px 5px 0px;
width: 837px;
float: left;
}

/* Zone de menu */
/*#menu {
position: relative; 
top: 0;
left: 0;
z-index:100;
width: 100%;
height: 20px;
color: #FFFFFF;
font-weight: normal;
background: #75070A;
}

#navGenH {
background-color: #FFFFFF;
padding: 0px 0px 25px 0px;
width: 837px;
color: #FFFFFF;
float: left;
}*/

/* Zone de "where you are" */
#wya {
color: #1B5022;
font-size: 10px;
padding: 4px; 0px; 1px; 0px;
}


/*
MENU DE NAVIGATION HORIZONTAL navGenH
--------------------------------------------------------------------------------*/

#navGenH {
	position: relative;
	z-index: 100;
	width: 837px;
	height: 25px;
	/*background: url(../medias/image/bg_navgenhIndex2007bis.gif) left top no-repeat;*/
	background: #75070A;
	padding:0px 0px 0px 0px;
	margin:-5px 0px 0px 0px;
	text-align: left;
}
*html #navGenH {
	position: relative;
	z-index: 100;
	width: 837px;
	height: 25px;
	/*background: url(../medias/image/bg_navgenhIndex2007bis.gif) left top no-repeat;*/
	background: #75070A;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: left;
}

#navGenH ul a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#navGenH ul a:hover {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/*UL niveau 1*/

#navGenH ul {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;/*reglage de la marge gauche pour la position du menu*/
	background: #75070A;
}
#navGenH ul li {
	display:inline;
	/*width: 150px;*/
	float: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: center;
	position: relative;
}
#navGenH ul li a {
	display: block;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 7px 0px;
	text-decoration:none;
}
#navGenH ul li a:hover {
	text-decoration:none;
	background-color: #D58D06;
}
#navGenH ul li.separateur {
	display: block;
	width: 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*Masquage à partir du niveau 2*/

#navGenH ul ul {
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*Conditions d'affichage du niveau 2 pour navigateurs aux normes*/

#navGenH ul li:hover > ul {
	display:block;
	background-color: #D58D06;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*UL niveau 2*/

#navGenH ul ul {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 100;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#navGenH ul ul li {
	/*width: 170px;*/
	position: relative;
	z-index: 100;
	padding: 0;
	border-top: #9A1117 solid 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #75070A;
}
*html #navGenH ul ul li {
	/*width: 170px;*/
	position: relative;
	z-index: 100;
	padding: 0;
	border-top: #9A1117 solid 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #75070A;
}
#navGenH ul ul li a {
	display: block;
	padding: 6px;
	margin: 0;
	color: #FFFFFF;
}
#navGenH ul ul li a:hover {
	color: #fff;
	background-color: #D58D06;
}



/* Footer */
#footer {
width: 949px;
height: 30px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
font-size: 11px;
float: left;
}
#footer_gauche {
width: 112px;
height: 30px;
background-image: url('../images/structure/bandeau_gauche/bandeau_gauche_06.gif');
background-repeat: no-repeat;
float: left;
}
#footer_centre {
width: 707px;
height: 30px;
background-color: #FFFFFF;
padding: 7px 0px 0px 0px;
float: left;
}
#footer_droite {
width: 130px;
height: 30px;
background-color: #FFFFFF;
background-image: url('../images/structure/sourire_suivant.jpg');
background-repeat: no-repeat;
float: left;
}
#footer a {
color: #666666;
text-decoration: none;
}
#footer a:hover {
color: #666666;
text-decoration: underline;
}

.onglets_menu {
width: 100%;
height: 21px;
float: left;
margin: 5px 0px 0px 0px;
background-color: #FFFFFF;
}
.contenu_page_onglets {
width: 825px;
float: left;
border: #D58D06 1px solid;
padding: 5px 0px 0px 10px;
margin: -1px 0px 10px 0px;
}
*html .contenu_page_onglets {
width: 825px;
float: left;
border: #D58D06 1px solid;
padding: 5px 0px 0px 10px;
margin: -2px 0px 10px 0px;
}


/***************/
/**** HOME *****/
/***************/

#home_part1 {
float: left;
width: 298px; 
background-color: #FFFFFF; 
margin: 0px 5px 15px 0px; 
padding: 0px 0px 0px 0px;
}
#home_part1_contenu {
min-height: 385px;
}
*html #home_part1_contenu {
height: 385px;
}

#home_part2 {
float: left;
width: 534px;
height: 440px; 
margin: 0px 0px 15px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
z-index: 50;
}
*html #home_part2 {
float: left;
width: 534px;
height: 440px; 
margin: 0px 0px 15px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
z-index: 50;
}

#home_part1 h1 {
margin: 0px 0px 0px 0px; 
padding: 15px 0px 10px 0px;
text-transform: uppercase;
}
#home_part1 p {
margin: 0px 0px 0px 0px; 
padding: 5px 0px 2px 0px;
}

.cadre_home {
position: relative;
z-index:0;
width: 245px;
margin: 22px 0px 0px 22px;
padding: 0px 0px 0px 0px;
float: left;
}
*html .cadre_home {
position: relative;
z-index:100;
width: 245px;
margin: 22px 0px 0px 14px;
padding: 0px 0px 0px 0px;
}
.cadre_home_tt {
width: 235px;
height: 25px;
background-image: url('../images/home/cadre_cellule_haut.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 10px;
float: left;
}
.cadre_home_contenu {
width: 238px;
height: 150px;
color: #666666;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 5px;
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
border-bottom: solid 0px #9A1117;
float: left;
}
.cadre_home_bottom {
width: 243px;
height: 10px;
/*background-image: url('../images/structure/bord_cadre.gif');
background-repeat: no-repeat;*/
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
float: left;
}
.cadre_home_bouton {
width: 23px;
height: 24px;
position: absolute;
right:2px; 
bottom:4px; 
/*background-image: url('../images/home/btn_savoir-plus.png');
background-repeat: no-repeat;*/
z-index: 0;
}

.cadre_home_coinBG {
width: 10px;
height: 10px;
position: absolute;
left:0px; 
bottom:0px; 
background-image: url('../images/structure/bord_cadre.gif');
background-repeat: no-repeat;
z-index: 0;
}
*html .cadre_home_coinBG {
width: 10px;
height: 10px;
position: relative;
margin-top: -10px;
background-image: url('../images/structure/bord_cadre.gif');
background-repeat: no-repeat;
z-index: 0;
}


/********************/
/**** RECHERCHE *****/
/********************/

.cadre_recherche {
width: 190px;
margin: 13px 15px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #9A1117;
float: left;
}
.cadre_recherche h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
}
.cadre_recherche_photo {
width: 190px;
height: 135px;
padding: 15px 0px 0px 0px;
text-align: center;
}

.cadre_panier {
position: relative;
z-index:0;
width: 245px;
margin: 22px 0px 0px 22px;
padding: 0px 0px 0px 0px;
float: left;
}
*html .cadre_panier {
position: relative;
z-index:100;
width: 245px;
margin: 22px 0px 0px 14px;
padding: 0px 0px 0px 0px;
}
.cadre_panier_tt {
width: 235px;
height: 25px;
background-image: url('../images/home/cadre_cellule_haut.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 10px;
float: left;
}
.cadre_panier_contenu {
width: 238px;
height: 150px;
color: #666666;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 5px;
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
border-bottom: solid 0px #9A1117;
float: left;
}
.cadre_panier_bottom {
width: 243px;
height: 10px;
/*background-image: url('../images/structure/bord_cadre.gif');
background-repeat: no-repeat;*/
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
float: left;
}
.cadre_panier_bouton {
width: 23px;
height: 24px;
position: absolute;
right:2px; 
bottom:4px; 
/*background-image: url('../images/home/btn_savoir-plus.png');
background-repeat: no-repeat;*/
z-index: 0;
}



.cadre_catalogue {
position: relative;
z-index:0;
width: 245px;
margin: 22px 0px 0px 22px;
padding: 0px 0px 0px 0px;
float: left;
}
*html .cadre_catalogue {
position: relative;
z-index:100;
width: 245px;
margin: 22px 0px 0px 14px;
padding: 0px 0px 0px 0px;
}
.cadre_catalogue_tt {
width: 235px;
height: 25px;
background-image: url('../images/home/cadre_cellule_haut.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 10px;
float: left;
}
.cadre_catalogue_contenu {
width: 238px;
height: 150px;
color: #666666;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 5px;
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
border-bottom: solid 0px #9A1117;
float: left;
}
.cadre_catalogue_bottom {
width: 243px;
height: 10px;
/*background-image: url('../images/structure/bord_cadre.gif');
background-repeat: no-repeat;*/
border: solid 1px #9A1117;
border-top: solid 0px #9A1117;
float: left;
}
.cadre_catalogue_bouton {
width: 23px;
height: 24px;
position: absolute;
right:2px; 
bottom:4px; 
/*background-image: url('../images/home/btn_savoir-plus.png');
background-repeat: no-repeat;*/
z-index: 0;
}




/*************************/
/**** POSITIONNEMENT *****/
/*************************/

.floatl {
float: left;
}
.floatr {
float: right;
}


/******************/
/**** COULEURS ****/
/******************/

.noir { color: #000000; }
.blanc { color: #ffffff; }
.gris_clair { color: #F0F1F7; }
.gris_moyen { color: #CCCCCC; }
.gris_fonce { color: #666666; }
.bleu_gris { color: #A2A5C4; }
.bleu_titre { color: #465798; }
.bleu_souligne { color: #6575B4; }
.rouge { color: #FF0000; }
.rouge_fonce { color: #75070A; }
.rouge_titre { color: #9A1117; }
.vert_vacances { color: #009999; }
.vert { color: #1B5022; }
.jaune { color: #D58D06; }


/****************/
/**** TITRES ****/
/****************/

h1 {
color: #9A1117;
font-size: 22px;
font-weight: bold;
padding: 10px 0px 10px 0px;
}
h2 {
/*color: #AAAAAA;
font-size: 15px;
font-weight: bold;
padding: 10px 0px 10px 15px;*/
color: #D58D06;
font-size: 15px;
font-weight: bold;
padding: 15px 0px 5px 0px;
}
h3 {
color: #9A1117;
font-size: 14px;
font-weight: bold;
padding: 20px 0px 5px 20px;
}

h4 {
color: #1B5022;
font-size: 12px;
font-weight: bold;
padding: 7px 0px 5px 0px;
}

/***************/
/**** TEXTE ****/
/***************/

.b {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.em {
font-style: italic;
}
.maj {
text-transform: uppercase;
}

.citation{
font-style: italic;
color: #BBBBBB;
}

.huit { font-size: 8px; }
.neuf { font-size: 9px; }
.dix { font-size: 10px; }
.onze { font-size: 11px; }
.douze { font-size: 12px; }
.treize { font-size: 13px; }
.quatorze { font-size: 14px; }
.quinze { font-size: 15px; }
.seize { font-size: 16px; }
.dixsept { font-size: 17px; }
.dixhuit { font-size: 18px; }
.dixneuf { font-size: 19px; }
.vingt { font-size: 20px; }
.vingtun { font-size: 21px; }
.vingtdeux { font-size: 22px; }
.vingttrois { font-size: 23px; }
.vingtquatre { font-size: 24px; }
.vingtcinq { font-size: 25px; }
.vingtsix { font-size: 26px; }
.vingtsept { font-size: 27px; }
.vingthuit { font-size: 28px; }
.vingtneuf { font-size: 29px; }
.trente { font-size: 30px; }

.notes {
font-size: 11px;
font-style: italic;
}

.chapo {
font-weight: bold;
}

.justify {
text-align: justify;
}

.garamond {
font-family: garamond;
}


/***************/
/**** LIENS ****/
/***************/

#content a {
color: #9A1117;
font-weight: normal;
text-decoration: none;
}
#content a:hover {
color: #D58D06;
font-weight: normal;
text-decoration: none;
}


/****************/
/**** LISTES *****/
/****************/

ul {
margin: 0px 0px 10px 0px;
}

#content .liste1 ul {
margin: 5px 0px 5px 0px;
padding: 5px 15px 5px 0px;
}
#content .liste1 li {
background-image: url(../images/puces/puce_petite_fleche.gif);
background-repeat: no-repeat;
list-style-type: none;
background-position: 20px 5px;
padding: 3px 0px 3px 35px;
}


/*************/
/*FORMULAIRES*/
/*************/

div.row {
 	clear: both;
	padding-top: 3px;
 }

div.row span.label {
 	float: left;
 	width: 290px;
 	text-align: right;
	font-size: 11px;
}
div.row span.oblig {
 	float: left;
 	width: 15px;
 	text-align: left;
	color: #9A1117;
	font-size: 11px;
}
div.row span.formw {
	float: left;
 	/*width: 185px;*/
	font-size: 11px;
 	text-align: left;
}


/********************/
/**** PLACEMENTS ****/
/********************/

.caler_gauche {
text-align: left;
}
.caler_centre {
text-align: center;
}
.caler_droite {
text-align: right;
}


/**************/
/**** OPEN ****/
/**************/

#open_content {
width: 400px;
height: 370px;
background-color: #1B5022;
float: left;
}

#open_bandeau_gauche {
width: 20px;
height: 370px;
background-color: #1B5022;
float: left;
}

#open_contenu {
width: 360px;
height: 330px;
background-color: #FFFFFF;
padding: 5px 10px 5px 10px;
font-size: 11px;
float: left;
overflow: auto;
}

#open_contenu a {
color: #9A1117;
font-weight: normal;
text-decoration: none;
}
#open_contenu a:hover {
color: #D58D06;
font-weight: normal;
text-decoration: none;
}

#open_footer {
width: 380px;
height: 30px;
background-color: #FFFFFF;
float: left;
}


/****************/
/**** DIVERS ****/
/****************/