@charset "UTF-8";

/*


	DIGIKODE
	Conception et developpement : Digikode / JN Thierry


	DIMENSIONS :
		- Bandeau : largeur x 255
			- Menu principal : 685 x 190
			- Satellites 	 : L x 50px
		- Colonne gauche : 
			- largeur : 680 + marge à droite 50
		- Colonne droite : 
			- largeur : 270 




	COULEURS : 
	Bandeau : 
		- Satellites : 
			- labels : 898989 + bold
			- champ  : 7c7c7c


	Contenu :
		- h1 : c7e516
		- p  : 686767
		- h3 : 


*/



/*

##############################################################################################
	BODY
	et divers (general)

*/

body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;
	/* background-color: #eaeaea; */
	}

body * {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

.cleaner {
	clear: both;
	}

* img {
	border: none;
	}

* a {
	text-decoration: none;
	}



/*

##############################################################################################
	Fond page (dégradé)

*/

#fondPage {
	position: relative;
	overflow: auto;
	background: blue url(../images/page-fond.gif) left bottom repeat-x;
	}



/*

##############################################################################################
	POZH
	Centre tous les contenus horizontalement

*/

#pozH {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	}



/*

##############################################################################################
	BANDEAU

*/

#bandeau {
	position: relative;
	height: 255px;
	top: 0;
	left: 0;
	background: url(../images/filet-bandeau.gif) 0 190px repeat-x;
	z-index: 5;
	}


/*

############################################
	LOGO

*/

#logo {
	position: absolute;
	width: 315px;
	height: 190px;
	float: left;
	}


/*

############################################
	MENU PRINCIPAL

*/

#menuPrincipal {
	position: absolute;
	width: 685px;
	height: 200px;
	right: 0;
	top: 0;
	}

#menuPrincipal .contMenPrin {
	position: relative;
	height: 190px;
	}


.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	}

.kwicks li {
	width: 137px;
	height: 200px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	}

/* Bloc intitulé rubrique + inititulé dessus / dessous (blanc/noir) */

#menuPrincipal .blocIntitRub, #menuPrincipal .blocIntitRubActif {
	position: relative;
	width: 32px;
	height: 190px;
	}

#menuPrincipal .blocIntitRubActif  {
	background: url(../images/MP-sousMenu-surbrillance.png) 0 0 repeat;
	}

#menuPrincipal .intitRubDessus {
	position: absolute;
	left: 3px;
	bottom: 10px;
	z-index: 100;
	}

#menuPrincipal .intitRubDessous {
	position: absolute;
	left: 4px;
	bottom: 9px;
	z-index: 99;
	}

/* Le triangle sous l'intitulé de niveau 1 actif */

#menuPrincipal #triangleSurbrillance {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 32px;
	height: 17px;
	z-index: 1500;
	}


/* 

	SOUS-MENUS 

*/

.pozSousMenu {
	position: absolute;
	left: 32px;
	bottom: 10px}

.kwicks li ul.lavaLamp {
	float: left;
	position: relative;
	width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.kwicks li ul.lavaLamp li {	
	height: auto;
	width: 100%;
	list-style: none;
	float: none;
	}

.kwicks li ul.lavaLamp li.back {
	background: url(../images/MP-sousMenu-surbrillance.png) 0 0 no-repeat;
	z-index: 8;
	position: absolute;
	}

.kwicks li ul.lavaLamp li a {
	position: relative;
	display: block;
	width: 200px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-indent: 22px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url(../images/MP-filetSousRub.gif) 22px 0 no-repeat;
	z-index: 1000;
	}


.kwicks li ul.lavaLamp li a.inactif {
	color: #ded5ce;
	}



.kwicks li ul.lavaLamp li a:hover {
	text-decoration: none;
	}






/*

############################################
	SATELLITES

*/

#satellites {
	position: absolute;
	width: 1000px;
	height: 50px;
	top: 196px;
	left: 0;
	background: url(../images/filet-bandeau.gif) left bottom repeat-x;
	z-index: 100;
	}


/*
###################
	ESPACE CLIENT 
	& 
	CHERCHER
*/

#espaceClient, #chercher {
	position: absolute;
	top: 0;
	}

/* 
	Espace client 
*/

#espaceClient {
	left: 0;
	}

#espaceClient fieldset {
	border: none;
	}

#espaceClient h2 {
	font-size: 11px;
	line-height: 34px;
	font-weight: bold;
	color: #898989;
	margin: 0;
	padding: 0 4px 0 0;
	float: left;
	}

#espaceClient label {
	display: none;
	}

#espaceClient input {
	width: 110px;
	height: 14px;
	
	font-size: 10px;
	color: #7c7c7c;
	text-indent: 2px;
	
	border-color: #bcbcbc #e3e3e3 #e3e3e3 #bcbcbc;
	border-width: 1px;
	border-style: solid;
/* 	background: url(../images/champ-bandeau.gif) 0 0 no-repeat; */
	margin: 10px 5px 0 0;

	float: left;
	}

