
/************************************************************************
*
*        AFFICHAGE GLOBAL
*
************************************************************************/

	html {
		font-size: 100%; 
	}
	
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, sans-serif;
		font-size: 12px; 
		line-height: 1.25;
		background: url(img/design/back.jpg) #cecece repeat-x;
	}
	
	#global {
		width: 1024px; 
		margin: 0 auto; 
		background: url(img/design/fond-centre.gif) white repeat-y;
	}

/************************************************************************
*
*        HEADER    
*
************************************************************************/
	
	#header {
		width: 1024px;
		clear: both;
	}

	#header_gauche {
		width: 389px;
		height: 230px;
		background: url(img/design/header1.jpg);
	}
	
	#header_droite {
		float: right;
	}
	
	#header_droite2 {
		width: 635px;
		height: 230px;
		background: url("img/design/header2.png") repeat scroll 0 0 transparent;
		position: absolute;
		z-index: 1;
	}
	
/************************************************************************
*
*        CONTENU   
*
************************************************************************/
	
	#centre {
		width: 1024px; 
		overflow: hidden;
		
		/*background: #f2f2f3;*/
		margin-top: 40px;
	}
	
	#centre_accueil {
		width: 964px; 
		overflow: hidden; 
		background: #ffffff;
		margin-top: 40px;
		padding: 30px 30px 0px 30px;
		
	}
	
	#col1_accueil {
		width: 720px;
		/*border: 1px solid red;*/
	}
	
	#col2_accueil {
		width: 210px;
		float: right;
		/*border: 1px solid red;*/
	}
	
	#col1 {
		width: 210px;
		float: left;
		margin: 0;
		padding: 20px 0 0px 0;
		background: #f5f5f5;
	}
	
	#col2 {
		margin-left: 230px;
		padding: 5px 30px 20px 0px;
		color: #666666;
		
		/*border: 1px solid red;*/
	}
	
	
	
/************************************************************************
*
*        FOOTER   
*
************************************************************************/	
	
	#footer {
		height: 125px;
		margin: 0;
		color: white;
		background-image: url(img/design/footer.png);
	}
	
	#footer_accueil {
		height: 125px;
		margin: 0;
		color: white;
		background-image: url(img/design/footer_accueil.jpg);
	}
	
/************************************************************************
*                                                                   
*        PAGINATION
*                                                                              
************************************************************************/

	p.pagination {
		text-align: right;
		padding: 0;
		margin: 0;
		padding-top: 15px;
		font-size: 12px;
	}
	p.pagination a {
		text-decoration: none;
		color: #666666;
	}
	
	p.pagination .fond {
		background-color: #e5e5e5;
		margin-right: 3px;
		padding: 1px 4px 1px 4px;
	}
	
	p.pagination .fond strong {
		font-weight: normal;
		color: #cccccc;
	}

	
/************************************************************************
*                                                                   
*        FORMULAIRES
*                                                                              
************************************************************************/
	table.formulaire {
		width: 100%;
		/*border: 1px solid red;*/
		border-collapse: collapse;
		margin-top: 30px;
	}
	table.formulaire td {
		/*border: 1px solid red;*/
		padding: 0 0 25px 0;
		vertical-align: top;
		
	}
	table.formulaire td.label {
		width: 125px;
		font-weight: bold;
		padding-right: 15px;
	}
	
	table.formulaire input.text {
		width: 100%;
	}
	
	table.formulaire input.bouton {
		float: right;
		margin-left: 15px;
	}
	
	table.formulaire select {
		min-width: 100%;
	}
	
	table.formulaire textarea {
		width: 100%;
		height: 150px;
	}
	
	table.formulaire input.checkbox {
	}
	
	
	table.formulaire td span.asterisque {
		font-size:10px;
		font-style:italic;
	}

