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


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

input[type='submit'] {
	cursor:pointer;
}
body {
	background-color:#abaaaa;
}

.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;
} 


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

div.contact_frame {
 
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 
}

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

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

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

div.contact_line.highlight {
 
}

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

div.contact_submit {
 
}

div.contact_error ,p.msg_erreur{
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 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;
}

p.msg_erreur {
	float:none;
}

/* ------ 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:#b0b0b0 url(../img/block/bg-body.jpg) left bottom repeat-x;
 
}
#conteneurs {
 background:url(../img/block/bg-corps.png) center top repeat-y;
}

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

#header {
 background:url(../img/block/bg-header.jpg) left top repeat-x;
 min-height: 98px;
}
	div.bloc-header {
		width:980px;
		margin:auto;
	}
	
	/* menu de haut */
	div.bloc-menu-top ul{
		margin:0px;
		padding:0px;
		list-style:none;
		/*height:35px;*/
		position:relative;
		top:9px;
	}
		div.bloc-menu-top ul li { 
		    display:inline; 
			background-position:left center;
			background-repeat:no-repeat;
			padding:35px 0px 35px 35px;
	    }
		div.bloc-menu-top ul li a {
			background-position:left center;
			background-repeat:no-repeat;
			
			margin-right:11px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
		}
		div.bloc-menu-top ul li a:hover 
		{
			color:#ce0c0b;
		}
			div.bloc-menu-top ul li.favoris {
				background-image:url(../img/block/header/ico-favoris.jpg);
			}
			
			div.bloc-menu-top ul li.recommander {
				background-image:url(../img/block/header/ico-recommander.jpg);
			}
			
			div.bloc-menu-top ul li.sitemap {
				background-image:url(../img/block/header/ico-sitemap.jpg);
			}
    
	/* bloc main menu */
	div.bloc-main-menu {
		height:49px;
		width:550px;
		position:relative;
		/*border:1px solid red;*/
		float:left;
		top:34px;
		left:-4px;
	}
		div.bloc-main-menu div.head {
			background:url(../img/block/header/hd-bandeau.jpg) left top no-repeat;
			height:49px;
			width:223px;
			float:left;
		}
		div.bloc-main-menu ul{
			margin:0px;
			padding:0px;
			list-style:none;
			float:left;	
			height:46px;
			margin-top:1px;
		}
			div.bloc-main-menu ul li{
				float:left;
				height:46px;
				border-right:1px solid white;
			}
				div.bloc-main-menu ul li a{
					display:block;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					padding:0px 18px;
					height:46px;
					text-align:center;
				}
				div.bloc-main-menu ul li a span{
					position:relative;
					top:12px;
				}
				div.bloc-main-menu ul li a:hover{
					background:url(../img/block/header/mnu-main-hover.jpg) left top repeat-x;
				}
				
	
	div.bloc-newsletter {
		float:right;
		width:364px;
		height:28px;
		position:relative;
		top:40px;
		left:-25px;
		background:url(../img/block/newsletter/newsletter.png) left top no-repeat;
	}			
		div.bloc-newsletter input[type='text'], div.bloc-newsletter input[type='submit']{
			position:absolute;
		}
			div.bloc-newsletter input[type='text'] {
				background:none;
				border:none;
				width:131px;
				top:5px;
				left:145px;
				font:normal 11px Arial, Helvetica, sans-serif
			}
			div.bloc-newsletter input[type='submit'] {
				background:url(../img/block/newsletter/btn-rouge.png) left top no-repeat;
				width:66px;
				height:27px;
				right:0px;
				top:1px;
				border:none;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#FFFFFF;
			}
	

#body {
 
}

