/*@font-face {
		font-family: 'HelveNeuBol';
		src: url('../fontes/HelveNeuBol.eot');
		src: local('HelveNeuBol'), local('HelveticaNeue-Bold'), url('../fontes/HelveNeuBol.woff') format('woff'), url('../fontes/HelveNeuBol.ttf') format('truetype'), url('../fontes/HelveNeuBol.svg#HelveticaNeue-Bold') format('svg');
	}


	@font-face {
		font-family: 'HelveNeuRom';
		src: url('../fontes/HelveNeuRom.eot');
		src: local('HelveNeuRom'), local('HelveticaNeue-Roman'), url('../fontes/HelveNeuRom.woff') format('woff'), url('../fontes/HelveNeuRom.ttf') format('truetype'), url('../fontes/HelveNeuRom.svg#HelveticaNeue-Roman') format('svg');
	}

	@font-face {
		font-family: 'HelveNeuThi';
		src: url('../fontes/HelveNeuThi.eot');
		src: local('HelveNeuThi'), local('HelveticaNeue-Thin'), url('../fontes/HelveNeuThi.woff') format('woff'), url('../fontes/HelveNeuThi.ttf') format('truetype'), url('../fontes/HelveNeuThi.svg#HelveticaNeue-Thin') format('svg');
	}




	@font-face {
		font-family: 'HelveNeuUltLig';
		src: url('../fontes/HelveNeuLig.eot');
		src: local('HelveNeuUltLig'), local('HelveticaNeue-Light'), url('../fontes/HelveNeuLig.woff') format('woff'), url('../fontes/HelveNeuLig.ttf') format('truetype'), url('../fontes/HelveNeuLig.svg#HelveticaNeue-Light') format('svg');
	}

*/



	@font-face {
		font-family: 'HelveNeuUltLig';
		src: url('../fontes/CaviarDreams.eot');
		src: local('Caviar Dreams'), local('CaviarDreams'), url('../fontes/CaviarDreams.woff') format('woff'), url('../fontes/CaviarDreams.ttf') format('truetype'), url('../fontes/CaviarDreams.svg#CaviarDreams') format('svg');
	}

	@font-face {
		font-family: 'HelveNeuThi';
		src: url('../fontes/CaviarDreams.eot');
		src: local('Caviar Dreams'), local('CaviarDreams'), url('../fontes/CaviarDreams.woff') format('woff'), url('../fontes/CaviarDreams.ttf') format('truetype'), url('../fontes/CaviarDreams.svg#CaviarDreams') format('svg');
	}
	@font-face {
		font-family: 'HelveNeuRom';
		src: url('../fontes/CaviarDreams.eot');
		src: local('Caviar Dreams'), local('CaviarDreams'), url('../fontes/CaviarDreams.woff') format('woff'), url('../fontes/CaviarDreams.ttf') format('truetype'), url('../fontes/CaviarDreams.svg#CaviarDreams') format('svg');
	}

	@font-face {
		font-family: 'HelveNeuBol';
		src: url('../fontes/CaviarDreams_Bold.eot');
		src: local('Caviar Dreams'), local('CaviarDreams-Bold'), url('../fontes/CaviarDreams_Bold.woff') format('woff'), url('../fontes/CaviarDreams_Bold.ttf') format('truetype'), url('../fontes/CaviarDreams_Bold.svg#CaviarDreams-Bold') format('svg');
	}



	html
	{
		background-color: #eaeaea;
	}
	body
	{
		background-color: #eaeaea;
		font-family: Arial, Helvetica, sans-serif;
	}

	#extrapage{
		background: transparent url('../images/repeat_03.png') repeat-y 710px 0;
		margin-left:auto;
		margin-right:auto;
		width:960px;
	
	}

	.container_12
	{
		background:transparent url('../images/bg_container.png') no-repeat 0 0;
	}

	div#h1
	{
		margin-top: 10px;
		margin-bottom: 37px;
	}

	div#h1 h1 a
	{
		display:block;
		width:230px; height:118px;
		background:transparent url('../images/logo_gf.png') no-repeat 0 0;
		overflow:hidden; text-indent:-200em;	
	}

	div#content
	{
/*		display:block;*/
		width:710px; 
		overflow:hidden;
	
/*		border:1px red solid;*/
	
	
/*		height:605px; background: transparent url('../images/animation_flash_03.png') no-repeat 0 0;
		overflow:hidden; text-indent:-200em;*/
	}

	div#sidebar_header
	{
		height:59px;
		position: relative;
		z-index: 10000;
	}

	div#sidebar_header a
	{
		font-family: Helvetica, Arial, sans-serif;
		color: #aba8ab;
		font-size: 85%;
		margin:10px;
		float:left;
	}

	div#sidebar_header a:hover
	{
		color: #bc048a;
		text-decoration: underline;
	}

	div#sidebar_header a.lien_extra
	{
		display: block;
		width:229px; height:35px;
		background: transparent url('../images/le_guide_de_la_vdi_03.png') no-repeat 0 0;
		overflow: hidden; text-indent:-200em;
		float:right;
		margin-top: 0px;
		margin: 0px -1px;
	}

	#sidebare_right{
		width:240px;
		margin-right:0;
		overflow:hidden;
		margin-left:-10px;
	}

	div#sidebar_bottom
	{
		clear:both;
	}

	#sidebar_bottom #gf_inside,
	#sidebar_bottom #style_blog
	{
		overflow:hidden;
		position:relative;
	}


	div#sidebar_footer ul
	{
		margin: 6px 0px 6px 20px;
		float:left; overflow:hidden;
		width:160px; 
		list-style-type:none;
		list-style-position:outside;
	}

	div#sidebar_footer
	{
		background-color: #282828;
		width:960px; 
		padding-bottom:5px;
		overflow:hidden;
		*height:1%;
	}

	div#sidebar_footer_top
	{
		background-color: #070707;
		width:960px; height:39px;
		line-height:0px;
		position:relative;
	}

	div#mentions_legales
	{
		margin-left: 20px;
		overflow:auto;
		*height:1%;
		padding-bottom:30px;
		background-color:#EAEAEA;
	}
	div#mentions_legales ul{margin-top:10px;}
	div#mentions_legales li
	{
		float:left; display:block; width:132px; padding-left:10px;
		background:url("../images/decoration_lien_B_03.png") no-repeat scroll 0 4px transparent;

	}

	div#gf_store
	{
		background-color: #ffffff;
		width:230px; 
	}

	div#nav_input
	{
		padding-left:5px;
		margin-top:0px;
		margin-left: 5px;
		clear: both;
		position: relative;
		display: block;
		height:111px;
	}

	div#nav_rubrique1
	{
		width:240px; height:60px;
		background-color: #ffffff;
	}

	div#nav_rubrique2
	{
		width:240px; height:60px;
		background-color: #ffffff;
		position:relative;
	}

	div#nav_rubrique3
	{
		width:240px; height:60px;
		background-color: #ffffff;
		position:relative;
	}

	div#nav_rubrique1.devenez_conseillere
	{
		width:231px; height:194px;
		background-color: #bb1e89;
	}

	div#gf_store
	{
		width:230px; 
		text-align: center;
		width:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top: 20px;
	}

	div#gf_store h3{margin: 0 0 !important; padding: 0 0 !important;}

	div#inscription_news
	{
		clear:both;
		position:relative; 
		display:block; 
		height:50px;
		margin-bottom: 20px;
	}

	div.background_mail
	{
		background: url('../images/input_newsletter_07.png') no-repeat left bottom;
	}

	div.title h4
	{
		color: #2c2c2c;
		font-family: Helvetica, sans-serif;
		font-size: 85%;
		margin-bottom: 6px;
	}

	div.desciption,
	div.description
	{
		color: #8a8a8a;
		font-family: Helvetica, sans-serif;
		font-weight:normal;
		font-size: 85%;
	}

	div.boucle_rss a
	{
		color: #bc048a;
		font-family: Helvetica, sans-serif;
		font-size: 100%;
	}
	div.boucle_rss .blog_auteur img {
		width: 9px;
		height: 9px;
	}
	div.boucle_rss .blog_auteur a.rsswidget {
		color: #666 !important;
		/*font-size: 85%;*/
		font-weight: bold;
		padding-bottom: 5px ;
	}

	div.boucle_rss
	{
		width:200px;
		margin-bottom: 30px;
		margin-right: 30px;
		float:left;
	}

	div.devenez_conseillere
	{
		display: block;
		background: transparent url('../images/devenez_conseillere2_08.png') no-repeat left top;
		margin-top: 0px;
		overflow:hidden;
	}

	div.devenez_conseillere span.bottomNote {
		width: 98%;
		float: left;
		clear:both; 
	}

	div.la_collection
	{
		margin-top: 16px;
	}

	div.vente_privee
	{
		margin-top: 10px;
	}

	div.background_codep
	{
		background: url('../images/input_conseillere_03.png') no-repeat 0 bottom;
		width:221px;
	}

	a
	{
		text-decoration: none;
		color: #bc048a;
	}

	div#h1
	{
		color: #9c9e9f;
		letter-spacing: 10px;
		margin-left:10px;
	}

	div#h1 em
	{
		color: #1a171b;
		letter-spacing: 1px;
	}

	h2
	{
		font-family: 'HelveNeuUltLig',Helvetica, sans-serif;
		color: #6e6b6e;
		font-size: 189%;
	}

	h3
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		color: #bc048a;
		font-size: 138.5%;
	}

	h4
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-weight: bold;
		font-size: 131%;
		color: #2c2c2c;
	}

	h6
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-size: 108%;
		color: #949294;
	}

	p
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-size: 93%;
		color: #3e3e3e;
	}

	strong
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-weight: bold;
		font-size: 93%;
		color: #000000;
	}

	/*em
	{
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-style: italic;
		font-size: 12px;
		color: #3e3e3e;
	}*/

	h2.h2_devenez_conseillere
	{
		color: #eaeaea;
	}

	h2.h2_devenez_conseillere a
	{
		color: #eaeaea;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 60%;
		float:left;
		margin:10px;
		font-weight:bold;
	}

	h2.h2_devenez_conseillere em
	{
		color: #eaeaea;
		font-family: 'HelveNeuBol',Helvetica, sans-serif;
		font-size:167%;
		margin: 15px 0px;
		float:left;
	}


	h2.h2 a
	{
		color: #2c2c2c;
		font-family:'HelveNeuUltLig', Helvetica, sans-serif;
		font-weight:lighter;
		font-size: 100%;
		float:left;
		position:absolute;
		top:5px; left:10px;
	}

	h2.h2 em
	{
		color: #949094;
		font-family: Helvetica, Arial, sans-serif;
		font-weight:normal;
		font-size:12px;
		float:left;
		margin-bottom: 35px;
	}

	h2.titre_input
	{
		color: #2c2c2c;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 93%;
		margin-bottom: 10px;
		float:left;
		font-weight:normal;
	}

	h2 strong
	{
		color:#bc048a;
	}

	h2.titre_input_recherche
	{
		color: #2c2c2c;
		font-family: Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size: 93%;
		margin-bottom: 10px;
		position: absolute;
		margin-top: 40px;
		font-weight:normal;
	}

	h2.h2 strong
	{
		color:#bc048a;
	}

	h3.h3
	{
		font-family: 'HelveNeuUltLig', Helvetica, sans-serif;
		font-weight:lighter;
		font-size: 30px;
		color: #bc048a;
		margin-top: 10px;
		margin-bottom: 10px;
		display:block;
	}

	h3.h3 em
	{
		font-family: 'HelveNeuUltLig', Helvetica, sans-serif;
		font-weight:normal !important;
		font-size: 30px;
		color:#a8a8a8;
	}

	h3.h3 strong
	{
		color:#bc048a;
	}

	h3.footer_top
	{
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 93%;
		height:43px;
		background-color:#060606;
		padding:0 10px;
		position:relative;
	}
	span.vd
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 93%;
		color: #949094;
		display:block; float:right;
		height:40px;
		position:absolute; top:0; right:8px;
		line-height:3.2em;
	}


	h3.footer_top em.footer_top
	{
		color: #867f83;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	h3.footer_top img{vertical-align:middle;}

	h3 span.rss1
	{
		display: block; 
		width:20px; height:20px;	
		background: transparent url('../images/rss_07.png') no-repeat 0 0;
		overflow:hidden; text-indent:-200em;
		position:absolute; left:190px; top:20px;
	}

	h3 span.rss2
	{
		display: block; 
		width:20px; height:20px;	
		background: transparent url('../images/rss_07.png') no-repeat 0 0;
		overflow:hidden; text-indent:-200em;
		position:absolute; left:190px; top:20px;
	
	}

	ul
	{
		list-style-type : none
	}

	li.titre
	{
		color: #ba9f74;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 100%;
		font-weight: bold;
		margin-top:10px;
		margin-bottom: 5px;
		padding-bottom:5px;
		border-bottom:1px dashed #988E77;
	}
	li.li{
		margin:4px 0;
	}

	li.li a
	{
		background: transparent url('../images/decoration_lien_B_03.png') no-repeat 0 4px;
		color: #a8a8a8;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 65%;
		padding-left:10px;
	}

	li.li a:hover
	{
		color: #bc048a;
	}

	li.li_footer a
	{
		color: #a8a8a8;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 100%;
	}

	li.li_footer a:hover
	{
		color: #bc048a;
	}


	span.gf_store
	{
		display: block;
		background: url('../images/gf_store_04.png') no-repeat 0 0;
		width:222px; height:286px;
		overflow:hidden; text-indent:-200em;
	}

	span.fvd
	{
		display: block;
		background: url('../images/logo_fvd_11.png') no-repeat 0 0;
		width:59px; height:39px;
		overflow:hidden; text-indent:-200em;
		position: absolute;
		line-height: 0px; 
		position: absolute;
		top:0px; left:370px;
		line-height:0px;
	}



	span.video_flash
	{
		display: block;
		background: url('../images/video_flash_10.png') no-repeat 0 0;
		width:211px; height:164px;
		overflow:hidden; text-indent:-200em;
		margin-bottom: 20px;
	}

	span.carte_fr
	{
		display: block;
		background: url('../images/carte_fr_03.png') no-repeat 0 0;
		width:96px; height:84px;
		float: right;
		overflow:hidden; text-indent:-200em;
		margin: 0px 2px;
	}

	span.decoration
	{
		display: block;
		background:transparent url('../images/decoration_lien_03.png') no-repeat 0 0;
		width:4px; height:7px;
		overflow:hidden; text-indent: -200em;
		float:left;
		margin: 3px 2px;
		margin-right: 4px;
		margin-left: 4px;
	}

	span.decorationF
	{
		display: block;
		background:transparent url('../images/decoration_lien_F_03.png') no-repeat 0 0;
		width:5px; height:7px;
		overflow:hidden; text-indent: -200em;
		float:left;
		margin: 4px 0px;
		margin-right: 4px;
		margin-left: 4px;
	}

	span.decorationB
	{
		display: block;
		background: transparent url('../images/decoration_lien_B_03.png') no-repeat 0 0;
		width:4px; height:7px;
		overflow:hidden; text-indent: -200em;
		float:left;
		margin: 3px 0px;
		margin-right: 4px;
		margin-left: 4px;
	}

	span.telephone
	{
		border:none;
		display: block;	
		background: transparent url('../images/telephone_09.png') no-repeat 0 0;
		width:222px; height:27px;
		overflow:hidden; text-indent:-200em;
		position:absolute;
		top:110px; left:0px;
		margin-top: 5px;
	}

	input.value_input_codep
	{
		border:none;
		width:190px;
		font-family: Helvetica, sans-serif;
		font-size: 85%;
		color: #b8b5b8;
		position: absolute;
		/*margin: -15px 5px;*/
		top:92px; left:5px;
	}

	input.value_input_email
	{
		border:none;
		width:195px;
		font-family: Helvetica, sans-serif;
		font-size: 85%;
		color: #b8b5b8;
		position:absolute;
		top:31px; left:10px;
	}

	input.envoyer
	{
		border:none;
		display: block;
		background:transparent url('../images/loupe_03.png') no-repeat 0 0;
		width:20px; height:20px;
		overflow: hidden; text-indent: -200em;
		position:absolute; top:90px; left:200px;
		cursor:pointer;
	}

	input.ok
	{
		border:none;
		display: block;
		background:transparent url('../images/ok_03.png') no-repeat 0 0;
		width:22px; height:13px;
		overflow: hidden; text-indent: -200em;
		position:absolute; top:32px; left:230px;
		cursor:pointer;
	}


	/*-------------------------------------------------------------------------------------*/
	/* =  style pour les faq			 */
	/*-------------------------------------------------------------------------------------*/
	.wsg_commun.faq h3 {
		font-size:100% !important;
		padding-bottom:3px;
		border-bottom:1px #CFCCD0 solid;
		cursor:pointer;
		margin-bottom:0px !important;
		padding-left:20px;
		background:transparent url('../images/faqitem.gif') no-repeat;
	
	}
	.wsg_commun.faq h3.active{
		color:#242424; font-weight:bold;
		border-bottom:1px #242424 solid;
		background:transparent url('../images/faqitem2.gif') no-repeat;
	}
	.wsg_commun.faq blockquote{
		background-color:#FFF;
		width:670px;
	
	}

	.wsg_commun.faq blockquote p{margin:0 10px; padding:5px 0; }


	/*-------------------------------------------------------------------------------------*/
	/* =  style pour la VDI			 */
	/*-------------------------------------------------------------------------------------*/
	#sommaire{
		background-color:#DFDAE0;
		margin-top:20px;
	}
	#sommaire ul{margin:5px; font-size:95%;}
	#sommaire ul li{font-weight:bold; margin:3px 0; padding-bottom:2px;}
	#sommaire ul li a{border-bottom:1px #BB279B solid; display:block;}

	#sommaire ul li ul li{font-weight:normal;}
	#sommaire ul li ul li a{color:#6C6B6E; border-bottom:1px #6C6B6E dashed;}


	/*-------------------------------------------------------------------------------------*/
	/* =  form contact wpcf7-form			 */
	/*-------------------------------------------------------------------------------------*/
	.wpcf7-form{ background-color:#CFCCD0; padding:10px 0; margin-right:20px;}
	.wpcf7-form p{margin:10px !important;}


	/*-------------------------------------------------------------------------------------*/
	/* =  style pour la google map			 */
	/*-------------------------------------------------------------------------------------*/
	.entry #nav_input_commun {
		height:70px;
		padding-left:10px;
		margin-top:0px;
		margin-left: 0px;
		position:relative;
		background-color: #d0ccd0 !important;
	}

	.entry .background_codep {
		width: 654px !important;
		background: url("../images/input_conseillere_03.png") no-repeat scroll 240px 18px;
	}
	.entry input.value_input_codep_commun  {
	left:245px;
	top:25px;
	}

	.entry input.envoyer_commun  {
	left:440px;
	top:25px;
	}
	#mainNav {position: absolute; top: 80px; width:  700px;}

	#mainNav h2 {
		display: inline;
		position: relative;
		font-size: 123.1%;
		color: #fff;
		cursor: pointer;
	}

	#mainNav h2 span.quiSommesNous,
	#mainNav h2 span.GFrecrute,
	#mainNav h2 span.GFclientes,
	#mainNav h2 span.collections {
		text-indent: -500em;
		height:  20px;
		float: left;
		background: url("../images/b_navPrincipale.png");
	}

	#mainNav h2 span.quiSommesNous {
		width: 170px;
		display: block;
		margin-left: 10px;
		background-position: -20px -10px ;
	}
	#mainNav h2 span.quiSommesNous:hover, #mainNav h2.active span.quiSommesNous {
		width: 170px;
		display: block;
		margin-left: 10px;
		background-position: -20px 30px ;
	}
	#mainNav h2 span.GFrecrute {
		width: 180px;
		background-position: -190px -10px ;
	}
	#mainNav h2 span.GFrecrute:hover, #mainNav h2.active span.GFrecrute {
		background-position: -190px 30px ;
	}
	#mainNav h2 span.GFclientes {
		width: 115px;
		background-position: -374px -10px ;
	}
	#mainNav h2 span.GFclientes:hover, #mainNav h2.active span.GFclientes {
		background-position: -374px 30px ;
	}
	#mainNav h2 span.collections {
		width: 135px;
		background-position: -496px -10px ;
	}
	#mainNav h2 span.collections:hover, #mainNav h2.active span.collections {
		background-position: -496px 30px;
	}
	#mainNav ul.ssnav {position: absolute; padding: 0px 10px; background-color: #2c2c2c; width: 210px;top:  29px; z-index: 5; }

	.ssnav {}
	.ssnav li {padding: 2px 3px; margin: 2px 0;}
	.ssnav li a {display: block;}

	.ssnav li a:hover{color: #fff;}

	#mainNav ul#ssnav1{left: 0;}

	#mainNav ul#ssnav2{left: 170px;}

	#mainNav ul#ssnav3{left: 350px;}

	#mainNav ul#ssnav4{left: 470px;}

	/* Masquage */

	#content {overflow: hidden;}
	#gfstore_commun, #gf_inside_commun {display:none;}
	
	/* Bouton retour boutique */
	
	.back-store a {
	width:  240px;
	height: 30px;
	display: block;
	background: url(../images/btn_backToSite.png) no-repeat top left;
	text-indent: -1500em;
	}

.back-store {
	width:  240px;
	height: 30px;
	background: (../images/btn_backToSite.png) no-repeat top left;
	}