/************************************************************************
*                                                                   
*        GENERALITES CATALOGUE
*                                                                              
************************************************************************/
	
	table.catalogue {
		/*border: 1px solid red;*/
		width: 100%;
		border-collapse: collapse;
	}
	
	table.catalogue th {
		/*border: 1px solid red;*/
		padding: 3px 10px 3px 10px;
		background: #dfdbd9;
		text-align: left;
	}
	
	table.catalogue td {
		/*border: 1px solid red;*/
		padding: 3px 10px 3px 10px;
	}
	
	table.catalogue td h2 {
		font-size: inherit;
		color: inherit;
	}
	
	table.catalogue img {
		border-radius: 5px;
	}
	
	p.fil_ariane_catalogue {
		padding: 3px 10px 3px 10px;
		background: #666666;
		color: white;
		text-transform: uppercase;
		font-size: 10px;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
	p.fil_ariane_catalogue a {
		color: white;
		font-weight: bold;
		text-decoration: none;
	}
	
	p.fil_ariane_catalogue a.retour {
		color: white;
		float: right;
		font-weight: normal;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
	#bou_details {
		width:58px;
		height:14px;
		background: #666666;
		float: right;
	}
	
	table.catalogue td ul.mosaique {
		padding: 0;
		text-transform: uppercase;
		margin: 0px;
		text-align: left;
		/*border: 1px solid red;*/
	}
	
	table.catalogue td ul.mosaique li {
		position: relative; 
		list-style: none; 
		float: left;
		padding: 10px 5px 10px 5px;
		border: 1px solid #cccccc;
		width: 155px;
		height: 160px;
		margin: 19px 19px 0px 0;
		text-align: center;
	}
	
	table.catalogue td ul.mosaique li h2 {
		font-size: 12px;
		margin: 0;
		font-weight: normal;
		height: 32px;
	}
	
	table.catalogue td ul.mosaique li a {
		color: #666666;
	}
	
	table.catalogue td ul.mosaique table.photo_categorie {
		width:100%;
		margin-top:10px;
	}
	
	ul.mosaique_doc {
		padding: 0;
		margin: 0px;
		text-align: left;
		/*border: 1px solid red;*/
	}
	
	ul.mosaique_doc li {
		position: relative; 
		list-style: none; 
		float: left;
		padding: 10px 5px 10px 5px;
		/*border: 1px solid #cccccc;*/
		width: 140px;
		height: 110px;
		margin: 10px 10px 0px 0;
		text-align: center;
	}
	
	ul.mosaique_doc li img {
		margin-bottom: 10px;
		width: 60px;
	}
	
	ul.mosaique_doc li a {
		color: #666666;
	}
	
/************************************************************************
*                                                                   
*        CATALOGUE PRODUITS
*                                                                              
************************************************************************/
	
	#img_produit {
		/*border: 1px solid red;*/
		width: 300px;
		
		margin-bottom: 10px;
	}
	
	#img_produit p {
		margin: 0;
		margin-top: 10px;
		text-align: center;
	}
	
	#produit_gauche {
		float: left;
		width: 300px;
		height: 300px;
		margin-top: 15px;
		/*border: 1px solid black;*/
	}
	
	#produit_droite {
		margin-left: 320px;
		/*border: 1px solid green;*/
		margin-top: 15px;
	}
	
	#produit_droite p.fabricant {
		font-size: 18px;
		margin-top: 20px;
	}
	
	#produit_droite h1.designation {
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	#produit_droite p.plus_details {
		margin: 0;
	}
	
	#produit_droite p.reference {
		font-size: 11px;
		text-transform: uppercase;
	}
	
	#produit_droite span.prixfort {
		font-size: 25px;
	}
	
	#produit_droite span.prixpromo {
		font-size: 25px;
		color: green;
	}
	
	#produit_bas {
		/*border: 1px solid green;*/
		margin-top: 50px;
		clear: both;
	}
	
	#produit_bas h2 {
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 1px solid black;
	}
	
	#produit_bas h2 span {
		float: right;
		padding: 0 5px;
	}
	
	#produit_bas p {
		font-size: 12px;
	}
	
	p.infos_supp1 {
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 1px solid black;
		margin-top: 50px;
	}
	
	p.infos_supp2 {
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 1px solid black;
		margin-top: 50px;
	}
	
	p.documentation_produit {
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 1px solid black;
		margin-top: 50px;
	}
	