#espaceClient button {
	height: 34px;
	border: none;
	background: none;
	float: left;
	}


/* 
	Chercher 
*/

#chercher {
	right: 137px;}




#accesClient h2, #chercher h2 {
	font-size: 11px;
	font-weight: bold;
	color: #898989;
	line-height: 34px;
	margin: 0;
	padding: 0 2px 0 0;
	float: left;
	}

#chercher legend, #chercher label {
	display: none;
	}

#chercher input {
	width: 110px;
	height: 14px;
	
	font-size: 10px;
	color: #7c7c7c;
	text-indent: 2px;
	
	border-color: #bcbcbc #e3e3e3 #e3e3e3 #bcbcbc;
	border-width: 1px;
	border-style: solid;
/* 	background: url(../images/champ-bandeau.gif) 0 0 no-repeat; */
	margin: 10px 5px 0 0;
	float: left;
	}


#chercher button {
	width: 18px;
	height: 34px;
	border: none;
	margin: 0;
	padding: 0;
	}


/*
###################
	CHOIX LANGUES
*/

#choixLangues {
	position: absolute;
	right: 0;
	top: 0;
	}

#choixLangues h1 {
	font-size: 11px;
	font-weight: bold;
	color: #898989;
	line-height: 34px;
	float: left;
	margin: 0;
	padding: 0 2px 0 0;
	}

#choixLangues ul, #choixLangues li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#choixLangues li a {
	display: block;
	width: 34px;
	height: 34px;
	text-decoration: none;
	}
	



/*

##############################################################################################
	COLONNE GAUCHE 

*/

#colonneGauche {
	position: relative;
	width: 680px;
	margin-right: 50px;
	margin-bottom: 30px;
	float: left;
	}

/*

############################################
	CONTENU

*/

#contenu {
	background-color: white;
	}

#contenu h1 {
	color: #c7e516;
	line-height: 55px;
	height: 55px;
	text-indent: 62px;
	background: url(../images/contenu-titreArticle-puce.gif) 0 0 no-repeat;
	padding-bottom: 25px;
	}

/* 
	Intertitres 
*/

#contenu h3.spip, 
#contenu h4.spip {
	text-align: left;
	color: #c7e516;
	margin: 0;
	padding: 10px 0 15px 25px;
	}

#contenu h3.spip {
	font-size: 16px;
	}
	
#contenu h4.spip {
	font-size: 14px;
	}

/* 
	Paragraphes et listes  
*/

#contenu p, 
#contenu p.spip, 
#contenu ul.spip, 
#contenu ol.spip {
	color: #686767;
	font-size: 12px;
	padding-left: 25px;
	padding-bottom: 15px;
	}

#contenu ul.spip, 
#contenu ol.spip {
	padding-left: 45px;
	}

#contenu li ul.spip, 
#contenu li ol.spip {
	padding-left: 35px;
	padding-bottom: 0;
	}

/* 
	Liens dans les paragraphes et dans les listes  
*/

#contenu a, 
#contenu a.spip_out {
	color: #5f6836;
	border-bottom: #dce0c9 1px dotted}

#contenu a:hover, 
#contenu a.spip_out:hover {
	border-bottom: #5f6836 1px solid;
	/* text-decoration: underline */}

/* 
	Tableaux 
*/

#contenu table.spip {
	border-color: #e6e6e6;
	}

#contenu table * {
	color: #686767;
	}

#contenu caption {
	font-size: 15px;
	}

#contenu thead .row_first {
	font-size: 13px;
	background-color: #f9ffd4;
	}

#contenu thead th, #contenu thead th.col {
	border: 1px solid #e6e6e6;
	padding: 5px;
	}

#contenu tbody td {
	font-size: 11px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	}

#contenu tbody .row_even {
	background-color: #f7f7f7;
	}

#contenu tbody .row_odd {
	background-color: #eee;
	}

/* 
	DOCUMENTS : marges, Titre des documents 
*/

.spip_documents {
	padding-bottom: 15px;
	}

.spip_documents_right {
	padding-left: 15px;
	}

.spip_documents_left {
	padding-right: 15px;
	}

.spip_doc_titre {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333;
	}

.spip_doc_descriptif {
	font-size: 10px;
	line-height: 11px;
	text-align: justify;
	color: #333;
	}


/*

##################################
PORTEFOLIO IMAGES

*/

#contenu .portefolioImages {
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	margin-left: 25px;
	padding: 10px 0;
	}

#contenu .portefolioImages h2 {/* Pas utilisé... */
	font-size: 13px;
	color: #c2fa36;
	margin: 20px 0 10px 0;
	padding: 0 0;
	border-bottom: solid 1px #c2fa36;
	}

#contenu .portefolioImages ul, #contenu .portefolioImages li {
	margin: 0;
	padding: 0;
	list-style: none}

#contenu .portefolioImages ul { /* petite gruge pour un décalage correct dans IE */
	padding-bottom: 1px;
	}
	
