/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

	html, body {
		background: #fbfbfb;
		font: 13px/18px Trebuchet MS, sans-serif;
		color: #c4c4c4;
		min-width:300px;
	}

	* { -webkit-text-size-adjust: none;}

	a { color: inherit; text-decoration: none; transition: all .5s ease;}
	a:hover { text-decoration: none;}
	a[href^="tel:"] {color: inherit;text-decoration:none;}
	.a-hov { transition: all 0.4s ease;}
	.a-hov:hover { color: #639305;}
	.text-1 a:hover {
		color: #000;
	}

	.referencement{
		color: #79AE1E;
	}

	ul li a { transition: all 0.4s ease;}

	h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #363636;}
	h1 { }
	h2 { font-size: 44px; line-height: 52px; padding-top: 40px; padding-bottom: 28px;}
	h3 { font-size: 30px; line-height: 34px; letter-spacing: 1px;}
	h4 { }
	h5 { }



	.title-1 { } 
	.text-1 { 
		color: #639305; 
		font-weight: bold;
		padding-top: 10px;
	}
	.text-1Noir { 
		color: #7d7d7d; 
		font-weight: bold;
		padding-top: 0px;
		padding-bottom: 4px;
	}
	.text-2 { 
		font-size: 16px; 
		line-height: 18px; 
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		color: #fff;
		padding-bottom: 4px;
	}
	.text-3 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 48px;
		line-height: 48px;
		color: #82c302;
	}
	.text-4 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		color: #fff;
		font-size: 30px;
		line-height: 32px;
	}
	
	.page-1 h3 {
		padding-top: 60px;
		padding-bottom: 18px;
	}
	.page-1 h2 {
		padding-top: 57px;
		padding-bottom: 27px;
	}
	.text-3 + .text-4 { padding-top: 10px;}
	img + .text-1,
	.magnifier + .text-1 {
		margin-top: 16px;
	}

	/*** menu header ***/

	.sf-menu { 
		width: 100%;
		display : inline-flex;
	}

	
	/*** transformation textes ***/
	
	.titre-actu{
		font-size: 18px;
	}
	
	.texte-actu{
		/*text-indent:10px;*/
		font-size: 16px;
		color:#7d7d7d;
	}
	
	.gras {
		font-weight:bold;
	}
	
	.grasVert {
		font-weight:bold;
		color: #639305;
	}
	
	.vert {
		color: #639305;
	}
	
	.sizeX24 { font-size:24px;}
	
	/****   Boulangers     ****/
	
	.photo1Boulanger { 
		margin: 0px;
		padding: 0px;
	}
	
	.etiquetteRougeGratuit { 
		position: absolute;
		margin-left: 340px;
		margin-top: 185px;
		z-index: 3;
	}
	
	.positionIntroBoulanger {
		margin-top:-10px;
		margin-bottom:20px;
	}
	
	.positionSaviezVousBoulanger {
		margin-left:70px;
	}
	
	.positionPhoto1Boulanger {
		margin-left:50px;
		margin-top:40px;
	}
	
	.positionPhoto2Boulanger {
		margin-left:50px;
		margin-top:40px;
	}
	
	.positionPhoto3Boulanger {
		margin-left:70px;
		margin-top:50px;
	}
	 	
	
	.txt_fd_vert2{
			display: inline-block;
			vertical-align: middle;
			font-size: 19px;
			line-height: 22px;
			font-weight: 700;
			color: #fff;
			margin: 0px 0px 15px 0px;
			padding: 10px 10px 10px 10px;
			text-transform: uppercase;
			font-family: 'Open Sans', sans-serif;
			position: relative;
			background: #639305;
			letter-spacing: 0px;
			width: 430px;
			text-align: center;
	}

	.txt_fd_vert3{
			display: inline-block;
			vertical-align: middle;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			color: #fff;
			margin: 0px 0px 5px 0px;
			padding: 5px 10px 5px 10px;
			text-transform: uppercase;
			font-family: 'Open Sans', sans-serif;
			position: relative;
			background: #639305;
			letter-spacing: 0px;
			width: 240px;
			text-align: left;
	}

	.txt_fd_vert4{
			display: inline-block;
			vertical-align: middle;
			font-size: 24px;
			line-height: 22px;
			font-weight: 700;
			color: #fff;
			margin: 0px 0px 15px 0px;
			padding: 15px 15px 15px 15px;
			text-transform: uppercase;
			font-family: 'Open Sans', sans-serif;
			position: relative;
			background: #639305;
			letter-spacing: 0px;
			width: 430px;
			text-align: center;
	}
	
	/* Dated Block
	=============================================*/
	@media only screen and (max-width: 767px) {
		.camera-caption_block{
			bottom: 1%;
		}
		.camera-caption_date_day{
			font: 30px/30px 'Open Sans', sans-serif;
		}
		.camera-caption_date_month{
			font: 14px/14px 'Open Sans', sans-serif;
		}
		.camera-caption_text{
			width: 200px;
			min-height: 58px;
			padding-top: 17px;
		}
		.camera-caption_text p{
			display: none;
		}
		.camera-caption_text h2{
			font-size: 12px;
			line-height: 12px;
		}
		.info_text__indent{
			margin-bottom: 20px;
		}
		.post .dated-block_text{
			padding-top: 15px;
		}
		.post .dated-block_text p{
			padding-top: 2px;
			font: 14px/18px 'Open Sans', sans-serif;
			color: #fff;
			font-weight: 700;
		}
	}
	.txt_fd_vert{
		display: inline-block;
		vertical-align: middle;
		font-size: 19px;
		line-height: 22px;
		font-weight: 700;
		color: #fff;
		margin: 0px 0px 15px 0px;
		padding: 10px 10px 10px 10px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		letter-spacing: 1px;
		width: 515px;
	}

	.dated-block{
		position: relative;
		margin-bottom: 18px;
	}

	.dated-block_date{
		position: relative;
		z-index: 9;
		width: 96px;
		height: 99px;
		background: #fff;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		padding: 10px 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #dfdfdf;
	}
	.dated-block_date_day{
		font: 42px/48px 'Open Sans', sans-serif;
		font-weight: 700;
	}
	.dated-block_date_month{
		font: 20px/24px 'Open Sans', sans-serif;
		font-weight: 700;
	}
	
	
     /***** conteneur actualités vert avec lien */
	.dated-block_text{
		position: absolute;
		top: 0;
		left: 0;
		/*padding-top: 21px;*/
		padding-left: 113px;
		width: 100%;
		min-height: 99px;
		background: #639305;
		border: 1px solid #dfdfdf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.dated-block_text:hover{
		background: #cbcbcb;
	}
	.dated-block_text p{
		padding-top: 10px;
		font: 16px/22px 'Open Sans', sans-serif;
		color: #fff;
		font-weight: 700;
	}

	.bouton_pdf {
		background: #595959;
	}

	.bouton_pdf p{
		width: 248px;
   		height: 60px;
   		font-size: 16px;
    	line-height: 28px;
    	text-align: center;
    	padding-top: 19px;
    	padding-right: 20px;
	}

	.bouton_pdf:hover{
		background: #595959;
	}

	.lien_pdf:hover{
		opacity: .3;
	}
	
	/***** conteneur actualités vert sans lien */
	.dated-block_text2{
		position: absolute;
		top: 0;
		left: 0;
		/*padding-top: 21px;*/
		padding-left: 113px;
		width: 100%;
		min-height: 99px;
		background: #639305;
		border: 1px solid #dfdfdf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.dated-block_text2 p{
		padding-top: 10px;
		font: 16px/22px 'Open Sans', sans-serif;
		color: #fff;
		font-weight: 700;
	}
	
	.actuTexte {
		font:16px/22px 'Open Sans', sans-serif;
		color:#7d7d7d;
	}
	
	.actu {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 18px;
		line-height: 20px;
		color: #fff;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		padding: 10px 10px 10px 10px;
		background: url(../images/actu-fond.jpg) center center no-repeat;
		letter-spacing: 1px;
	}
	.actu:hover { background: url(../images/actu-fond-hover.jpg) center center no-repeat;}
	.actu span {
		display: inline-block;
	}
	.actu:before {
		position: absolute;
		content: "";
		width: 43px;
		top: 0;
		bottom: 0;
		left: 0;
		
	}