/************************************************************************
*                                                                   
*        CATALOGUE IMMOBILIER
*                                                                              
************************************************************************/
	
	
	#img_immobilier {
		/*border: 1px solid red;*/
		width: 300px;
		height: 300px;
		margin-bottom: 10px;
	}
	
	#img_immobilier p {
		margin: 0;
		margin-top: 10px;
		text-align: center;
	}
	
	#immobilier_gauche {
		float: left;
		width: 300px;
		height: 400px;
		margin-top: 15px;
		/*border: 1px solid black;*/
	}
	
	#immobilier_droite {
		margin-left: 320px;
		/*border: 1px solid green;*/
		margin-top: 15px;
	}
	
	#immobilier_droite h1 {
		margin-top: 10px;
	}
	
	#immobilier_droite p.designation {
		font-size: 17px;
		margin-top: 10px;
	}
	
	
	#immobilier_droite p.prix {
		background: #F5F5F5;
		font-size: 17px;
		border-left: 5px solid #666666;
		padding: 10px 10px 10px 20px;
	}
	
	#immobilier_droite table.details_financiers {
		width: 100%;
		border-collapse: collapse;
	}
	
	#immobilier_droite table.details_financiers td {
		/*border: 1px solid red;*/
		background: #F5F5F5;
		padding: 3px 20px 3px 10px;
	}
	
	#immobilier_droite p.confort_immobilier {
		text-align: right;
	}
	
	#immobilier_detail {
		/*border: 1px solid green;*/
		margin-top: 10px;
		margin-bottom: 30px;
		clear: both;
	}
	
	#immobilier_detail h2 {
		text-transform: uppercase;
		border-bottom: 1px solid #80cef0;
	}
	
	#immobilier_detail p {
		font-size: 12px;
	}
	
	#immobilier_localisation {
		width: 300px
		height: 184px;
	}
	
	#immobilier_dpe {
		width: 220px
		height: 184px;
		float: right;
	}
	
	#dpe-a {
		color: white;
		font-weight: bold;
		width: 25px;
		height: 167px;
		padding-top: 17px;
		padding-left: 195px;
		background-image: url('img/dpe-a.png');
	}
	
	#dpe-b {
		color: white;
		font-weight: bold;
		width: 25px;
		height: 144px;
		padding-top: 40px;
		padding-left: 195px;
		background-image: url('img/dpe-b.png');
	}
	
	#dpe-c {
		color: white;
		font-weight: bold;
		width: 30px;
		height: 121px;
		padding-top: 63px;
		padding-left: 190px;
		background-image: url('img/dpe-c.png');
	}
	
	#dpe-d {
		color: white;
		font-weight: bold;
		width: 30px;
		height: 98px;
		padding-top: 86px;
		padding-left: 190px;
		background-image: url('img/dpe-d.png');
	}
	
	#dpe-e {
		color: white;
		font-weight: bold;
		width: 30px;
		height: 75px;
		padding-top: 109px;
		padding-left: 190px;
		background-image: url('img/dpe-e.png');
	}
	#dpe-f {
		color: white;
		font-weight: bold;
		width: 30px;
		height: 52px;
		padding-top: 132px;
		padding-left: 190px;
		background-image: url('img/dpe-f.png');
	}
	#dpe-g {
		color: white;
		font-weight: bold;
		width: 30px;
		height: 29px;
		padding-top: 155px;
		padding-left: 190px;
		background-image: url('img/dpe-g.png');
	}
	
	#no-dpe {
		width: 220px;
		height: 184px;
		background-image: url('img/no-dpe.png');
	}

/************************************************************************
*                                                                   
*        CALENDRIER DYNAMIQUE
*                                                                              
************************************************************************/
	.ds_box {
		background-color: #FFF;
		border: 1px solid #000;
		position: absolute;
		z-index: 32767;
	}
	
	.ds_tbl {
		background-color: #FFF;
	}
	
	.ds_head {
		background-color: #333;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
	}
	
	.ds_subhead {
		background-color: #CCC;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		width: 32px;
	}
	
	.ds_cell {
		background-color: #EEE;
		color: #000;
		font-size: 13px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px;
		cursor: pointer;
	}
	
	.ds_cell:hover {
		background-color: #F3F3F3;
	} /* This hover code won't work for IE */
	
	
/************************************************************************
*                                                                   
*        LIGHTBOX
*                                                                              
************************************************************************/	
	
	#lightbox {
        display : none; /* Par défaut, on cache l'overlay */

        position: absolute;
        top: 0; 
		left: 0;
        width: 100%; 
		height: 100%;
        text-align: center; /* Pour centrer l'image que l'overlay contiendra */

        /* Ci-dessous, j'applique un background de couleur noire et d'opacité 0.6. Il s'agit d'une propriété CSS3. */
        background-color: rgba(0,0,0,0.3);
		z-index: 1000;
      }

      #lightbox img {
        margin-top: 100px;
      }