#body #wrapper {
 height: 100%;
 float: right;
 /*background: #eee;*/
 background:url(../img/block/contenu/teteau-contenu.png) center top no-repeat;
 margin-top:9px;
 width:575px;
 margin-right:-5px;
}

  /* mise en forme contenu */
  #wrapper {
  	color:#2e2d2d;
	line-height:20px;
  }
  #wrapper h2 {
  	background:url(../img/block/contenu/ico-titre.jpg) left 4px no-repeat;
	padding-left:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#4b578a;
  }
  	#wrapper a {
		color:#4b578a;
	}
	#wrapper a.article_plus {
		background:url(../img/block/actualite/btn-lire-suite.png) left top no-repeat;
		width:86px;
		height:27px;
		display:block;
	}
		#wrapper a.article_plus span {
			display:none;
		}
	#wrapper input[type='submit'],#wrapper a.bouton_suivant{
		background:url(../img/block/contenu/btn-form.png) left top no-repeat;
		width:150px;
		height:27px;
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
		margin-left:169px;
	}
	#wrapper a.bouton_suivant {
		display:block;
		text-align:center;
		padding-top:5px;
		margin-left:208px;
	}
	
	#wrapper .Titre1 {
		display:block;
		clear:both;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#4b578a;
	}
  

#body #left {
 
 width: 400px;
 float: left;
 min-height: 300px;
