/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
}

body {
	background-color:#000000;
}

.line {
	clear:both;
	font-size:0px;
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #00f;
}

*:focus {
 outline: none;
}

/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
} 

/* ------ GALERIES ------ */


/* ------ CONTACT ------ */

div.contact_frame {
 /*border-top: 1px solid #eee;*/
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 /*border: 1px solid #eee;
 border-top: none;*/
}

div.contact_line div.contact_field_name {
 float: left;
 width: 160px;
 padding: 7px 0 0 0;
 font-weight: bold;
 font-size:11px;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
 /*background: #f5f5f5;*/
}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 /*float: right;
 margin: 10px 8px 0 0;*/
}

div.contact_error {
 /*border: 1px solid #a00;*/
 padding: 3px 6px;
 color: #ca257c;
 font-size: 11px;
/* background: #fee;*/
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
/* width: 95%;*/
	float: left;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
 background: #000 url(../img/block/header/bg-header.jpg) center top no-repeat;

}

#page {
 width: 980px;
 margin: auto;
}

#header {
 /*background: #eee;*/
 height:336px;
}
	/* logo */
	div.logo {
		width:980px;
		margin:0px auto;
	}
	#header img.logo{
		display:block;
		position:relative;
		left:60px;
	}
	
	/* menu de haut */
	#header .bloc-menu-haut {
		background:url(../img/block/header/bg-menu-top.jpg) left top repeat-x;
		height:50px;
		position:relative;
		top:156px;
	}
		#header .bloc-menu-haut div.zone-menu-haut {
			width:980px;
			margin:0px auto;
		}
		#header .bloc-menu-haut ul{
			list-style:none;
			margin:0px;
			padding:0px;
			position:relative;
			top:11px;
			left:15px;
			
			margin:0px auto;
			float:left;
		}
			#header .bloc-menu-haut ul li{
				float:left;
				background:url(../img/block/header/sep-mnu-top.jpg) left top no-repeat;
				text-align:center;
				text-transform:uppercase;
				font:bold 11px Arial, Helvetica, sans-serif;
				height:27px;
				padding:0px 16px 0px 21px;
			}
			
			#header .bloc-menu-haut ul li.last{
			padding-left:0px;
			width:5px;
			
			padding-right:0px;
			}
				#header .bloc-menu-haut ul li a{
					color:#000000;
					background:url(../img/block/header/puce-mnu-top.jpg) left center no-repeat;
					padding:5px 0px 5px 15px;
					position:relative;
					top:7px;
				}
					#header .bloc-menu-haut ul li a:hover{
						background-image:url(../img/block/header/puce-mnu-top-hover.jpg);
						color:#FFFFFF;
					}
		
		
#pages { 
	background:url(../img/block/header/bg-body.jpg) left top repeat-x;
}

#body {
 /*margin: 5px 0;*/
}

#body #wrapper {
 height: 100%;
 float: right;
 width:750px;
 
 /*background: #eee;*/
}

	/* contenu du site */
	#contenu { }
	#wrapper #contenu h2 {
		font:bold 14px Verdana, Arial, Helvetica, sans-serif;
		color:#ff9200;
		background:url(../img/block/contenu/ico-titre.png) left top no-repeat;
		padding-left:45px;
		height:36px;
		padding-top:20px;
		
		/*text-transform:capitalize;*/
	}
	
	#wrapper #contenu {
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
		color:#858484;
		line-height:20px;
		padding-bottom:15px;
	}
	
		#wrapper #contenu a {
			color:#ff9200;
		}
		
		#wrapper #contenu a.article_plus {
			color:#FFFFFF;
			font-weight:bold;
			background:url(../img/block/actualite/puce-blance.png) right center no-repeat;
			padding-right:10px;
		}
		
		#wrapper #contenu .Titre1, h2.titre_galerie{
			background:url(../img/block/contenu/ico-titre-1.png) left top no-repeat!important;
			height:25px!important;
			padding-left:30px!important;
			padding-top:13px!important;
			font:bold 12px Verdana, Arial, Helvetica, sans-serif!important;
			color:#ca257c!important;
			display:block!important;
			clear:both!important;
			float:none!important;
		}
		
		h2.titre_galerie{}
		
		#wrapper #contenu ul {
			list-style:none;
			padding:0px;
			padding:0px;
		}
			#wrapper #contenu ul li {
				background:url(../img/block/contenu/ico-jaune.png) left 7px no-repeat;
				padding-left:10px;
			}
			
		#wrapper #contenu p.msg_erreur {
			font-weight:bold;
			color:#ca257c;
		}
		#wrapper #contenu a.bouton_suivant {
			background:url(../img/block/newsletter/btn-orange.png) left top no-repeat;
			width:75px;
			height:22px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			display:block;
			color:#000000;
			padding-top:5px;
			padding-left:3px;
			margin-left:207px;
			margin-top:15px;
		}
			#wrapper #contenu a.bouton_suivant:hover {
				text-decoration:none!important;
			}
			
		#wrapper #contenu input[type='submit'] {
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			background:url(../img/block/contenu/btn-orange-gd.png) 12px top no-repeat;
			width:160px;
			height:22px;
			cursor:pointer;
			border:none;
			margin-left:155px;
		}
	
	
	/* fin contenu du site */