/************************************************************************
*                                                                   
*        ARTICLES
*                                                                              
************************************************************************/
	
	h1.titre_cate_articles {
		text-align: right;
	}
	
	table.liste_articles {
		/*border: 1px solid red;*/
		border-collapse: collapse;
		margin-bottom: 20px;
		background: #f5f5f5;
		width: 100%;
	}
	
	table.liste_articles td {
		vertical-align: top;
		padding: 10px;
	}
	
	table.liste_articles td h2 {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	table.liste_articles td h2 a {
		font-size: 13px;
		font-weight: bold;
		color: #80cef0;
	}
	
	table.liste_articles td p.infos_article {
		margin: 0 0 0 0;
		font-style: italic;
		font-size: 10px;
	}
	
	table.liste_articles td.illustration_article {
		width: 130px;
	}
	
	table.liste_articles td a.lire_la_suite {
		text-decoration: underline;
		font-style: italic;
	}
	
	p.navigation_articles {
		margin-top: 30px;
	}
	
	p.navigation_articles a {
		text-decoration: none;
	}
	
	
/************************************************************************
*
*        PLAN DU SITE  
*
************************************************************************/

	ul.sitemap {
		
	}
	
	ul.sitemap li.niveau1 {
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 20px;
		list-style: none; 
	}
	
	ul.sitemap li.niveau2 {
		display:list-item;
		/*list-style-image : url(./img/niveau2.png);*/
		list-style-position:inside;
		margin-left: 20px;
	}
	
	ul.sitemap li.niveau3 {
		display:list-item;
		/*list-style-image : url(./img/niveau3.png);*/
		list-style-position:inside;
		margin-left: 40px;
	}
	
	ul.sitemap li.niveau4 {
		display:list-item;
		/*list-style-image : url(./img/niveau4.png);*/
		list-style-position:inside;
		margin-left: 60px;
	}

/************************************************************************
*                                                                   
*        DOCUMENTATION
*                                                                              
************************************************************************/
	
	table.liste_documents {
		/*border: 1px solid red;*/
		border-collapse: collapse;
		margin-bottom: 20px;
		background: #cccccc;
		width: 100%;
	}
	
	table.liste_documents td {
		vertical-align: top;
		padding: 10px;
	}


/************************************************************************
*                                                                   
*        MENTIONS LEGALES
*                                                                              
************************************************************************/
	
	table.mentions {
		width:100%;
		border-spacing:5px;
	}
	
	table.mentions td {
		border:1px solid #cccccc;
		padding: 5px;
		vertical-align: top;
	}

/************************************************************************
*                                                                   
*        BALISES TITRES
*                                                                              
************************************************************************/	
	
	h1 {
		font-size: 19px;
		font-weight: bold;
		color: #00ACE5;
		margin-top: 0;
	}
	
	h2 {
		font-size: 13px;
		font-weight: bold;
		color: #80cef0;
		margin-top: 0;
	}
	
	h3 {
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		margin-top: 0;
	}
	
	h4 {
		font-size: 15px;
		font-weight: bold;
		color: #000000;
		margin-top: 0;
	}
	
	h5 {
		font-size: 13px;
		font-weight: bold;
		color: #000000;
		margin-top: 0;
	}
	
	h6 {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		margin-top: 0;
	}
	
/************************************************************************
*                                                                   
*        ELEMENTS DIVERS
*                                                                              
************************************************************************/		
	
	a img {
		border: none; 
	}
	
	a {
		color: #666666;
		text-decoration: none;
	}
	
	.cellule_grise {
		background-color: #f2f2f2;
	}
	
	.cellule_blanche {
		background-color: white;
	}
	
	#boiteInfo {
		width: 300px;
		padding: 4px;
		font: 12px Helvetica, Arial, sans-serif;
		left: 50%;
		top: 30%;
		margin-top: -12px;
		margin-left: -100px;
		display: none;
		text-align: center;
		border: #d0d0d0 2px solid;
		background: #fff;
	}
	
	#clear {
		clear: both;
	}

/************************************************************************
*
*        MAINTENANCE  
*
************************************************************************/

	body.maintenance {
		background: white;
	}
	
	#maintenance_header {
		width: 1024px;
		margin: auto;
		margin-top: 50px;
		/*border: 1px solid red;*/
	}
	#maintenance_header h1 {
		text-align: center;
		font-size: 15px;
	}
	#maintenance_header h1 a {
		text-align: center;
		color: #97c00e;
	}
	#maintenance_col1 {
		width: 1024px;
		height: 87px; 
		background: url(img/maintenance/maintenance_1.jpg);
		background-repeat: no-repeat;
		margin: auto;
		margin-top: 60px;
		padding-top: 250px;
	}
	#maintenance_col1 p {
		text-align: center;
	}
	#maintenance_col1 p strong {
		color: #97c00e;
	}
	#maintenance_footer {
		width: 1024px;
		margin: auto;
		margin-top: 70px;
	}
	#maintenance_footer p {
		text-align: center;
	}
	
/************************************************************************
*
*        ERREUR 404  
*
************************************************************************/	
	
	#erreur404 {
		color: black;
		font-family: Arial, Helvetica, sans-serif;
		/*border: 1px solid red;*/
		float: right;
		margin-right: -30px;
	}
	
	#erreur404 h1 {
		font-size: 14px;
		
	}
	
	#erreur404 p {
		font-size: 12px;
		margin: 0;
	}
	
	#erreur404 a {
		font-weight: bold;
		text-decoration: underline;
		color: black;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_erreursucces