/**************************** contenu tarifs *****************************/

sup { 
	vertical-align: super;
	font-size: 50%;
	}

.titre_rouge{
	color: #ff0000;
}
	
/**************************** contenu annonceur *****************************/

.block_annonceur{
	position: relative;
	bottom: 8px;
}

.titre_confiance{
	font-size: 20px;
	line-height: 52px;
	padding-top: 60px;
	padding-left: 20px;
	padding-bottom: 28px; 
}

.centrer{
	display: inline-block;
  	text-align: center; 
}

.confiance{
	text-align: center;
}

.titre_temoignage{
		background: #303030;
		width: 300px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		font-weight: 600;
		line-height: 16px;
		color: #fff;
		padding: 10px 5px 10px 5px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		letter-spacing: 1px; 
}

.temoignage{
		background: #639305;
		width: 280px;
		height: 165px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		font-size: 20px;
		font-weight: 500;
		line-height: 20px;
		color: #fff;
		padding: 15px 10px 10px 10px;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		letter-spacing: 1px;
}

.txt_gris{
	font-size: 20px;
	font-weight: 500;
	color: #969696;
}

.txt_fd_vert{
		display: inline-block;
		vertical-align: middle;
		font-size: 19px;
		line-height: 22px;
		font-weight: 700;
		color: #fff;
		margin: 0px 0px 20px 0px;
		padding: 10px 10px 10px 10px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		letter-spacing: 1px;
		width: 95%;
}

.prix_10sec {
	z-index: 3;
	position: absolute;
	top: 20px;
	left: 700px;
}

.prix_20sec {
	z-index: 3;
	position: absolute;
	top: 636px;
	left: 700px;
}

.deux_offre{
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		font-size: 34px;
		line-height: 36px;
		font-weight: 600;
		color: #639305;
		margin: 0px 0px 15px 0px;
		padding: 15px 0px 15px 0px;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		/*background: url('../images/bg-2.gif') repeat scroll 0px 0px #343434;*/
		letter-spacing: 1px;
		width: 62%;
		height: 100%;
}