/* border:1px solid red;*/
}

	/* bandeau de gauche */
	div.bloc-bandeau-gauche {
		min-height:1000px;
		background:url(../img/block/categorie/effet.png) left top no-repeat;
		width:200px;
		margin-left:10px;
		padding-top:15px;
		float:left;
	}
	
		div.bloc-bandeau-gauche div.head{
			height:155px;
			position:relative;
		}
			div.bloc-bandeau-gauche div.head img{
				position:absolute;
				left:-10px;
			}
		div.bloc-bandeau-gauche div.body{
			position:relative;
		}
			
			div.bloc-bandeau-gauche div.body div.plaquette-1 {
				position:absolute;
				background:url(../img/block/categorie/plaquette-1.png) left top no-repeat;
				width:212px;
				height:213px;
				left:-13px;
			}
			div.bloc-bandeau-gauche div.body div.plaquette-2 {
				position:absolute;
				background:url(../img/block/categorie/plaquette-2.png) left top no-repeat;
				width:212px;
				height:213px;
				left:-13px;
				top:220px;
			}
			div.bloc-bandeau-gauche div.body div.plaquette-3 {
				position:absolute;
				background:url(../img/block/categorie/plaquette-3.png) left top no-repeat;
				width:212px;
				height:213px;
				left:-13px;
				top:440px;
			}
			
			
	div.bloc-menu-gauche {
		float:left;
		padding-top:35px;
	}
		
		div.bloc-call-center {
			background:url(../img/block/categorie/zone-call-center.png) left top no-repeat;
			width:180px;
			height:175px;
			position:relative;
			text-align:center;
			left:12px;
		}
			div.bloc-call-center img{
				position:relative;
				top:20px;
			}
		
		div.bloc-categorie {
			width:180px;
			margin-top:25px;
			position:relative;
			left:12px;
		}
			div.bloc-categorie div.body {
				background:url(../img/block/categorie/bg-menu-gauche.png) left top repeat-y;
			}
				div.bloc-categorie div.body #accordion {
					background:url(../img/block/categorie/hd-menu-gauche.png) left top no-repeat;
					/*min-height:245px;*/
			}
				
					div.bloc-categorie div.body #accordion .categorie {
						padding-top:18px;
						/*background:url(../img/block/categorie/sep-mnu.jpg) left bottom no-repeat;*/
					}
					div.bloc-categorie div.body #accordion .sep {
						background:url(../img/block/categorie/sep-mnu.jpg) left bottom no-repeat;
						height:2px;
					}
					div.bloc-categorie div.body #accordion .esp {
						height:16px;
					}
					#accordion h2.acc_toggler {
						margin:0px;
						padding:0px;
						margin-bottom:-5px;	
					}
						#accordion h2.acc_toggler a{
							display:block;
							background:url(../img/block/categorie/bg-mnu.jpg) left top no-repeat;
							height:29px;
							font:bold 14px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							padding-top:5px;
						}
							#accordion h2.acc_toggler a:hover{
								background-image:url(../img/block/categorie/bg-mnu-hover.jpg);
							}
						#accordion h2.acc_toggler a	span {
							/*position:relative;*/
							
							padding-left:10px;
							
						}
						/* sous categorie */
						#accordion div.acc_element {
							
						}
						#accordion div.acc_element h3 {
							margin:0px;
							padding:0px;
							padding:3px 0px 3px 20px;	
						} 
							#accordion div.acc_element h3 a {
								font:normal 12px Arial, Helvetica, sans-serif;
								color:#FFFFFF;
							} 
								#accordion div.acc_element h3 a:hover {
									text-decoration:underline;
								}
						#accordion div.espace {
							
						}
				
			div.bloc-categorie div.foot {
				background:url(../img/block/categorie/ft-menu-gauche.png) left top no-repeat;
				height:7px;
			}

		div.bloc-actualite {
			width:180px;
			margin-top:25px;
			background:#302f2f url(../img/block/actualite/bg-actualite.png) left top no-repeat;
			height:199px;
			position:relative;
			left:12px;
		}
		
			div.bloc-actualite div.head ,div.bloc-horaire  div.head{
				padding-top:11px;
			}
				div.bloc-actualite div.head h2 , div.bloc-horaire div.head h2{
					background:url(../img/block/actualite/ico-actualite.png) 15px top no-repeat;
					height:28px;
					font:bold 18px Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					text-align:center;
					margin:0px;
					padding:0px;
					margin-bottom:5px;
				}
				
				/* zone actualite */
					#actualites {
						margin:0px auto;
						border:none;	
					}
					
					#actualites .actualite h3 {
						margin:0px;
						padding:0px;
						font:bold 12px Arial, Helvetica, sans-serif;
						max-height:17px;
						overflow:hidden;
						color:#FFFFFF;
					}
					
					#actualites .actualite p {
						min-height:92px;
						max-height:92px;
						overflow:hidden;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#FFFFFF;
						padding:0px;
						margin:0px;
					}
					
					#actualites .actualite a.actu_suite {
						background:url(../img/block/actualite/btn-lire-suite.png) left top no-repeat;
						width:86px;
						height:27px;
						display:block;
						margin-left:70px;
						margin-top:7px;
						
					}
						#actualites .actualite a.actu_suite span{
							display:none;
						}
			/* fin zone actualite */
		
		div.bloc-horaire {
			width:180px;
			margin-top:25px;
			background:url(../img/block/horaire/bg-horaire.png) left top no-repeat;
			height:126px;
			position:relative;
			left:12px;
		}
			div.bloc-horaire div.head h2 {
				background-image:url(../img/block/horaire/ico-horaires.png);
			}
			
			div.bloc-horaire div.body {
				text-align:center;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				line-height:20px;
			}
				

#body #right {
 
 float: right;
 width: 200px;
 min-height: 300px;
}

#body .center {
 
 
 /*float: left;*/
 min-height: 300px;
 padding:0px 0px 0px 10px;
 
 }

#arbo {

margin-top:72px; 
font:normal 12px Arial, Helvetica, sans-serif;
color:#2e2d2d;
 
}
	#arbo .arbo a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#2e2d2d;
	}

#footer {
 
  min-height: 101px;
}
	#footer .site-construct {
		float:left;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		width:121px;
		text-align:center;

		position:relative;
		top:25px;
		left:45px;
	}
		
	#footer .infos-site {
		float:right;
		width:760px;
		text-align:center;
		color:#747272;
		line-height:20px;
		position:relative;
		top:25px;
	}
		#footer .infos-site ul {
			margin:0px;
			padding:0px;
			list-style:none;
			display:inline;
		}
			#footer .infos-site ul li , #footer .infos-site a {
				display:inline;
				color:#747272;
			}
			 #footer .infos-site a:hover {
			 	color:#901918;
			 }