*                                                                              
************************************************************************/

	p.erreur {
		color: red;
		margin-top: 0;
		border: 1px solid red;
		padding: 10px;
	}
	
	p.succes {
		color: green;
		margin-top: 0;
		border: 1px solid green;
		padding: 10px;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_reseauxsoc
*                                                                              
************************************************************************/

	#affiche_reseauxsoc {
		/*border: 1px solid red;*/
		display: block;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
		width: 250px;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_membres
*                                                                              
************************************************************************/

	#affiche_membres {
		/*border: 1px solid red;*/
		width: 200px;
		margin: 0 0 0 0;
		float: right;
	}
	
	#affiche_membres p {
		margin: 0;
		margin-top: -5px;
	}
	
	#affiche_membres p a {
		text-transform: none;
		color: white;
		text-decoration: none;
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_motscles
*                                                                              
************************************************************************/	
	
	#affiche_motscles {
		width: 500px;
		padding-left: 20px;
		float: right;
		/*border: 1px solid blue;*/
	}
	
	#affiche_motscles p {
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0;
		color: #c7abbc;
		text-align: right;
		/*border: 1px solid red;*/
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_motscles2
*                                                                              
************************************************************************/	
	
	#affiche_motscles2 {
		width: 1024px;
		/*border: 1px solid blue;*/
		margin: auto;
		text-align: justify;
		margin-bottom: 30px;
	}
	
	#affiche_motscles2 p {
		font-size: 10px;
		margin-top: 10px;
		text-align: justify;
		color: #666666;
		/*border: 1px solid red;*/
	}

/************************************************************************
*
*        MODULE : affiche_menuderoulant    
*
************************************************************************/
	
	#affiche_menuderoulant {
		width: 994px;
		min-height: 40px;
		padding: 4px 10px 0 20px;
		background: url(img/design/menu.jpg) repeat-x;
		font-size: 12px;
		position:absolute;
		z-index:2;
	}
	
	#affiche_menuderoulant ul.niveau1 {
		padding: 0;
		text-transform: uppercase;
		margin: 0px;
		text-align: left;
		/*border: 1px solid red;*/
	}
	
	#affiche_menuderoulant ul.niveau1 li {
		position: relative; 
		list-style: none; 
		float: left;
		padding: 10px 5px 10px 5px;
		/*border: 1px solid red;*/
	}
	
	#affiche_menuderoulant ul.niveau1 li.accueil {
		padding: 7px 10px 0 0;
	}
	
	#affiche_menuderoulant ul.niveau1 li:hover { 
		background: none;
	} 
	
	#affiche_menuderoulant ul.niveau1 li.separateur { 
		font-family:Arial;
		font-size:18px;
		color: #999999;
		padding-left: 10px;
		padding-right: 10px;
		padding-top:7px;
		padding-bottom: 0px;
		margin-top:0;
		font-weight: bold;
		/*border: 1px solid red;*/
	}
	
	#affiche_menuderoulant ul.niveau1 li.separateur:hover { 
		background: none;
	} 
	
	#affiche_menuderoulant ul.niveau1 li a {
		color: #6a1e4c;
		text-decoration: none;
		display: block;
		letter-spacing: 1px;
	}
	
	#affiche_menuderoulant ul.niveau1 li a:hover {
		color: #3eb0e1;
		text-decoration: none;
		/*font-weight: bold;*/
	}
	
	#affiche_menuderoulant ul.niveau2 {
		position: absolute;
		display: none;
		padding: 0;
		margin-left: -5px;
		margin-top: 10px;
		width: 160px;
		z-index: 10000;
		/*border: 1px solid green;*/
	}
	
	#affiche_menuderoulant ul.niveau2 li {
		background: #80cef0;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		border-top: 1px solid #e8e5e5;
		padding: 0;
	}
	
	#affiche_menuderoulant ul.niveau2 li:hover { 
		background: #aae0f7;
	} 
	
	
	
	#affiche_menuderoulant ul.niveau2 li a:first-letter {
		text-transform: capitalize;
	}
	
	#affiche_menuderoulant ul.niveau2 li a {
		text-decoration: none;
		text-transform: none;
		color: #ffffff;
		letter-spacing: 1px;
		display: block;
		font-size: 11px;
		padding: 4px 5px 4px 17px; 
	}
	
	#affiche_menuderoulant ul.niveau2 li a:hover {
		color: #ffffff;
	}

	#affiche_menuderoulant ul.niveau3 {
		position: absolute;
		display: none;
		padding: 0;
		width: 160px;
		/*border: 1px solid green;*/
		top: -1px; 
		margin-left: 160px;
	}

	#affiche_menuderoulant ul.niveau3 li { 
		background: #80cef0;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		border-top: 1px solid #e8e5e5;
		padding: 0;
	}
	#affiche_menuderoulant ul.niveau3 li:hover { 
		background: #aae0f7;
	} 
	
	
	
	#affiche_menuderoulant ul.niveau4 {
		position: absolute;
		display: none;
		padding: 0;
		width: 160px;
		/*border: 1px solid green;*/
		top: -1px; 
		margin-left: 160px;
	}

	#affiche_menuderoulant ul.niveau4 li { 
		background: #80cef0;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		border-top: 1px solid #e8e5e5;
		padding: 0;
	}
	#affiche_menuderoulant ul.niveau4 li:hover { 
		background: #aae0f7;
	} 
	
	#affiche_menuderoulant ul.niveau1 li.sousmenu:hover ul.niveau2, 
	#affiche_menuderoulant ul.niveau2 li.sousmenu:hover ul.niveau3,
	#affiche_menuderoulant ul.niveau3 li.sousmenu:hover ul.niveau4 {
		display: block;
	}
	
