html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
   	background-color: #f2f2f2;
 /*  	background-image: url('bg/noel-2010.jpg'); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;*/
}

#body {
	font-family: Arial, Verdana, Trebuchet MS, Trebuchet, sans-serif;
	font-size: 12px;
	color: #737373;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 960px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
   	background-color: #dee8f2;	
}	

#portal-container {
	margin: 0px;
	padding: 0px;
}

a {
	font-weight: bold;
	color: #5478a1;
	text-decoration: none; 
	outline: none;	
}
a:hover {
	text-decoration: underline; 
}
a:active {
	outline: none;
}
a:focus { 
	outline:none;
}

a.en_savoir_plus_gauche {
	width: 64px;	
	height: 19px;
	margin: 8px 0px 0px 0px;
	background: transparent url('images/bouton.png') no-repeat -270px 0px;
	border: none;
	cursor: pointer;
	display: block;
	opacity: 0.9;
}
a.en_savoir_plus_gauche:hover {
	opacity: 1;
}

a.en_savoir_plus_droite {
	width: 64px;	
	height: 19px;
	margin: 8px 0px 0px 0px;
	background: transparent url( 'images/bouton.png' ) no-repeat -270px 0px;
	border: none;
	cursor: pointer;
	opacity: 0.9;
	float: right;
}
a.en_savoir_plus_droite:hover {
	opacity: 1;
}


/*********
* HEADER *
*********/

#header-container {
	height: 100%;
	width: 100%;
	z-index: 5;
	margin: 0px;
	padding: 0px;
}

#header-top #header-logo {
	width: 426px;
	height: 90px;
	background: url('images/logo.png') no-repeat top left;
	position: absolute;
	margin: 25px 0px 0px 18px;	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	padding: 0px;  
}

#header-bottom {
	width: 100%;
	height: 33px;
	background: url('images/recherche_fond.png') repeat-x top left;
}

#header-bottom .fil_ariane  {
	float: left;
	width: 450px;
	padding: 6px 0px 0px 6px;
	color: #567ba4;
	font-size: 11px;
}
#header-bottom .fil_ariane a.accueil {
	float: left;
  	width: 19px;
	height: 19px;
	margin: 0px 5px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	opacity: 0.9;
	background: url('images/menu.png') no-repeat 0px -420px;
}
#header-bottom .fil_ariane a.accueil:hover  {
	opacity: 1;
}
/*
#header-bottom .fil_ariane a.home {
	width: 170px;
	height: 17px;
	background: url('images/btn_accueil.png');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	margin: -3px 0px 0px 0px;
}
*/
#header-bottom .fil_ariane a {
	font-weight: normal;	
	font-style: italic;
}
#header-bottom .fil_ariane_liens {
	clear: none;
	/* display: inline; */
	margin-top: 5px;
}

#header-bottom #header-recherche {
	float: right;
	width: 220px;
}
#header-recherche #bloc-recherche {
	border: 1px solid #b8b8b8;
	width: 165px;
	height: 16px;
	padding: 3px 6px 0px 6px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	margin: 6px 0px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	font-size: 11px;
	color: #567ba4;
}
#header-recherche #bas-bloc-recherche {
	border-top: 1px solid #ffffff;
	width: 152px;
	margin-left: 24px;
}
#header-recherche a.lancez_recherche {
	background: transparent url('images/menu.png') no-repeat -40px -420px;
	width: 20px;
	height: 21px;
	position: absolute;
	margin: 6px 0px 0px 5px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	opacity: 0.9;
}
#header-recherche a.lancez_recherche:hover {
	opacity: 1;
}
#header-bottom #header-icones {
	background-color: blue;
	display: inline;
}
#header-icones a {
  	width: 64px;
	height: 22px;
	float: right;
	margin: 5px 5px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	opacity: 0.9;
}
#header-icones a:hover  {
	opacity: 1;
}
#header-icones a.flux_rss	{
background: transparent url('images/menu.png') no-repeat -90px -315px;
/* 	background: url('images/icone_rss.png') no-repeat; */
}
#header-icones a.favoris	{
background: transparent url('images/menu.png') no-repeat -90px -280px;
/* 	background: url('images/icone_favoris.png') no-repeat; */
}
#header-icones a.partager	{
background: transparent url('images/menu.png') no-repeat -0px -315px;
/* 	background: url('images/icone_partager.png') no-repeat; */
	margin-right: 10px;
}
#header-icones a.webtv	{
background: transparent url('images/menu.png') no-repeat -0px -350px;
/* 	background: url('images/icone_webtv.png') no-repeat; */
}
#header-icones a.contact	{
background: transparent url('images/menu.png') no-repeat -0px -280px;
/* 	background: url('images/icone_contact.png') no-repeat; */
}

