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


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

img {
 border: none;
}

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

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: 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 {
 /*background: #f5f5f5;*/
}

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

div.contact_submit {
 /*float: right;*/
 margin: 10px 0px 0px 0px;
}
	div.contact_submit input{
		background:url(../img/block/actualite/btn-orange.png) left 4px no-repeat;
		width:168px;
		height:36px;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#6c4103;
		border:none;
		margin-left:165px;
		cursor:pointer;
		
	}

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:url(../img/block/bg-body-site.jpg) center top repeat-y;
}

#conteneurs {
	background:url(../img/block/bg-site.jpg) center top no-repeat;
}

.animFlash{
margin:31px 0 0
}

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

#header {
 /*background: #eee;*/
 min-height: 386px;
 /*border:1px solid red;*/
}

	/* newsletter */
	.bloc-newsletter {
		background:url(../img/block/header/newsletter.png) left top no-repeat;
		width:369px;
		height:28px;
		float:left;
		position:relative;
		top:20px;
	}
		.bloc-newsletter input[type='text'], .bloc-newsletter input[type='submit'] {
			position:absolute;
		}
			.bloc-newsletter input[type='text'] {
				left:110px;
				top:0px;
				width:188px;
				height:23px;
				font:normal 12px Geneva, Arial, Helvetica, sans-serif;
				color:#daeaef;
				background:none;
				border:none;
			}
			.bloc-newsletter input[type='submit'] {
				right:0px;
				top:1px;
				color:#482703;
				font:normal 12px Geneva, Arial, Helvetica, sans-serif;
				background:none;
				width:59px;
				height:25px;
				border:none;
				cursor:pointer;
			}
	
	/* menu top 1 */
	.menu-top-1 {
		float:right;
	}
	.menu-top-1 ul {
		margin:0px;
		padding:0px;
		list-style:none;
		position:relative;
		top:20px;
	}
		.menu-top-1 ul li{
			display:inline;
			margin-right:15px;	
		}
	
	/* menu top 2 */
	.menu-top-2, .menu-top-2 a {
		font:normal 12px Geneva, Arial, Helvetica, sans-serif;
		color:#53666c;
	}
		.menu-top-2 ul{
			margin:0px;
			padding:0px;
			list-style:none;
			
			position:relative;
			top:25px;
		}
			.menu-top-2 ul li{
				display:inline;
			}
			.menu-top-2 a:hover {
				color:#006ace;
			} 
		
	/* logo */
	
	.bloc-logo {
	
	}
		.bloc-logo img.num-vert {
			position:relative;
			top:63px;
		}
		.bloc-logo img.qualipv {
			position:relative;
			top:64px;
			left:30px;
		}
		.bloc-logo a {
			position:relative;
			top:110px;
			left:20px;
			display:block;
			height:90px;
			width:430px;
		}
			.bloc-logo a span {
				display:none;
			}
	
#body {
 
}

#body #wrapper {
 height: 100%;
 float: right;
 /*background: #eee;*/
 /*border:1px solid red;*/
}

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

	/* menu gauche */
		.bloc-menu-gauche {
		
		}
					/* menu en accordéon */
					#accordion {
						
					}
					#accordion h2.acc_toggler {
						width:363px;
					}
						#accordion h2.acc_toggler a{
							display:block;
							background:url(../img/block/categorie/bg-menu-cat.png) left top no-repeat;
							height:33px;
							font:bold 14px Geneva, Arial, Helvetica, sans-serif;
							color:#ffffff;
						}
							#accordion h2.acc_toggler a:hover{
							background-image:url(../img/block/categorie/bg-menu-cat-hover.png);
							color:#402200;
							}
						#accordion h2.acc_toggler a	span {
							position:relative;
							top:6px;
							left:37px;
						}
						/* sous categorie */
						#accordion div.acc_element {
							padding-left:45px;
							
						}
						#accordion div.acc_element h3 {
							margin:10px 0px;
							font:normal 13px Geneva, Arial, Helvetica, sans-serif;	
						} 
							#accordion div.acc_element h3 a {
								color:#f8c55d;
							} 
								#accordion div.acc_element h3 a:hover {
									font-weight:bold;
								}
						#accordion div.espace {
							
						}
					
					/* fin menu en accordéon */
			.call-center {
				margin-top:10px;
			}
	/* fin menu gauche */
	
	/* actualite */
	.bloc-actualite {
		width:241px;
		background:url(../img/block/actualite/actualite.jpg) left top no-repeat;
	}
		/* zone actualite */
					
					#actualites {
					border:none;
					margin:auto;
					padding-top:75px;
					}
					
					#actualites .actualite h3 {
						background:none;
						min-height:56px;
						max-height:56px;
						overflow:hidden;
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#02324e;
					}
					
					#actualites .actualite p {
						min-height:89px;
						max-height:89px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#FFFFFF;
						overflow:hidden;
						margin-bottom:5px;
					}
					
					#actualites .actualite a.actu_suite {
						display:block;
						background:url(../img/block/actualite/btn-orange.png) left top no-repeat;
						width:163px;
						height:33px;
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#6c4103;
						/*position:relative;*/
						padding:6px 0px 0px 35px;
					}
						#actualites .actualite a.actu_suite span {
							
							
						} 
						
				/* fin actualite */