/************************************************************************
*
*        MODULE : affiche_bandeaux
*
************************************************************************/

	#slider1 {
		list-style-type: none;
		list-style-position: inside;
		padding: 0;
		margin: 0;
	}
	
	li.slide {
		width: 635px;
		height: 230px;
	}
	
	#fond_txt_slide {
		background-image: url(up/);
		width: 0px;
		height: 0px;
		margin: 0px 0px;
		padding: 20px;
	}
	
		
	#slideIE {
		width: 635px;
		height: 230px;
		padding: 0px 0px;
	}
	
	#fond_txt_slide_IE {
		background-image: url(up/);
		width: 0px;
		height: 0px;
		padding: 20px;
	}
	
	div.anythingSlider-cs-portfolio .thumbNav a:hover, div.anythingSlider-cs-portfolio .thumbNav a.cur,
div.anythingSlider-cs-portfolio.activeSlider .thumbNav a:hover, div.anythingSlider-cs-portfolio.activeSlider .thumbNav a.cur {
		background-color: #6a1e4c;
	} /*Feuille CSS d'origine : theme-cs-portfolio.css*/

/************************************************************************
*                                                                   
*        MODULE : affiche_filariane
*                                                                              
************************************************************************/

	#affiche_filariane {
		height:15px;
		
		color: #666666;
		padding: 5px 0 0px 0px;
		font-size: 11px;
		/*border: 1px solid red;*/
		margin-bottom: 20px;
	}
	
	#affiche_filariane p {
		margin: 0;
	}
	
	#affiche_filariane a {
		color: #666666;
		text-decoration: underline;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_menu_secondaire