.titre_offre{
		display: inline-block;
		vertical-align: middle;
		font-size: 19px;
		line-height: 22px;
		font-weight: 700;
		color: #fff;
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		letter-spacing: 1px;
		width: 98%;
}

.prix_offre{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	background: #8fbf30;
	letter-spacing: 1px;
	width: 98%;
}

.compo{
	font-size: 16px;
	
	color: #767676;
}

.offre{
	font-size: 16px;
	
	color: #767676;
}

.important_annonceur{
	color: #fff;
	font-weight: 700;
}

.important_offre{
	color: #639305;
	font-weight: 600;
}


.cadre_a_savoir{  
	background: #639305;
    display: inline-block;   
    margin: 10px 0px 0 0px; 
    padding: 15px 10px 0 10px;  
    color: #fff;       
    font-size: 16px; 
    line-height: 1.5em;      
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 2px solid #639305;
}

.paragraphe_offre{
	padding: 10px 10px 10px 10px;
}

.cadre_offre{
	position: relative;
    display: inline-block;   
    margin: 10px 0px 0 0px; 
    padding: 0px 0 0px 0;  
    color: #767676;       
    font-size: 16px; 
    line-height: 1.5em;      
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 2px solid #639305;
}

.titre_media{
		width: 225px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		color: #fff;
		margin: 5px 0 5px 0;
		padding: 5px 5px 5px 5px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		letter-spacing: 1px;
}

.bloc_media p{
	color: #767676;
}

.bt_retour{
	transition: all 0.4s;
	background-image: url('../images/bouton_retour.png');
	width: 120px;
	height: 40px;
}

.bt_retour:hover{
	background-image: url('../images/survol_bouton_retour.png'); 
}

/**************************************************************************/
/**************************** contenu contact *****************************/

.container_contact{
	margin: 0 140px 0 140px;
}

.bloc_demande-info{
	width: 345px;
}

.marge{
	padding-bottom: 20px;
}

.coord{
	color: #111111;
}

.titre_btv{
	font-weight : bold;
	color: #639305;
}

.form_buttons{
	padding-top: -20px;
}

.img_bt_contact{
	font-family: 'Open Sans', sans-serif; color: #6d6d6d;
	color: #fff;
	text-align: center;
	font-size: 30px; 
	font-weight: 600;
	line-height: 22px;
	padding: 15px 30px 15px 30px;
	transition: all 0.4s;
	width: 182%;
	background: url('../images/bt-envoyer_contact.jpg') no-repeat; 
}

.img_bt_contact:hover{
	background: url('../images/bt-envoyer_contact_survol.jpg') no-repeat; 
	width: 182%;
}

.img_bt_contact span{
	position: relative;
	left: -20px;
}

.marge_titre{
	padding-left: 87px;
}

.demande_info{
	padding-top: 120px;
	margin-left: -40px;
}


/**************************************************************************/
	
.pleinecran{
	/* Fixe l'image en haut à gauche de la page */
 position: fixed; 
 top: 0; 
 left: 0; 
 /* Préserve le ratio de l'image */
 min-width: 100%;
 min-height: 100%;
}



/**************************** contenu reseau *****************************/

.description_reseau{
	font-family: 'Open Sans', sans-serif; color: #6d6d6d;
	font-size: 17px; 
	line-height: 22px; 
	padding-top: 118px;
}

.anim_boulang{
	width: 20%;
	height: 53px;
	background: url('../images/img_boulang.png') center no-repeat;
	transition: all 1s;
	position: relative;
	top: 60px;
	left: 165px;
}

.anim_annonceur{	
	width: 20%;
	height: 48px;
	background: url('../images/img_annonceur.png') center no-repeat ;
	transition: all 1s;
	position: relative;
	top: 60px;
	left: 165px;
}

.hover{
	transform: rotate(720deg);
}

.chiffre{
	font-family: "Open Sans",sans-serif;
	color: #7D7D7D;
	font-size: 20px;
}

.carte_entiere:hover{
	background: url('../images/afficher-carte_reseau2.jpg') no-repeat;
	background-size: contain;
}

.bande_h2{
	width: 845px;
	height: 2px;
	margin-top: -21px; 
}

.carte_entiere{
	width: 98%;
	height: 60px;
	font-size: 30px;
	line-height: 32px;
	color: #79AE1E;
	font-weight: 300;
	font-family: "Open Sans",sans-serif;
	display: block;
	background: url('../images/afficher-carte_reseau.jpg') no-repeat;
	background-size: contain;
}

.bt_reseau{
	margin: 50px 0 0 0;
}

.bt_annonceur{
	transition: all 0.4s;
	width: 100%;
	height: 163px;
	margin: 0 20px 0 0;
	background: url('../images/bouton-partenaire_reseau.jpg') no-repeat; 
	background-size: contain;
}

.bt_annonceur:hover{
	background: url('../images/survol_bouton-partenaire_reseau.jpg') no-repeat;
	background-size: contain;
}

