@charset "utf-8";
/* CSS Document */
/* 
	couleur principale : e52f7e e52f7e
	couleur secondaire : e8b50e e8b50e

*/

/********** ANNONCE COMMERCIAUX *********************/
#annonce_comm {
	background: #f59e01;
	border: 1px solid #999999;
	color: #ffffff;
	padding: 3px;
	font-size: 13px;
	font-weight: bold;
}


/****************************************************/
/********* FACEBOOK *************************************/
a#face_bk img {
	border: 0px;
}
a#face_bk {
	width: 30px;
	display: block;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/*debut tag cloud*/

.tagcloud 
{
   background-color: #EEFFEE; 
   width: 455px; /* couleur de fond du tableau+taille */ 
   border: 1px solid #BFBFBF; /* bordure+couleur du tableau */ 
   padding: 2px; /* espace entre la bordure et le texte */
   text-align: center; /* texte centré */ 
   font-family: Arial, Helvetica, sans-serif; /* style d'écriture */ 
   margin-left:auto;
   margin-right:auto;
   padding:25px;
   
}
.tagcloud a {
	margin:10px;
}
.tagcloud a.CE {
   text-decoration:none; /* pas de décoration sur les liens */
   color:#b1c800;
}
.tagcloud a.CE:hover { /* changement de couleur au passage de la souris */ 
   text-decoration:none; 
   background-color:#FFF; /* couleur d'arriere plan du lien survolé */ 
   color:#e64415; /* couleur du lien survolé */
}
.tagcloud a.Event {
   text-decoration:none; /* pas de décoration sur les liens */
   color:#66c2cc;
}
.tagcloud a.Event:hover { /* changement de couleur au passage de la souris */ 
   text-decoration:none; 
   background-color:#FFF; /* couleur d'arriere plan du lien survolé */ 
   color:#e95f47; /* couleur du lien survolé */
}
.tagcloud a.Particulier {
   text-decoration:none; /* pas de décoration sur les liens */
   color:#e52f7e;
}
.tagcloud a.Particulier:hover { /* changement de couleur au passage de la souris */ 
   text-decoration:none; 
   background-color:#FFF; /* couleur d'arriere plan du lien survolé */ 
   color:#e8b50e; /* couleur du lien survolé */
}

.tagcloud a.Boutique {
   text-decoration:none; /* pas de décoration sur les liens */
   color:#F49E00;
}
.tagcloud a.Boutique:hover { /* changement de couleur au passage de la souris */ 
   text-decoration:none; 
   background-color:#FFF; /* couleur d'arriere plan du lien survolé */ 
   color:#8A221E; /* couleur du lien survolé */
}
/*fin tag cloud*/