#body #left {
 /*background: #cce;*/
 width: 200px;
 float: left;
 min-height: 300px;
 margin-top:23px;
}

	/* categorie */
	#left div.bloc-mauve{ width:198px; }
	div.bloc-mauve div.head{
		background:url(../img/block/categorie/hd-bloc-mauve.png) left top no-repeat;
		width:198px;
		height:54px;
	}
	div.bloc-mauve div.body{
		background:url(../img/block/categorie/bg-bloc-mauve.png) left top repeat-y;
	}
		
				/* menu en accordéon */
					#accordion {
						margin:0px;
						padding:0px;
					}
					#accordion h2.acc_toggler {
						margin:0px;
						padding:0px;
						font:bold 11px Arial, Helvetica, sans-serif;
						text-transform:uppercase;
					}
						#accordion h2.acc_toggler a{
							display:block;
							background:url(../img/block/categorie/bg-categorie.png) left top no-repeat;
							height:32px;
							padding-left:45px;
							padding-top:10px;
							color:#000033;
						}
							#accordion h2.acc_toggler a:hover{
								background-image:url(../img/block/categorie/bg-categorie-hover.png);
								padding-top:11px;
							}
						/* sous categorie */
						#accordion div.acc_element {
							
						}
						#accordion div.acc_element h3 {
							font:bold 12px Arial, Helvetica, sans-serif;
							padding-left:50px;
							padding:5px 0px 5px 50px;
						} 
							#accordion div.acc_element h3 a {
								color:#000000;
								background:url(../img/block/categorie/puce-noir.jpg) left center no-repeat;
								padding-left:10px;
							} 
								#accordion div.acc_element h3 a:hover {
								background-image:url(../img/block/categorie/puce-blanche.jpg);
								color:#FFFFFF;	
								}
						#accordion div.espace {
							height:50px;
						}
					
					/* fin menu en accordéon */
		
	div.bloc-mauve div.foot{
		background:url(../img/block/categorie/ft-bloc-mauve.png) left top no-repeat;
		height:15px;
	}
	
	/* fin categorie */
	
	/* bloc gris */
	div.bloc-gris {
		width:196px;
	}
	div.bloc-gris div.head {
		background:url(../img/block/gris/hd-bloc-gris.png) left top no-repeat;
		height:43px;
	}
	div.bloc-gris div.body {
		background:url(../img/block/gris/bg-bloc-gris.png) left top repeat-y;
		padding:5px 0px;
	}
			/* actualite */
				/* zone actualite */
					div.actus {
						margin-top:25px;
					}
					div.actus h2, div.horaire h2 {
						margin:0px;
						padding:0px;
						background:url(../img/block/gris/bg-titre-actualite.png) left top no-repeat;
						width:194px;
						height:44px;
						margin:0px auto 10px auto;
					}
						div.actus h2 span{
							position:relative;
							top:12px;
							left:45px;
						}
					#actualites {
						margin:auto;
						font:normal 12px Verdana, Arial, Helvetica, sans-serif;
						color:#2a2a2a;
						border:none;
					}
					
					#actualites .actualite h3 {
						display:none;
					}
					
					#actualites .actualite p {
						min-height:135px;
						max-height:135px;
						overflow:hidden;
						margin-bottom:25px;
					}
					
					#actualites .actualite a.actu_suite {
						font:bold 11px Verdana, Arial, Helvetica, sans-serif;
						color:#FFFFFF;
						background:url(../img/block/actualite/puce-blance.png) right center no-repeat;
						padding-right:15px;
						display:inline;	
					}
						
				/* fin actualite */
		    /* fin actualite */
			
			/* newsletter */
			div.newsletters {
				margin-bottom:25px;
			}
			div.newsletters div.head {
				background-image:url(../img/block/newsletter/hd-newsletter.png);
				height:78px;
			}
			
			div.newsletters div.body {
				padding-bottom:20px;
			}
			
				div.body div.zone-newsletter {
					background:url(../img/block/newsletter/newsletter.jpg) left top no-repeat;
					width:134px;
					height:16px;
					position:relative;
					margin:0px auto 0px auto;
				}
				
					 div.zone-newsletter input[type='text'] { 
					 	position:absolute;
						top:0px;
						left:4px;
						border:none;
						background:none;
						width:125px;
						height:16px;
						font:normal 11px Verdana, Arial, Helvetica, sans-serif;
						color:#000000;
					 }
 					 div.zone-newsletter input[type='submit'] {  
						 position:absolute;
						 top:40px;
						 left:25px;
						 background:url(../img/block/newsletter/btn-orange.png) 6px top no-repeat;
						 width:81px;
						 height:22px;
						 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
						 color:#2a2a2a;
						 border:none;
						 cursor:pointer;
					 }
			
			/* fin newsletter */
			
			/* horaire */
			div.horaire h2 {
				position:relative;
			}
			div.horaire h2 span {
				position:absolute;
				margin:0px;
				padding:0px;
				left:45px;
				top:12px;
			}
			div.bloc-horaire {
				width:186px;
				float:right;
				margin-right:1px;
			}
				div.bloc-horaire div.titre{
					height:19px;
					background-color:#ff9200;
					font:bold 12px Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					padding:5px 0px 0px 15px;
				}
				div.bloc-horaire div.description{
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#2a2a2a;
					padding-left:14px;
					line-height:20px;
				}
					div.bloc-horaire div.description span{
						font-weight:bold;
					}
					div.bloc-horaire div.description img{
						margin-left:-19px;
						position:relative;
						margin-right:6px;
					}
					div.bloc-horaire div.description div.espace {
						height:20px;
					}
			/* fin horaire */
			
	
	div.bloc-gris div.foot {
		background:url(../img/block/gris/ft-bloc-gris.png) left top no-repeat;
		height:15px;
	}
	div.bloc-gris div.reflet {
		margin-top:8px;
		background:url(../img/block/gris/reflet-bloc-gris.png) left top no-repeat;
		height:77px;
	}
	