.bt_boulang{
	width: 100%;
	height: 163px;
	margin: 0 0 0 60px;
	background: url('../images/bouton-boulanger_reseau.jpg') no-repeat;
	background-size: contain;
}

.bt_boulang:hover{
	background: url('../images/survol_bouton-boulanger_reseau.jpg') no-repeat;
	background-size: contain;
}

.important_reseau{
		width: 285px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		color: #fff;
		margin: 5px 0 5px 0;
		padding: 5px 5px 5px 5px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		letter-spacing: 1px;
}



/**************************************************************************/

	.centrer_element{
		margin: auto;
	}
	
	.et_boulang{
		width: 261px;
		height: 232px;
		background: url('../images/accueil-boulang.jpg');
	}

	.et_boulang:hover{
		background: url('../images/accueil-boulang-hover2.jpg');
	}
	
	.et_entreprise{
		width: 261px;
		height: 232px;
		background: url('../images/accueil-entreprise.jpg');
	}

	.et_entreprise:hover{
		background: url('../images/accueil-entreprise-hover2.jpg');
	}
	
	.et_reseau{
		width: 261px;
		height: 232px;
		background: url('../images/accueil-reseau.jpg');
	}

	.et_reseau:hover{
		background: url('../images/accueil-reseau-hover2.jpg');
	}
	
	/**/

	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 18px;
		line-height: 20px;
		color: #fff;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background: #639305;
		padding: 10px 60px 13px 18px;
	
		letter-spacing: 1px;
}
	.btn:hover { background: #cbcbcb;}
	.btn span {
		display: inline-block;
	}
	.btn:after {
		position: absolute;
		content: "";
		width: 43px;
		top: 0;
		bottom: 0;
		right: 0;
		background: #7fbd06 url(../images/arrow-3.gif) center center no-repeat;
	}

	.btn-1 {
		margin-top: 6px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
		color: #639305;
		position: relative;
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
		padding-right: 22px;
}
	.btn-1:hover { color: #363636;}
	.btn-1:after {
		content: "\f105";
		position: absolute;
		right: 0px;
		top: -1px;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #639305;
		font-size: 21px;
		transition: all .4s ease;
	}
	.link-1 { 
		display: inline-block;
		margin-top: 0px;
		color: #639305;
		text-decoration: underline;
	}
	.link-1:hover {
		text-decoration: none;
	}

	.list li {
		font-weight: bold;
		margin-top: 2px;
	}
	.list li + li { margin-top: 6px;}
	.list li a { 
		padding-left: 17px;
		position: relative;
		display: inline-block;
		color: #639305;
	}
	.list li a:hover { color: #c4c4c4;}
	.list li a:before {
		content: "\f105";
		position: absolute;
		left: 0;
		top: 3px;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


	/*auxiliary*/

	.img-ind {float: left; margin-right: 20px; margin-top: 5px;}
	.wrapper {width: 100%; position: relative;}
	.extra-wrap {overflow:hidden;}
	.grid_inside { margin: 0 -10px;}
	.aligncenter {text-align: center !important;}
	.alignleft { text-align: left !important; }
	.it {font-style:italic; display: inline-block;}
	.fleft {float: left;}
	.fright {float: right;}
	.h-underline:hover { text-decoration: underline;}
	.underline {text-decoration: underline;}
	.upp {text-transform: uppercase;}
	.transition {transition: all 0.4s ease;}

	.clearfix { *zoom: 1;}
	.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
	.clearfix:after { clear: both;}

	.pad-left { padding-left: 10px;}

	p { padding-bottom: 18px;}

.bg-1 { background: url(../images/bg-2.gif) 0 0 repeat;}



/************Header************/

header { background: url(../images/bg-2.gif) 0 0 repeat;}
.h-top {
	background: url(../images/bg-3.gif) 0 0 repeat;
}

.h-bot { 
	height: auto; 
}

h1 { 
	float: left;
	padding-top: 29px;
}
.address-1 { 
	float: right;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
	padding-right: 42px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 139px;
}

.logo_header {
	width: 300px;
	margin-top: 80px
}

.reseau_header { 
	margin-top: 85px;
	margin-left: 70px;
}

.boulanger_header{
	float: right;
	margin-top: -185px;
	margin-right: 20px;
}

.actu_header{
	float: right;
	margin-top: -200px;
	margin-right: 35px;
}

.contact_header{
	margin-top: 55px;
	margin-left: 100px;
	margin-bottom: 20px;
}

.annonceur_header{
	margin-top: 80px;
	margin-left: 80px;
}

.address-1 a {
	color: #639305;
	text-decoration: underline;
}
.address-1 a:hover {
	color: #6c6c6c;
}
.tel { 
	text-align: center;
	overflow: hidden;
	color: #639305;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 36px;
	margin-top: 117px;
}
.tel .ins {
	display: inline-block;
	text-align: left;
}

/************Captcha***********/

            form.registration{
                width:600px;
                margin: 10px auto;
                padding:10px;
                font-family: "Trebuchet MS";   
            }
            form.registration fieldset{
                background-color:#707070;
                border:none;
                padding:10px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;                          
                padding:6px;
                margin:0px 30px 0px 0px;
            }
            form.registration legend{
                text-align:left;
                color:#fff;
                font-size:14px;
                padding:0px 4px 15px 4px;
                margin-left:20px;
                font-weight:bold;
            }
            form.registration label{
                font-size: 18px;
                width:200px;
                float: left;
                text-align: right;
                clear:left;
                margin:4px 4px 0px 0px;
                padding:0px;
                color: #FFF;
                text-shadow: 0 1px 1px rgba(0,0,0,0.8);
            }
            form.registration input{
                font-family: "Trebuchet MS";
                font-size: 18px;
                float:left;
                width:300px;
                border:1px solid #cccccc;
                margin:2px 0px 4px 2px;
                color:#00abdf;
                height:26px;
                padding:3px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
            }
            form.registration input:focus, form.registration select:focus{
                background-color:#E0E6FF;
            }
            form.registration select{
                font-family: "Trebuchet MS";
                font-size: 20px;
                float:left;
                border:1px solid #cccccc;
                margin:2px 0px 2px 2px;
                color:#00abdf;
                height:32px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
            }
            
            #sortable {
                border:1px solid #9f9f9f;
                border-radius:5px;
                list-style-type: none;
                margin: 5px 0px 0px 100px;
                padding: 15px 0 0 30px;
                width: 150px;
                height: 100px;
                background-color:#fff;
            }
            #sortable li {
                margin: 3px 3px 3px 0;
                padding: 1px;
                float: left;
                width: 35px;
                height: 35px;
                font-size: 20px;
                text-align: center;
                line-height:35px;
                cursor:pointer;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                background:#649305 url(images/overlay.png) repeat-x scroll 50% 50%;
                color:#fff;
                font-weight:normal;
            }
            .captcha_wrap{
                border:1px solid #393939;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                margin: 0 0 10px 0;
                height:212px;
                overflow:auto;
                width:100%;
                overflow:hidden;
                background-color:#e3e5e8;
            }
            .captcha{
                font-family: "Open Sans",sans-serif;
                font-size:12px;
                padding:0px 0 0 10px;
                color:#1c1c1c;
                height: 30px;
            }

            .securit{
                font-family: "Open Sans",sans-serif;
                font-size:16px;
                font-weight: 600;
                padding:10px 10px 0 10px;
                color:#1c1c1c;
                height: 30px;
            }




/************Content***********/

.content {
	background: #ffffff;
	padding-bottom: 67px;
}

.block-1_wr {
	background: #639305;
}
.block-1_wr .fright {
	width: 59.6%;
	text-align: right;
	margin-left: 20px;
	margin-right: -1px;
}
.block-1 .magnifier {
	float: left;
	width: auto;
}
.block-1_wr .inside {
	padding-left: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 42px;
	line-height: 48px;
	color: #fff;
	padding-top: 26px;
}
/**/
.block-1_bot2b {
	display: block;
	background: #343434 url(../images/bg-2.gif) 0 0 repeat;
	font-size: 30px;
	line-height: 32px;
	color: #79ae1e;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	height: 83px;
}
.block-1_bot2b:hover {
	background: #639305;
}
.block-1_bot2b span {
	text-transform: uppercase;
	color: #fff;
}

.block-1_bot2b .inside {
	padding: 25px 10px 10px 34px;
	letter-spacing: 1px;
}
.block-1_bot2b .policeT{
	font-size: 45px;
}
/**/
.block-1_bot2v {
	display: block;
	background: #343434 url(../images/bg-2.gif) 0 0 repeat;
	font-size: 30px;
	line-height: 32px;
	color: #79ae1e;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	height: 83px;
}
.block-1_bot2v:hover {
	background: #fff;
}
.block-1_bot2v span {
	text-transform: uppercase;
	color: #639305;
}

.block-1_bot2v .inside {
	padding: 25px 10px 10px 34px;
	letter-spacing: 1px;
}
.block-1_bot2v .policeT{
	font-size: 45px;
}

.margeM30 {margin-left:-30px;}

/**/


.block-1_bot {
	display: block;
	background: #343434 url(../images/bg-2.gif) 0 0 repeat;
	font-size: 30px;
	line-height: 32px;
	color: #79ae1e;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	height: 80px;
	text-align: center;
}
/*
.block-1_bot:hover {
	background: #639305;
}*/
.block-1_bot span {
	text-transform: uppercase;
	color: #fff;
}
.arrow {
	float: right;
	display: inline-block;
	width: 83px;
	height: 83px;
	background: #7fbd06 url(../images/arrow-1.gif) center center no-repeat;
}
.block-1_bot .inside {
	padding: 20px 10px 10px 0px;
	letter-spacing: 4px;
}
.block-1_bot .policeT{
	font-size: 47px;
}





.various { position: relative; display: block; background: #7fbd06;}
.various img { transition: all .4s ease; width: 100%;}
.various:hover img { opacity: .7;}
.various span {
	position: absolute;
	display: block;
	width: 39px;
	height: 39px;
	background: #7fbd06 url(../images/arrow-2.png) center center no-repeat;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	transition: all .4s ease;
}
.various span:hover { background-color: #cbcbcb;}

.video .btn { float: right; margin-top: 15px;}

.box-1 { margin-top: 67px;}
.box-1 .ins-top {
	background: #639305;
	padding: 16px 24px 27px;
}
.box-1 .ins-bot {
	position: relative;
}
.box-1 .ins-bot .abs {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #639305;
	z-index: 0;
	transition: all 0.4s ease;
	height: 0;
}
.box-1:hover .ins-bot .abs {
	height: 100%;
}
.box-1:hover .btn-1 {
	color: #fff;
}
.box-1 .btn-1:hover {
	color: #363636;
}
.box-1:hover .btn-1:after {
	color: #fff;
}
.box-1 .ins-bot .inside {
	z-index: 1;
	position: relative;
	color: #c4c4c4;
	padding: 22px 24px 41px;
	border: 1px solid #ededed;
	border-top: 0px;
}
.box-1:hover .ins-bot .inside {
	color: #fff;
	border: none;
}

.b-dropcap .item + .item { margin-top: 18px;}
.dropcap {
	display: inline-block;
	float: left;
	padding: 4px 3px 8px;
	background: #639305;
	color: #82c302;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 48px;
	line-height: 48px;
	margin-right: 20px;
	margin-top: 5px;
}

.team h2 { padding-top: 80px;}
.team .ins > div {
	margin-top: 5px;
}

.block-2 + .block-2 {
	margin-top: 25px;
}

.box-2 {
	padding-left: 20px;
	position: relative;
}

.box-2:before {
	content: "\f105";
	position: absolute;
	left: 0;
	top: 4px;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #639305;
}

.solutions {
    margin-top: -15px;
}
.box-3 {
	margin-top: 20px;
}
.box-3_wrapper {
	border: 1px solid #ededed;
	padding: 19px 19px 40px;
}




/************Footer************/

footer {
	color: #cfcfcf;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	background-color: #494949;
}

.adress_footer{
}

.lien_footer{
	margin: 20px 93px -20px 0;
}

.link-list li{
	transition: all 0.4s;
}

.link-list li:hover{
	color: #fff;
	transform: translateX(15px);
}

.bloc_logo_footer{
	margin: 20px -100px 0 10px;
}

.logo_footer{
	width: 270px;
}

.links{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
}

footer .container {
	text-align: center;
    max-width: 990px;
    margin: 0px auto;
    border-top: 1px solid #CFCFCF;
    margin: 40px 0 0 0;
    padding: 20px 0 0 0;
}


.f-logo {
	display: block;
	margin-top: 33px;
}
.copyright {
	font-size: 18px;
	line-height: 22px;
	margin-top: 8px;
	margin-left: 2px;
}
.f-list {
	margin-top: 62px;
}
	.f-list li {
		font-weight: bold;
		margin-top: 2px;
		font-size: 13px;
		font-weight: 300;
		font-family: Trebuchet MS;
	}
	.f-list li + li { margin-top: 4px;}
	.f-list li a { 
		padding-left: 17px;
		position: relative;
		display: inline-block;
		color: #639305;
	}
	.f-list li a:hover { color: #c4c4c4;}
	.f-list li a:before {
		content: "\f105";
		position: absolute;
		left: 0;
		top: 4px;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 45px;
		height: 23px;
		border:none;
		z-index:20;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
		background: url(../images/ui.totop.png) 0 0 no-repeat;
		transition: none;
	}
	
		#toTop:hover { background-position: 0 bottom;}

		#toTop:active, #toTop:focus {outline:none;}



	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display: inline-block;
		background: url(../images/magnifier.png) center center no-repeat #000000;
		width: 100%;
	}
	.magnifier img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		width: 100%;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}



/*contacts*/
.map_wrapper .address {
  margin-top: 0px;
  width: 44.5%;
  float: left;
}
.map_wrapper .address a {
  color: #639305;
  text-decoration: underline;
}
.map_wrapper .address a:hover {
  text-decoration: none;
}
.map_wrapper .address span {
  display: inline-block;
  width: 70px;
}
.map_wrapper .address span.e-mail {
  display: inline-block;
  width: auto;
}
.map_wrapper dt {
  color: #639305; 
  font-weight: bold;
}
.map_wrapper dl.address dd span {
  text-align: left;
}
#map_canvas {
  width: 100%;
  height: 314px;
  margin-top: 5px;
  margin-bottom: 16px;
}

#contact-form {
  position: relative;
  margin-top: 5px;
}
#contact-form label {
  display: inline-block;
  position: relative;
  min-height: 41px;
  width: 100%;
}
#contact-form label input,
#contact-form label textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    font: 13px/18px Trebuchet MS, sans-serif;
    color: #c4c4c4;
    background: #ffffff;
    border: 1px solid #777777;
    -webkit-appearance: none;
}
#contact-form label input {
  height: 31px;
  padding: 7px 7px 6px 10px;
  outline: none;
  width: 100%;
}
#contact-form label textarea {
  height: 400px;
  overflow: auto;
  width: 100%;
  padding: 7px 7px 6px 10px;
  margin: 0px;
  resize: none;
}
.form_buttons a {
  margin-top: 10px;
  margin-right: 41px;
  float: left;
}
#contact-form span {
  display: block;
}
#contact-form ._placeholder {
  position: absolute;
  /*!*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  width: 100% !important;
  padding: 7px 7px 6px 10px;
  opacity: .99;
  display: block;
  width: 100%;
  font: 13px/18px Trebuchet MS, sans-serif;
    color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form ._placeholder.focused {
  opacity: .4;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .message {
  width: 100%;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px/20px Arial;
  -webkit-transition: 0.3s ease-in height;
  -moz-transition: 0.3s ease-in height;
  -o-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 10px;
  top: 0;
  color: #ca2918;
}
#contact-form .message .error-message,
#contact-form .message .empty-message {
  right: 3px;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
#contact-form .success-message {
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 10;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
  padding: 0px 0;
  width: 100%;
  font: 13px/18px Trebuchet MS, sans-serif;
    color: #c4c4c4;
    background: #ffffff;
}
#contact-form.success .success-message {
  padding: 57px 0;
    border: 1px solid #ededed;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
}


/*--- contact_form end------*/
@media only screen and (max-width: 995px) {
  #contact-form label {
    display: block;
    width: 100%;
  }
  .map_wrapper .address { width: 50%;}
  #contact-form label textarea {
    width: 100%;
  }
  #map_canvas {
    width: 100%;
  }
  #contact-form .error-message,
  #contact-form .empty-message {
    right: 3px;
  }
  .form_buttons a { margin-right: 20px;}
}
@media only screen and (max-width: 767px) {
  #contact-form .success {
    left: 0;
    right: 0;
  }
  .map_wrapper .address { width: 100%;}
  #contact-form label textarea {
    height: 200px;
  }
  #contact-form label.message ._placeholder {
    height: 200px;
  }
  #map_canvas {
    height: 200px;
  }
  .box-2 .title-4 br { display: none;}
  .map_wrapper .address + .address { margin-top: 20px;}
}
/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {
	.block-1 .magnifier img {}

	.block-1_wr .inside { padding-left: 20px; padding-top: 14px; font-size: 44px; line-height: 50px;}
	.block-1_bot { font-size: 20px; line-height: 22px;}
	.box-1 .text-4 { font-size: 20px; line-height: 22px;}
	.img-ind { margin-bottom: 20px;}
	.box-1 .btn-1 {padding-right: 11px;}
	.block-2 + .block-2 { margin-top: 40px;}
	.bt_annonceur { width: 90%; height: 120px; position: relative; right: 30px; }
	.bt_boulang { width: 90%; height: 120px;}
	.w4 {width: 35%; position: relative; left: 100px; top: 35px;}
	.w5 { width: 98%;}
	.w6 { width: 97%;}
	.prix_trimestre {
		z-index: 3;
	position: relative;
	top: 1680px;
	left: 100px;
		width: 25%;
	}
	.img_bt_contact {width: 135%;}
	.img_bt_contact:hover{ width: 135%;}
	
	
	/*index*/
	
	.block-1_bot .policeT{ font-size: 30px;line-height: 30px;}
	.block-1_bot2b { font-size: 20px; line-height: 22px;}
	.block-1_bot2b .policeT{ font-size: 30px;line-height: 30px;}
	.block-1 .magnifier1 { width: 52%;}
	.block-1 .magnifier2 { width: 48%;}
	.block-1 .magnifier3 { width: 28%;clear:left;}
	.block-1 .magnifier4 { width: 48%;}
	.block-1 .magnifier5 { width: 23.7%;}
	.margeM30{margin-left: -20px; }
	.margeP30{margin-left: -50px; margin-top: -50px;}
	.fright { clear:right; }
	.dated-block{ margin-bottom: 15px;}
	.dated-block_text p{ font: 15px/20px 'Open Sans', sans-serif;}
	.centrer_element{ padding-left:16px;margin-bottom:10px;}
	
	/*boulangers*/
	.etiquetteRougeGratuit { margin-left: 32%;margin-top: 8%;}
	.sizeX24 { font-size:22px;}
	.txt_fd_vert2{ margin: 0px 0px 15px 0px; padding: 10px 10px 10px 10px; width: 100%;}
	.positionPhoto1Boulanger { margin-left:50px; margin-top:40px;}
	.positionPhoto2Boulanger { margin-left:50px; margin-top:40px;}
	.positionPhoto3Boulanger { margin-left:150px; margin-top:50px;}
	.imgPositionPhoto3Boulanger { margin-left:50px;}
	
	/*actualités*/
	.txt_fd_vert3{ margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; width: 90%;}
	
	/*header*/
	.logo_header { margin-top:20px;}
	.w2{ width:55%;padding-left:15%;}

}
@media only screen and (max-width: 767px) {
	h1 { width: 100%;}
	h1 img { width: 100%;}
	.address-1 { margin-top: 47px; margin-bottom: 20px;}
	.block-1_wr .inside { padding-left: 0px; padding-top: 0px; padding-bottom: 20px; font-size: 44px; line-height: 56px; text-align: center;}
	.tel { overflow: visible; text-align: left;}
	.block-1_wr .fright { width: 100%; margin-left: 0; margin-bottom: 20px;}
	.block-1_wr .fright + .extra-wrap { overflow: visible; width: 100%; padding-bottom: 20px;}
	.team .ins > div { margin-top: 30px;}
	.team .ins img { width: 40%; margin-right: 20px; float: left;}
	.w1 { width: 45%;}
	.w2 { width: 75%; padding-left: 115px;}
	.w3 { width: 55%; padding-left: 55px;}
	.w4 { position: relative; left: 100px; top: 40px;}
	.w5 { width: 96%;}
	.w6 { width: 94%;}
	.bt_annonceur { width: 70%; margin-left: 90px;}
	.bt_boulang { width: 70%; margin-bottom: 10px;}
	.grid_inside { margin: 0;}
	.logo_header{margin-top: 20px;}
	.description_reseau {padding-top: 25px;}
	.prix_trimestre {
		width: 30%;
		z-index: 3;
	position: relative;
	top: 200px;
	left: 310px;
	}
	h2 { font-size: 29px;}
	.txt_fd_vert { font-size: 14px;}
	.img_bt_contact {width: 182%;}
	.img_bt_contact:hover{ width: 182%;}
	
	/*index*/
	
	.block-1_bot .policeT{ font-size: 30px;line-height: 30px;}
	.block-1_bot2b { font-size: 20px; line-height: 22px;}
	.block-1_bot2b .policeT{ font-size: 30px;line-height: 30px;}
	.block-1 .magnifier1 { width: 52%;}
	.block-1 .magnifier2 { width: 48%;}
	.block-1 .magnifier3 { width: 28%;clear:left;}
	.block-1 .magnifier4 { width: 48%;}
	.block-1 .magnifier5 { width: 23.8%;}
	.margeM30{margin-left: 0px; }
	.margeP30{margin-left: -30px; margin-top: -50px;}
	.fright { clear:right; }
	.dated-block{ margin-bottom: 45px;}
	.dated-block_text p{ font: 15px/20px 'Open Sans', sans-serif;}
	.centrer_element{ padding-left:16px;margin-bottom:10px;}
	
	/*boulangers*/
	.etiquetteRougeGratuit { margin-left: 20%;margin-top: 55%;}
	.sizeX24 { font-size:20px;}
	.positionSaviezVousBoulanger { margin-left:10%;}
	
	/*actualités*/
	.txt_fd_vert3{ margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; width: 95%;}
	
	/*header*/
	.logo_header { margin-top:20px;}
	
	/*footer*/
	.positionFooterColonne2{ margin-top: 40px;}
	
	
}
@media only screen and (max-width: 479px) {
	h1 { width: 100%;}
	h1 img { width: auto;}
	.address-1 { float: left;}
	.block-1_wr .inside { padding-left: 10px; padding-top: 0px; padding-bottom: 10px; font-size: 28px; line-height: 34px; text-align: left;}
	.block-1_bot .inside {
		padding: 10px 10px 5px 21px;
		letter-spacing: 0px;
	}
	.bt_annonceur { width: 80%; margin-left: 50px;}
	.bt_boulang { width: 80%; margin-left: 20px;}
	.w2{ width: 65%; padding-left: 70px;}
	.w3{ width: 45%; padding-left: 40px;}
	.w4 { position: relative; left: 80px; top: 30px;}
	.w5 { width: 94%;}
	.w6 { width: 94%;}
	.logo_header{margin-top: 20px;}
	.prix_trimestre {
		z-index: 3;
	position: relative;
	top: 155px;
	left: 240px;
		width: 28%;
	}
	.img_bt_contact {width: 135%;}
	.img_bt_contact:hover{ width: 135%;}
	
	/*index*/
	
	.block-1_bot .policeT{ font-size: 30px;line-height: 30px;}
	.block-1_bot2b { font-size: 20px; line-height: 22px;}
	.block-1_bot2b .policeT{ font-size: 30px;line-height: 30px;}
	.block-1 .magnifier1 { width: 52%;}
	.block-1 .magnifier2 { width: 48%;}
	.block-1 .magnifier3 { width: 27.5%;clear:left;}
	.block-1 .magnifier4 { width: 48%;}
	.block-1 .magnifier5 { width: 23.5%;}
	.margeM30{margin-left: 0px; }
	.margeP30{margin-left: -30px; margin-top: -50px;}
	.fright { clear:right; }
	.dated-block{ margin-bottom: 45px;}
	.dated-block_text p{ font: 15px/20px 'Open Sans', sans-serif;}
	.centrer_element{ padding-left:16px;margin-bottom:10px;}
	
	/*boulangers*/
	.etiquetteRougeGratuit { margin-left: 10%;margin-top: 50%;}
	.sizeX24 { font-size:18px;}
	.positionPhoto1Boulanger { margin-left:10px; margin-top:20px;}
	.positionPhoto2Boulanger { margin-left:20px; margin-top:20px;}
	.imgPositionPhoto3Boulanger { margin-left:20px; margin-top:20px; }
	
	/*actualités*/
	.txt_fd_vert3{ margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; width: 93%;}
	
	/*header*/
	
	
	/*footer*/
	.positionFooterColonne2{ margin-top: 80px;}
}