body  {
    	font: 12px  Arial, Helvetica, sans-serif;
    	background: #e6e6e6;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #333333;
		background-image:url(images/body_background.jpg);
		background-repeat:repeat-x;
    }
	
	a{
		color:#e52f7e;
		text-decoration:underline;
	}
	a:hover{
		color:#e8b50e;
		text-decoration:underline;
	}
	.clear {
		clear:both;
	}
	
	.mainColor {
		color:#e52f7e;
	}
	
	.secondaryColor {
		color:#e8b50e;
	}
	
	.main {
		width: 1019px;
		background-color:#e6e6e6;
    	margin: 0 auto;
    	text-align: left;
	}
	
	.main #tetiere { 
    	width: 1019px;
		color:#FFFFFF;
    	margin: 0 auto;
    	text-align: center;
		height:45px;
		background-color:#e6e6e6;
		/*background-image:url(images/grenouille.jpg);
		background-repeat:no-repeat;
		background-position:center bottom;*/
    } 
	.main #entete { 
    	width: 1019px;
		background-color:#FFFFFF;
    	margin: 0 auto;
    	text-align: left;
		height:109px;
    }
	
	.main #logoBC{
		float:left;
		width:351px;
		height:109px;
		margin: 0;
		background-color:#FFFFFF;
		background-image:url(images/logo_site.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}

	.main #conteneur{
		float:left;
		background-image:url(../common/backGround.jpg);
		background-repeat:repeat-y;
		width: 1019px;
		margin: 0 auto;	
		height:auto;
		color:#333;
    	text-align: left;
		position:absolute;
	}

	.main #conteneur #contenu{
		margin-right:8px;
		padding-left:11px;
	}
	
	
	
	
	/*** Barre de gauche ***/
	.main #conteneur #contenu #left{
		float:left;
		width:509px;
		background-color:#FFF;
		height:auto;
		text-align:center;
		padding-left:5px;
	}
	
	
	.main #conteneur #left #central{
		background-image:url(images/central.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
		width:509px;
		height:432px;
		margin-top:15%;
		margin-left:auto;
		margin-left:auto;
	}
	
	
	/*** Barre de droite ***/
		
	.main #conteneur #right{
		float:right;
		width:491px;
		height:inherit;
	}
	
	.main #conteneur #right #top {
		height:109px;
		background-image:url(images/top_right.jpg);
		background-repeat:no-repeat;
		background-position:top right;
	}
	
	.main #conteneur #right #top H1 {
		font-size:32px;
		color:#F49E00;
		margin-bottom:10px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-left:65px;
		padding-top:15px;
	}
	
	.main #conteneur #right #top H2 {
		font-size:16px;
		color:#808080;
		margin:0;
		font-weight:bold;
		text-align:left;
		padding-left:65px;
	}
	
	
	.main #conteneur #right .info {
		margin-left:49px;
		padding-left:5px;
		padding-right:15px;
		background-image:url(images/droit_fond_info.jpg);
		background-position:top left;
		background-repeat:repeat-y;
		border-left:2px solid #f2f2f2;
		border-right:2px solid #f2f2f2;
		/*border-top:1px solid #000;*/
	}

	.main #conteneur #right #CE {
		
		height:auto;
		background-image:url(images/droit_CE.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	
	
	.main #conteneur #right #CE:hover{
		height:auto;
		background-image:url(images/droit_CE.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	.main #conteneur #right #CE .titre {
		padding-left:55px;
		padding-right:110px;
		padding-top:15px;
	}
	
	.main #conteneur #right #CE #UnderLined {
		margin-left:50px;
		margin-right:15px;
		border-bottom:1px solid #b1c800;
	}
	
	.main #conteneur #right #CE .titre a {
		color:#B1C800;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #CE .titre a:hover {
		color:#E64415;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #Event {
		
		height:auto;
		background-image:url(images/droit_event.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	.main #conteneur #right #Event:hover {
		
		height:auto;
		background-image:url(images/droit_event.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	.main #conteneur #right #Event .titre {
		padding-left:55px;
		padding-right:110px;
		padding-top:15px;
	}
	
	.main #conteneur #right #Event #UnderLined {
		margin-left:50px;
		margin-right:15px;
		border-bottom:1px solid #66c2cc;
	}
	
	.main #conteneur #right #Event .titre a {
		color:#66c2cc;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #Event .titre a:hover {
		color:#e95f47;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #Particulier {
		
		height:auto;
		background-image:url(images/droit_particulier.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	.main #conteneur #right #Particulier:hover {
		
		height:auto;
		background-image:url(images/droit_particulier.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	.main #conteneur #right #Particulier .titre {
		padding-left:55px;
		padding-right:110px;
		padding-top:15px;
	}
	
	.main #conteneur #right #Particulier #UnderLined {
		margin-left:50px;
		margin-right:15px;
		border-bottom:1px solid #e8b50e;
	}
	
	.main #conteneur #right #Particulier .titre a {
		color:#e8b50e;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #Particulier .titre a:hover {
		color:#e52f7e;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	.main #conteneur #right #Boutique {
		
		height:auto;
		background-image:url(images/droit_boutique.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	.main #conteneur #right #Boutique:hover {
		
		height:auto;
		background-image:url(images/droit_boutique.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	.main #conteneur #right #Boutique .titre {
		padding-left:55px;
		padding-right:110px;
		padding-top:15px;
	}
	
	.main #conteneur #right #Boutique #UnderLined {
		margin-left:50px;
		margin-right:15px;
		border-bottom:1px solid #8a221e;
	}
	
	.main #conteneur #right #Boutique .titre a {
		color:#8a221e;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #Boutique .titre a:hover {
		color:#f49e00;
		font-size:16px;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}
	
	.main #conteneur #right #bottom {
		height:43px;
		background-image:url(images/bottom_right.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	
	/****************/
	/* pied de page */
	/****************/
	.main #footer { 
		float:left;
		position:relative;
		bottom:-82px;
    	width: 1019px;  
		color:#FFFFFF;
    	margin: 0 auto;
    	text-align: left;
		background-image:url(images/footer.jpg);
		background-repeat:no-repeat;
		height:63px;
		padding-top:19px;
    }
	
	.main #footer .onglet {
		display:inline;
		height:34px;
		margin-right:10px;
		margin-left:30px;
		border-left:2px solid #FFFFFF;
		background-position:top left;
		padding-left:20px;
		padding-top:20px;
	}
	
	.main #footer .onglet a {
		height:34px;
		color:#333333;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
	}
	
	.main #footer .onglet a:hover {
		height:34px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
	}