#contenu .portefolioImages li {
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px}

#contenu .portefolioImages img {
	border: #fff solid 1px;
	}

#contenu .portefolioImages img:hover {
	border: #c2fa36 solid 1px;
	}


/*

##################################
RÉSULTATS RECHERCHES

*/

#contenu .criteresRecherche {
	height: 25px;
	line-height: 25px;
	border: #ededed 1px solid;
	overflow: hidden}

#contenu .criteresRecherche p {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0}
	

#contenu .blocResultatsRecherche h2,
#contenu .blocResultatsRecherche li h3 {
	text-align: left;
	color: #c7e516;
	margin: 0;
	padding: 10px 0 15px 25px}

#contenu .blocResultatsRecherche h2 {
	font-size: 16px}


#contenu .blocResultatsRecherche li {
	list-style: inside;
	padding-left: 25px;
	padding-bottom: 20px}

#contenu .blocResultatsRecherche li h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: inline}


#contenu .blocResultatsRecherche li small {
	color: #686767;
	font-size: 11px;
	margin-left: 20px}




/*

##############################################################################################
	COLONNE DROITE 

*/

#colonneDroite {
	position: relative;
	width: 270px;
	margin-bottom: 30px;
	float: left;
	overflow: auto}

/*

############################################
	ZOOM SUR

*/

#zoomSur {
	overflow: auto;
	width: 270px;
	background: url(../images/zoomSur-fond.png) left bottom no-repeat}

#zoomSur h1 {
	width: 270px;
	height: 35px;
	overflow: hidden;
	color: #5f6836;
	font-size: 14px;
	line-height: 35px;
	text-indent: 42px;
	background: url(../images/zoomSur-titreBloc-fond.gif) 0 0 no-repeat;
	margin-bottom: 15px;
	}

#zoomSur ul, #zoomSur li {
	list-style: none;
	}

#zoomSur ul {
	padding-bottom: 25px;
	}

#zoomSur li h2 {
	margin: 8px 0 8px 16px;
	font-size: 12px;
	line-height: 12px;
	background: url(../images/zoomSur-puce-titres.gif) left 0 no-repeat;
	}

#zoomSur li h2 a {
	display: block;
	color: #5f6836;
	text-indent: 18px;
	}

#zoomSur li h2 a:hover {
	text-decoration: underline;
	}

#zoomSur li p {
	color: #686767;
	font-size: 12px;
	margin: 0 16px 5px 16px;
	}

#zoomSur li p.plusInfos {
	margin-bottom: 10px;
	}

#zoomSur li p.plusInfos a {
	color: #4c5708;
	font-weight: bold;
	}

#zoomSur li p.plusInfos a:hover {
	text-decoration: underline;
	}



/*

##############################################################################################
	ACTUALITE

*/

#titreBlocActualite h1 {
	width: 1000px;
	height: 35px;
	overflow: hidden;
	color: #5b6d8c;
	font-size: 14px;
	line-height: 35px;
	text-indent: 42px;
	background: url(../images/actu-titreBloc-fond.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}

#actualite {
	position: relative;
	width: 1000px;
	height: 215px;
	overflow: hidden;
	background: url(../images/actu-fond.jpg) left bottom no-repeat;
	}

#scrollActualite {
	position: relative;
	width: 1000px;
	height: 215px;
	overflow-y: auto;
	}

#actualite ul, #actualite li {
	list-style: none;
	}

#actualite ul {
	padding: 25px 0 5px 0;
	}

#actualite li {
	/* width: 499px; */
	width:480px;
	padding-bottom: 25px;
	float: left;
	}

#actualite li h2 {
	margin-left: 27px;
	font-size: 12px;
	line-height: 12px;
	color: #0e4192;
	text-indent: 18px;
	background: url(../images/actu-puce-titres.gif) left 0 no-repeat}

#actualite li h2 a {
	font-size: 12px;
	line-height: 12px;
	color: #0e4192}
	

#actualite li p {
	width: 400px;
	color: #393939;
	font-size: 12px;
	margin: 10px 0 0 27px;
	}

#actualite li p a {
	color: #0e4192;
	font-size: 11px;
	border-bottom: #0e4192 1px dotted}

#actualite li p a:hover {
	border-bottom: #0e4192 1px solid}


/* Le filet du milieu du bloc Actu. Attribué un bloc sur deux pour reproduire le filet central... */

.blocActu .filetMilieu {
	background: url(../images/actu-filet-milieu.gif) left top repeat-y;
	}

#actu_piedMiroir {
	height: 50px;
	}



/*

##############################################################################################
	PIED DE PAGE

*/

#piedPage {
	height: 33px;
	background: url(../images/piedPage-fond.gif) left center repeat-x;
	}

#piedPage p {
	font-size: 12px;
	color: #626262;
	line-height: 33px;
	float: left;
	margin: 0;
	padding: 0;
	}

#piedPage p a {
	color: #949494;
	float: left;
	}

#piedPage img {
	float: left;
	}