*                                                                              
************************************************************************/
	
	p.nom_rubrique {
		text-transform: uppercase;
		color: #6A1E4C;
		font-weight: bold;
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	
	ul.affiche_menu_secondaire {
		list-style-type: none;
		/*border: 1px solid black;*/
		margin: 0;
		margin-bottom: 35px;
		padding: 0;
	}
	
	ul.affiche_menu_secondaire li {
		width: 210px;
		background-color: #6b1f4d;
		/*border: 1px solid green;*/
		/*text-indent: 20px;*/
		margin: 0 0 1px 0;
		text-align: left;
	}
	
	ul.affiche_menu_secondaire li.menu_actif {
		width: 210px;
		background: #92557a;
	}
	
	ul.affiche_menu_secondaire a.menu_actif {
		color: white;
	}
	
	ul.affiche_menu_secondaire li:hover {
		width: 210px;
		background: #92557a;
		
	}
	
	ul.affiche_menu_secondaire li a {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		/*border: 1px solid red;*/
		display: block;
		padding: 4px 20px 4px 20px;
	}
	
	ul.affiche_menu_secondaire li a:hover {
		color: white;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_speedlinks
*                                                                              
************************************************************************/
	
	#affiche_speedlinks {
		width: 100%;
		/*border: 1px solid red;*/
	}
	
	#affiche_speedlinks a {
		text-decoration: none;
		color: black;
	}
	
	#affiche_speedlinks a:hover {
		text-decoration: none;
		color: #666666;
	}
	
	#affiche_speedlinks p.speedlink_titre {
		margin: 0;
		font-weight: bold;
		padding-top: 0px;
		/*border: 1px solid red;*/
		text-transform: uppercase;
	}
	
	#affiche_speedlinks p.speedlink_descriptif {
		color: black;
		margin-top: 5px;
		margin-bottom: 20px;
		/*border: 1px solid red;*/
	}
	
	#affiche_speedlinks p.image_sl {
		margin: 0px 0 5px 0;
		text-align: center;
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_coordonnees
*                                                                              
************************************************************************/
	
	
	#adresse p {
		margin: 0;
		padding: 45px 80px 0 0;
		text-align: right;
		width: 924px;
	}
	
	#horaires {
		float:right;
	}
	
	#horaires p {
		margin: 0;
		padding: 20px 20px 0 20px;
		width: 400px;
		text-align: right;
		/*border: 1px solid green;*/
		vertical-align: middle;
	}
	
	#telephone {
		padding: 10px 80px 0 0;
		text-align: right;
		width: 924px;
	}
	
	#telephone p {
		margin: 0;
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_menufooter
*                                                                              
************************************************************************/	
	
	#affiche_menufooter {
		/*border: 1px solid #5791c8;*/ /* évite un bug d'affichage sous IE chrome safari */
	}
	
	#affiche_menufooter table {
		/*border: 1px solid red;*/
		margin: auto;
		/*width: 80%;*/
		margin-top: 30px;
		margin-bottom: 30px;
		border-collapse: separate;
		border-spacing: 20px 0;
	}
	#affiche_menufooter table td {
		text-transform: uppercase;
		text-align: center;
		color: #cccccc;
		font-weight: normal;
		font-size:10px;
		letter-spacing: 2px;
		padding-bottom: 5px;
		vertical-align: top;
		/*border: 1px solid red;*/
	}
	
	#affiche_menufooter table td a {
		color: #cccccc;
		font-weight: normal;
		font-size:10px;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: none;
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_copyright
*                                                                              
************************************************************************/		
	
	#affiche_copyright {
	
	}
	
	#affiche_copyright p {
		text-align: center;
		color: #666666;
	}
	
	#affiche_copyright a {
		text-decoration: none;
		color: #666666;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_fluxrss
*                                                                              
************************************************************************/

	#affiche_fluxrss {
		float: left;
		width: 210px; /*Compatibilité : doit être de la taille de la colonne où ce module est suscpetible d'être affiché*/
		/*border: 1px solid red;*/
		margin-top: 20px;
	}
	
	#element_fluxrss:first-child {
		margin-top: 0;
	}
	
	#element_fluxrss {
		width: 100%; 
		text-align: left; 
		background-color: #f5f5f5;
		border: 1px solid #cccccc; 
		margin: 6px 0 6px 0;
	}
	
	#element_fluxrss p.titre_fluxrss {
		margin:0;
		margin-bottom: 5px;
		/*border: 1px solid red;*/
		padding: 0 5px 0 5px;
	}
	
	#element_fluxrss p.date_fluxrss {
		margin: 0;
		margin-bottom: 0px;
		/*border: 1px solid red;*/
		padding: 5px 5px 0 5px;
	}
	
	#element_fluxrss img {
		float: left;
		margin: 0 10px 0 0; 
		width: 70px;
		display: none; /*Masque les images du flux*/
	}
	
	#element_fluxrss p.description_fluxrss {
		margin:0;
		margin-bottom: 5px;
		/*border: 1px solid red;*/
		padding: 0 5px;
		text-align: left;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_derniers_articles
*                                                                              
************************************************************************/
	#affiche_derniers_articles {
		width: 100%;
		/*border: 1px solid red;*/
	}
	
	#affiche_derniers_articles table {
		border-collapse: collapse;
		width: 100%;
		text-align: left;
		margin: 0 0 10px 0;
	}
	
	#affiche_derniers_articles table th {
		text-transform: uppercase;
		padding-bottom: 15px;
		margin: 0;
		color: #6a1e4c;
		font-size: 17px;
		font-weight: normal;
		/*border: 1px solid red;*/
	}
	
	#affiche_derniers_articles table th a {
		color: #6a1e4c;
	}
	
	#affiche_derniers_articles table td {
		font-size: 12px;
		padding: 2px 10px 2px 10px;
		color: #666666;
		/*border-top: 1px solid #a4a3a3;
		border-bottom: 1px solid #a4a3a3;
		border-right: 1px solid #a4a3a3;*/
		vertical-align: top;
	}
	
	#affiche_derniers_articles table td i {
		font-size: 10px;
		display: block;
		margin-bottom: 10px;
	}
	
	#affiche_derniers_articles table td a {
		color: #666666;
	}
	
	#affiche_derniers_articles table td.col1 {
		text-align: left;
		border-right: none;
		width: 100px;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_edito