#body #right {
 /*background: #ecc;*/
 float: right;
 width: 200px;
 
 margin-top:48px;
 
 /*min-height: 300px;*/
}

#body .center {
 width: 531px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
 /*border:1px solid red;*/
}

#arbo {
 background:url(../img/block/contenu/bg-fil-de-fer.png) left top no-repeat;
 height:26px;
 margin-top:-1px;
 text-align:center;
 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
 margin-bottom:25px;
}
	#arbo .arbo{
		position:relative;
		top:5px;
		text-transform:capitalize;
		color:#FFFFFF;
	}
	#arbo .arbo a{
		color:#FFFFFF!important;
	}
	#arbo .arbo a:hover{
		color:#ca257c!important;
	}




#footer {
  background:url(../img/block/footer/bg-footer.png) left top repeat-x;
  min-height: 209px;
  
}
	#footer .bloc-footer {
	
	width:980px;
	margin:auto;
	text-align:center;
	padding-top:80px;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#121212;
	
	}
	div.bloc-menu-bas ul,div.bloc-menu-bas li  {
		display:inline;
		margin:0px;
		padding:0px;
		list-style:none;
		font:bold 12px Arial, Helvetica, sans-serif;color:#FFFFFF;
	}
	
	div.bloc-menu-bas {
		padding-top:18px;
	}
	div.bloc-menu-bas a {
		color:#FFFFFF;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:capitalize;
	}
		
		div.bloc-menu-bas a:hover {
			text-decoration:none;
			color:#ff9200;
		}
		
/* site construct */

div.bloc-site-construct {
	width:131px;
	margin:25px auto 0px auto;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ca257c;
}
	div.bloc-site-construct p {
		margin-bottom:3px;
	}
	
div.article p {
	margin:0 0 10px 0;
}