/*********
* FOOTER *
*********/

#espace-footer {
	padding-bottom: 20px;
}
#footer-container {
	clear: both;
	font-size: 10px;
	color: white;
	text-align: center;
	height: 100px;
	width: 100%;
	padding: 0px;	
}
#footer-container #footer-top {
	background: url('images/footer-fond-top.png') repeat-x;
	width: 100%;
	height: 33px;
	padding: 0px;
}

#footer-container a {
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
   	padding: 10px 10px 0px 10px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */

}
#footer-container a:hover {
	text-decoration: underline;
}


/************
* CONTAINER *
************/

#content-container {
   	height: 100%;
   	margin: 0px;
   	padding: 15px 15px 0px 15px;
}
#gauche {
	width: 200px;
	height: 100%;
	text-align: left;
   	margin: 0px;
   	padding: 0px;
	float: left;
	/*  background-color: red; */
}

#droite {
	width: 716px;
	height: 100%;
	text-align: left;
   	margin: 0px;
   	padding-left: 14px;
	float: left;
	/*  background-color: red; */
}

.spacer {
  clear: both;
}


/**********
* PORTLET *
**********/
.portlet-container {
	padding: 0px 0px 0px 0px;  /* 1=haut, 2=droite, 3=bas, 4=gauche */
	margin: 0px 0px 15px 0px;   /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-mode-container {
	float: right;
	padding-top: 2px;
	white-space: nowrap;
}
.portlet-titlebar-title {
	font-size: 14px;
	font-weight: bold;
	color: #5478a1;
	padding: 2px 0px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	white-space: nowrap;
	line-height: 100%;
	float: left;
}
.portlet-titlebar-title-2 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #feb400;
	padding: 3px 10px 0px 10px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	height: 16px;
	margin-bottom: 8px;
}
.portlet-titlebar-left {
	background: url( 'images/portlet.png' ) no-repeat 0px 0px;
	width: 8px;
	height: 22px;
}
.portlet-titlebar-center {
	background: url( 'images/ac_portlet-top-middle.png ') repeat-x top left;
	height: 22px;
	padding-top: 0px;
}
.portlet-titlebar-right {
	background: url( 'images/portlet.png' ) no-repeat -10px 0px;
	width: 8px;
	height: 22px;
}
.portlet-content-left {
	background-color:#ffffff;
}
.portlet-content-center {
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 9px 0px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-body {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}
.portlet-content-right {
	background-color:#ffffff;
}
.portlet-footer-left {
	background: url( 'images/portlet.png' ) no-repeat -20px 0px;
	width: 8px;
	height: 9px;
}
.portlet-footer-center {
	background-color:#ffffff;
}
.portlet-footer-right {
	background: url( 'images/portlet.png' ) no-repeat -30px 0px;
	width: 8px;
	height: 9px;
}
.portlet-mode-maximized {
	opacity: 0.8; 
	background: url( 'images/portlet.png' ) no-repeat -40px 0px;
	width: 14px;
	height: 14px;
	float: left;
	display: inline;
	cursor: pointer;
	padding: 0px 0px 2px 3px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-mode-maximized:hover {
	opacity: 1; 
	text-decoration: none;
}
.portlet-mode-minimized {
	float: left;
	display: none;
}
.portlet-mode-minimized:hover {
}
.portlet-mode-normal {
	opacity: 0.8; 
	background: url( 'images/portlet.png' ) no-repeat -40px -20px;
	width: 80px;
	height: 14px;
	float: left;
	display: inline;
	cursor: pointer;
	padding: 0px 0px 2px 3px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-mode-normal:hover {
	opacity: 1; 
	text-decoration: none;
}
.portlet-mode-help {
	opacity: 0.8; 
	background: url( 'images/portlet.png' ) no-repeat -60px -0px;
	width: 14px;
	height: 14px;
	float: left;
	display: inline;
 	cursor: pointer;
	padding: 0px 0px 2px 3px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-mode-help:hover {
	opacity: 1; 
	text-decoration: none;
}
.portlet-mode-view {
 	background: url( 'images/portlet.png' ) no-repeat -80px -0px;
   	width: 28px;
   	height: 16px;
   	float: left;
   	display: inline;
   	cursor: pointer;
	padding: 0px 20px 2px 3px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
}
.portlet-mode-view:hover {
   	text-decoration: none;
}

/********************
*  ELEMENTS DIVERS  *
********************/

hr {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	width: 100%;
	background-color: #eeefef;
	border:0px;
}

ul {
   	padding: 0px;
   	margin: 5px 0px 5px 15px;
}

li {
   	list-style-image: url('images/puce_sous_menu.png');
   	padding: 5px 0px 5px 0px;
	margin: 0px;   
}

SELECT {
	font-size: 11px;
}

FONT {
}

FIELDSET {
}

LEGEND {
}

h1 {
   font-size: 24px;
}

h2 {
   font-size: 18px;
}

h3 {
   font-size: 16px;
}

h4 {
   font-size: 14px;
   margin: 0px;
}

h5 {
   font-size: 12px;
}

h6 {
   font-size: 10px;
}

sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/************************
*  ATTENTE ET MESSAGES  *
************************/

.panneauattente {
	width: 100%;	
	text-align: center;
	font-size: 16px;
	margin-top: 100px;
	margin-bottom: 100px;
}
.panneauattente .uploadPercent {
	clear:both;
}
.panneauattente .uploadIndicator {
	clear:both;
	margin:10px 0px 5px 240px;
	height:20px;
	background: url( 'images/ajax-loader-bar.gif' ) no-repeat;
}
.iconattente {
	padding-top: 50px;
	margin: 0px auto;
	background: url( 'images/ajax-loader-bar.gif' ) no-repeat center 20px;	
}

.iconpasderesulat {
	padding-top: 80px;
	padding-bottom: 50px;
	margin: 0px auto;
	background: url( 'images/icone-aucun-resultat.png' ) no-repeat center 0px;	
}

.iconerreur {
	padding-top: 80px;
	padding-bottom: 50px;
	margin: 0px auto;
	background: url( 'images/icone-erreur.png' ) no-repeat center 0px;	
}


/*************
* MESSAGE IE *
*************/

#message-ie {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
   	padding: 10px;
	background-color: #ffffcc;
}
#message-ie a {
	color: #000000;
	text-decoration: underline;
}
#message-ie  a:hover {
	text-decoration: none;
}


/***********
* PARTAGER *
***********/

.partager .titre {
	border-bottom: 1px dotted #feb400;
	background-color: #000000;	
	padding: 6px 8px;
	color: #feb400;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.partager .chapo {
	font-weight: bold;
	font-size: 14px;
	color: #5478a1;
}
.partager .contenu {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.partager form {
	width: 630px;
	margin: 40px auto;
}
.partager .bloc_destinataire  {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.partager .bloc_nom  {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.partager .bloc_email label, .partager .bloc_destinataire label, .partager .bloc_texte label, .partager .bloc_captcha label,
.partager .bloc_nom label, .partager .bloc_prenom label, .partager .bloc_sujet label, .partager .bloc_date label {
	text-align: left;
	float: left;
	width: 110px;
	padding-top: 5px;
}

.partager .bloc_destinataire input, .partager .bloc_email input, .partager .bloc_nom input, 
.partager .bloc_prenom input, .partager .block_date input {
	padding: 5px;
}
.partager .bloc_destinataire input[type=text], .partager .bloc_email input[type=text], .partager .bloc_nom input[type=text], 
.partager .bloc_prenom input[type=text], .partager .block_date input[type=text] {
	width: 450px;
	height: 15px;	
	border: 1px solid #5478a1;
	text-align: left;
	margin-bottom: 10px;
	padding: 5px;
}
.partager .block_date input {
	width: 250px;
}
.partager input[type=file] {
	width:460px;
	height:20px;
	margin:0px 0px 30px 0px;
}
/*.partager input[type=radio] {
	width:20px;
	height:20px;
	margin:0px;
	border:none;
}*/


.partager .bloc_texte textarea, .partager .bloc_nom textarea {
	width: 450px;
	height: 100px;
	border: 1px solid #5478a1;
	color: #333333;
	text-align: left;
	margin-bottom: 15px;
	margin-right: 27px;
	padding: 5px;
}
.partager .bloc_captcha {	
	width: auto;
	height: 48px;
	margin-bottom: 20px;
}
.partager .bloc_captcha input {
	width: 180px;
	height: 42px;	
	border: 1px solid #5478a1;
	font-size: 30px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 8px;
	float: left;
}
.partager .bloc_captcha .imgcaptcha {
	width: 180px;
	height: 50px;	
	border: 1px solid #5478a1;
	margin-bottom: 10px;
	float: left;
	cursor: pointer;	
}
.partager .bloc_captcha .imgcaptcha_max {
	width: 180px;
	height: 50px;	
	border: 1px solid #5478a1;
	margin-bottom: 10px;
	float: left;
	cursor: pointer;	
}
.partager .bloc_captcha .separateur_captcha {
	width: 98px;
	padding-top: 20px;
	text-align: center;
	margin: 0;	
	float: left;
}
.partager a.lien   {
	font-weight: normal;
	color: #737373;
	text-decoration: underline;
}
.partager a.lien:hover   {
	text-decoration: none;
}
.partager a.bouton_envoi {	
	background: transparent url('images/bouton.png') no-repeat -490px 0px;
	width: 69px;
	height: 19px;
	margin: 40px auto 0px auto;
	cursor: pointer;
	display: block;
	clear: left;
	opacity: 0.9;
}
.partager a.bouton_envoi:hover{	
	opacity: 1;
}

.partager a.bouton_retour {	
	background: transparent url('images/bouton.png') no-repeat -340px 0px;
	width: 69px;
	height: 19px;
	margin: 40px auto 0px auto;
	cursor: pointer;
	display: block;
	clear: left;
	opacity: 0.9;
}
.partager a.bouton_retour:hover{	
	opacity: 1;
}



/***************
* PLANS GOOGLE *
***************/

.plan_ville .titre {
	border-bottom: 1px dotted #feb400;
	background-color: #000000;	
	padding: 6px 8px;
	color: #feb400;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.plan_ville a.zoom {
	width: 100%;	
	height: 19px;
	margin: 10px 0px 10px 0px;
	background: transparent url( 'images/zoom-plein-ecran.png' ) no-repeat top right;
	border: none;
	cursor: pointer;
	opacity: 0.9;
	float: right;
	display: block;
}
.plan_ville a.zoom:hover {
	opacity: 1;
}

.plan_ville .liste {
	float: left;
	width: 40%;
	padding-left: 50px;
	margin-bottom: 20px;
}

/***********************************************************
bloc des liens acces rapide aux sections photo, info et download
************************************************************/
.bp_toolbox div.separateur {
	float:right;
	clear:none;
	outline:none;
	border-left:solid 1px #aaa;
	width:5px;
	height:18px;
	margin-left:5px;
}
.bp_toolbox div.info,.bp_toolbox div.photo,.bp_toolbox div.doc,.bp_toolbox div.print,.bp_toolbox div.pdf,
.bp_toolbox div.compass,.bp_toolbox div.document,.bp_toolbox div.activite,.bp_toolbox div.retour,
.bp_toolbox div.zoom_out,.bp_toolbox div.zoom_in,.bp_toolbox div.zoom_normal {
	float:right;
	clear:none;
	outline:none;
	width:18px;
	height:18px;
	margin-left:5px;
}
.bp_toolbox div.info {
	background: url('icone/icone.png')  no-repeat -0px -0px;
}
.bp_toolbox div.photo {
	background: url('icone/icone.png')  no-repeat -25px -0px;
}
.bp_toolbox div.doc {
	background: url('icone/icone.png')  no-repeat -50px -0px;
}
.bp_toolbox div.print {
	background: url('icone/icone.png')  no-repeat -75px -0px;
}
.bp_toolbox div.pdf {
	background: url('icone/icone.png')  no-repeat -100px -0px;
}
.bp_toolbox div.zoom_out {
	background: url('icone/icone.png')  no-repeat -175px -0px;
}
.bp_toolbox div.zoom_in {
	background: url('icone/icone.png')  no-repeat -125px -0px;
}
.bp_toolbox div.zoom_normal {
	background: url('icone/icone.png')  no-repeat -150px -0px;
}
.bp_toolbox div.compass {
	background: url('icone/icone.png')  no-repeat -200px -0px;
}
.bp_toolbox div.document {
	background: url('icone/icone.png')  no-repeat -225px -0px;
}
.bp_toolbox div.activite {
	background: url('icone/icone.png')  no-repeat -250px -0px;
}
.bp_toolbox div.retour {
	background: url('icone/icone.png')  no-repeat -275px -0px;
}



.openclose_moins {
border: 0px;
}

a.couleur2 {
font-size: 60px;

}