*                                                                              
************************************************************************/

	#affiche_edito {
		width: 720px;
		/*border: 1px solid red;*/
		padding-bottom: 5px;
	}
	
	#affiche_edito p.titre {
		margin-top: 0;
		text-transform: uppercase;
		padding-bottom: 5px;
		color: #6a1e4c;
		font-size: 17px;
		letter-spacing: 1px;
	}
	
	#affiche_edito p {
		text-align: justify;
		color: #666666;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_logo_site
*                                                                              
************************************************************************/

	p.affiche_logo_site {
		position:absolute;
		z-index:1;
		margin-top: 30px;
		margin-left: 25px;
	}

/************************************************************************
*                                                                   
*        MODULE : affiche_catalogue_secondaire
*                                                                              
************************************************************************/
	
	ul.affiche_catalogue_secondaire_niveau1 {
		list-style-type: none;
		/*border: 1px solid black;*/
		margin: 0;
		margin-bottom: 35px;
		padding: 0;
	}
	
	ul.affiche_catalogue_secondaire_niveau1 li {
		position: relative; 
		list-style: none;
		background-color: #e9e8e8;
		width: 210px;
		text-align: left;
		margin: 0 0 1px 0;
		text-align: left;
	}
	
	ul.affiche_catalogue_secondaire_niveau1 li:hover {
		width: 210px;
		background: #cdcdcd;
	}
	
	ul.affiche_catalogue_secondaire_niveau1 li a {
		text-decoration: none;
		color: #666666;
		display: block;
		font-size: 12px;
		padding: 4px 20px 4px 20px;
		font-weight: normal;
	}
	
	ul.affiche_catalogue_secondaire_niveau1 li a:hover {
		color: white;
	}
	
	ul.affiche_catalogue_secondaire_niveau2 {
		list-style-type: none;
		position: absolute;
		display: none;
		padding: 0;
		width: 210px;
		/*border: 1px solid green;*/
		top: -1px; 
		margin-left: 210px;
		z-index: 10000;
	}
	
	ul.affiche_catalogue_secondaire_niveau2 li { 
		background-color: #e9e8e8;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		border-top: 1px solid white;
		border-left: 1px solid white;
		padding: 0;
	}
	ul.affiche_catalogue_secondaire_niveau2 li:hover { 
		width: 210px;
		background-color: #cdcdcd;
	} 
	
	ul.affiche_catalogue_secondaire_niveau3 {
		list-style-type: none;
		position: absolute;
		display: none;
		padding: 0;
		width: 210px;
		/*border: 1px solid green;*/
		top: -1px; 
		margin-left: 210px;
		z-index: 100000;
	}

	ul.affiche_catalogue_secondaire_niveau3 li { 
		background: #e9e8e8;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		border-top: 1px solid white;
		border-left: 1px solid white;
		padding: 0;
	}
	
	ul.affiche_catalogue_secondaire_niveau3 li:hover { 
		width: 210px;
		background: #cdcdcd;
	} 
	
	ul.affiche_catalogue_secondaire_niveau1 li.sousmenu:hover ul.affiche_catalogue_secondaire_niveau2, 
	ul.affiche_catalogue_secondaire_niveau2 li.sousmenu:hover ul.affiche_catalogue_secondaire_niveau3,
	ul.affiche_catalogue_secondaire_niveau3 li.sousmenu:hover {
		display: block;
	}
	
/************************************************************************
*                                                                   
*        MODULE : affiche_affiliation
*                                                                              
************************************************************************/	
	
	#affiche_affiliation {
		/*border: 1px solid green;*/
		margin-top: 10px;
		clear: both;
	}
	
	#affiche_affiliation ul.affiliation {
		padding: 0;
		margin: 0px;
		text-align: left;
		/*border: 1px solid red;*/
	}
	
	#affiche_affiliation ul.affiliation li {
		position: relative; 
		list-style: none; 
		float: left;
		padding: 10px 5px 10px 5px;
		border: 1px solid #cccccc;
		width: 105px;
		height: 120px;
		margin: 10px 10px 0px 0;
		text-align: center;
	}
	
	#affiche_affiliation ul.affiliation li h3 {
		font-size: 12px;
		margin: 0;
		font-weight: normal;
		height: 32px;
		margin-bottom: 15px;
	}
	
	#affiche_affiliation ul.affiliation li a {
		color: #666666;
	}
	
	
	