#body #right {
 background: #ecc;
 float: right;
 width: 200px;
 min-height: 300px;
 display:none;
}

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

	/* contenu du site */
	#contenu { }
	#wrapper #contenu h2 {
		background:url(../img/block/contenu/bg-titre.png) left bottom no-repeat;
		padding:10px 0px;
		font:normal 22px Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
	}
	
	#wrapper #contenu {
		font:normal 12px Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		line-height:20px;
	}
	
		#wrapper #contenu a {
			color:#f9c75f;
		}
			#wrapper #contenu a:hover {
				font-weight:bold;
			}
		
		#wrapper #contenu a.article_plus {
			display:block;
			background:url(../img/block/actualite/btn-orange.png) left top no-repeat;
			width:163px;
			height:33px;
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#6c4103;
		}
			#wrapper #contenu a.article_plus span{
				position:relative;
				top:6px;
				left:30px;
			}
			
			
		
		#wrapper #contenu .Titre1, h2.titre_galerie{
			font:bold 16px Geneva, Arial, Helvetica, sans-serif!important;
			color:#02324e!important;
			background:none!important;
		}
		
		
		
		#wrapper #contenu ul {
			
		}
			#wrapper #contenu ul li {
				
			}
			
		#wrapper #contenu p.msg_erreur {
			
		}
		#wrapper #contenu a.bouton_suivant {
			background:url(../img/block/actualite/btn-orange.png) left top no-repeat;
			width:163px;
			height:33px;
			display:block;
			font:bold 12px Arial, Helvetica, sans-serif;
		    color:#6c4103;
			text-align:center;
			margin-left:205px;
		}
			
			#wrapper #contenu a.bouton_suivant span {
				position:relative;
				top:6px;
				/*left:45px;*/
			}
			
			p.msg_erreur {
				
			}
			
			
			#wrapper #contenu a.bouton_suivant:hover {
			
			}
			
		
	
	
	/* fin contenu du site */

#arbo {
 /*background: #aaa;*/
 position:relative;
}
	#arbo .arbo {
		width:956px;
		position:absolute;
		top:-50px;
		left:-370px;
		background:url(../img/block/contenu/bg-arbo.png) left bottom no-repeat;
		padding:10px 0px;
	}
		#arbo .arbo, #arbo .arbo a {
			font:bold 12px Geneva, Arial, Helvetica, sans-serif!important;
			color:#FFFFFF!important;
		}

#footer {
  background:url(../img/block/bg-foot-site.jpg) center bottom no-repeat;
  min-height: 279px;
}
	.bloc-footer {
		width:980px;
		margin:auto;
		height:275px;
		background:url(../img/block/footer/bg-footer-2.jpg) left top repeat-x;
	}
		.infos-site {
			background:url(../img/block/footer/bg-footer-1.jpg) left top no-repeat;
			height:111px;
		}
			.infos-site .logo {
				float:left;
				position:relative;
				top:10px;
				left:60px;
			}
			.infos-site .info {
				float:right;
			}
				.infos-site .info span {
					display:block;
					text-align:right;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					padding:16px 0px 8px 5px;
				}
					.infos-site .info span.siret {
						font-size:12px;
						padding:5px 0px 0px 0px;
					}
			
	.bloc-menu-bas {
		width:869px;/*869*/
		margin:auto;
		line-height:20px;
		padding-top:20px;
		text-align:center;
	}
		.bloc-menu-bas ul, .bloc-menu-bas li{
			display:inline;
			margin:0px;
			padding:0px;
			font:bold 12px Arial, Helvetica, sans-serif;color:#c4efff;
		}
			.bloc-menu-bas li a, .bloc-menu-bas a{
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#c4efff;
			margin:0px 2px;
			}
				.bloc-menu-bas li a:hover, .bloc-menu-bas a:hover{
					color:#FFFFFF;
				}