*{margin:0;padding:0;}


body
{
	background:#FFF;
	font-family: georgia, Arial;
	font-size:8pt;
	line-height: 1.166;
	margin:0;
	height:100%; 	
	overflow-x:hidden; 
}

#top-header{width:100%;height:57px;margin-left:auto;margin-right:auto;padding:20px;background:#0f1923}
#gensou_global_nav{width:960px;height:57px;margin-left:auto;margin-right:auto;background:url(images/gensou_small.png) no-repeat top left;}
#gensou_global_nav form{float:right;}
#gensou_global_nav form input[type=text]{background:url(images/input_newsletter.png) no-repeat;border:none;width:157px;height:28px;padding-left:5px;padding-bottom:5px;margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif;color:#999;float:left;}
#gensou_global_nav form input[type=password]{background:url(images/input_newsletter.png) no-repeat;border:none;width:157px;height:28px;padding-left:5px;padding-bottom:5px;margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif;color:#999;float:left;}
#gensou_global_nav form label{font-family:Verdana, Geneva, sans-serif;font-size:10px;color:#FFF;margin-right:120px;}



/*Div comportant le menu principal------------------------------------------------------------------------*/
#header{width:100%;height:auto;background:#004d89 url(images/bg_header.png) repeat-x;overflow:hidden;}
#slogan {width:910px;height:50px;margin-right:auto;margin-left:auto;}
#slogan h2
	{
	color:#FFF;text-shadow: 0pt -1px rgba(0, 0, 0, 0.3);
	float:right;font-size:28px;font-style:italic;width:405px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:35px;margin-right:40px;text-align:left;
	}
#slogan p
	{
	color:#004362;margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;
	font-style:normal;font-size:26px;font-weight: 600;text-shadow:none;
	margin-top:10px;
	}
.product{float:left;width:186px;height:170px;background:url(images/product_header.png) no-repeat;}
.bloc_note_astuces{float:left;width:250px;height:201px;background:url(images/bloc_note_astuces.png) no-repeat;}
.bold{font-weight:600;}
.button
{
	background:url(images/button_benefits.png) no-repeat;width:178px;height:33px;
	padding:10px;font-size:14px;font-family:Helvetica, Arial, sans-serif;
	font-style:normal;margin-top:15px;margin-bottom:20px;
}
.telephone{background:url(images/dark_phone.png) no-repeat top left;padding-left:20px;float:right;color:#333;height:30px;font-family:Helvetica, Arial, sans-serif;font-size:14px;margin-top:2px;}
.button:hover{background-position:0 -53px;cursor:pointer;}
#slogan p.current{font-weight:400;}
/*Div comportant le menu primaire ----------------------------------------------------------------------------------*/
#gensou_primaireNavs ul
{
	width:330px;
	height:38px;
	padding:13px;
	float:right;
	margin-top:-28px;
	
}

#gensou_primaireNavs li
{
	list-style-type:none;
	float:left;
	height:41px;
	font-size:8pt;
	font-family:verdana;
	color:#3399CC;
}

#gensou_primaireNavs a{color:#CCCCCC;text-decoration:none;padding-right:10px;padding-left:12px;padding-bottom:7px;}
#gensou_primaireNavs a.current{color:#fff;border-bottom:2px solid #0099CC;}
#gensou_primaireNavs a:hover{color:#fff;border-bottom:2px solid #0099CC;}

#gensou_secondaireNavs {width:100%;height:41px;background:url(images/bg_secondary_nav.png) repeat-x;}
#gensou_secondaireNavs ul, #gensou_footerNavs ul
{
	width:910px;
	height:41px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	
}

#gensou_secondaireNavs li, #gensou_footerNavs li
{
	list-style-type:none;
	font-variant:small-caps;
	text-shadow: 0pt 1px #333;
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	height:41px;
	font-size:10pt;
	color:#3399CC;
}

#gensou_secondaireNavs a, #gensou_footerNavs a{color:#036;text-decoration:none;padding-right:12px;padding-left:12px;padding-bottom:7px;}
#gensou_secondaireNavs a.current, #gensou_footerNavs a.current{color:#fff;border-bottom:3px solid #0f1923;}
#gensou_secondaireNavs a:hover, #gensou_footerNavs a:hover{color:#fff;border-bottom:3px solid #0f1923;}


.folio_block {float:left;margin-top:39px;}
.folio_block img{border:0;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:290px;	width: 420px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 50px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
}
.paging a.active {
	font-weight: bold; 
	background: #09C; 
	border: 1px solid #06C;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


#content_global
{
	background-color: #ffffff;
	background-image: url(images/texture-papier-gris.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center top;
	border-top:1px solid #999;
}

#content
{
	width:910px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	overflow:hidden;
}
#content img.present{border-bottom:1px solid #CCC;margin-bottom:20px;}
#content_left{float:left;width:550px;height:auto;margin-bottom:20px;}
#content_right{float:right;width:350px;height:auto;}


/*Titres Gensou.fr*--------------------------------------------------------------------------------------*/

h2.intro
{
	color:#09C;width:500px;font-size:18px;font-weight:bold;
	border-bottom:1px dotted #CCC;margin-bottom:10px;
	margin-left:0;font-weight:normal;padding:3px;
	padding-left:0px;
	text-shadow: 0pt 1px #999;
}
h2.entreprise
{
	color:#09C;width:500px;font-size:18px;font-weight:bold;
	margin-bottom:10px;margin-left:0;font-weight:normal;padding:3px;
	padding-left:0px;
	text-shadow: 0pt 1px #999;
}
h2.profil_intro
{
	color:#09C;width:500px;font-size:18px;font-weight:bold;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	margin-left:30px;font-weight:normal;padding:3px;
	padding-left:0px;font-size:18px;
	text-shadow: 0pt 1px #999;
}
h2.side_right
{
	color:#09C;width:500px;font-size:18px;font-weight:bold;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;margin-top:35px;
	margin-left:30px;font-weight:normal;padding:3px;
	padding-left:0px;font-size:18px;
	text-shadow: 0pt 1px #999;
}


p.intro{font-size:14px;color:#333;}
p.intro img{border:3px solid #CCC;margin-bottom:10px;}
.profil{background:url(images/photo_profil.png) no-repeat;width:116px;height:122px;float:right;}
.citation{background:url(images/debut_citation.png) no-repeat left top;font-style:italic;padding-left:30px;padding-top:10px;font-family:Georgia, "Times New Roman", Times, serif;}
.fin_citation{background:url(images/fin_citation.png) no-repeat top right;width:32px;height:25px;float:right;margin-top:-20px;}
.auteur{font-family:Georgia, "Times New Roman", Times, serif;float:right;}
/*Accordion / Jquery UI*--------------------------------------------------------------------------------------*/


/*Prestations Gensou.fr*--------------------------------------------------------------------------------------*/
/*Prestations Formulaire de devis*--------------------------------------------------------------------------------------*/
.form_devis{margin-left:30px;}
.input_devis{background:url(images/input_newsletter.png) no-repeat;border:none;width:157px;height:28px;padding-left:5px;padding-bottom:5px;margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif;color:#999;float:left;}
.textarea_devis{background:url(images/textarea_devis.png) no-repeat;border:none;width:242px;height:120px;padding-left:5px;padding-left:5px;margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif;color:#999;font-size:13px;padding-top:3px;}
.submit_devis{background:url(images/submit_devis.png) no-repeat; width:90px;height:28px;border:none;color:#333;text-shadow: 0pt 1px #FFF;font-family:Georgia, "Times New Roman", Times, serif;margin-left:50px;margin-top:20px;float:left;}
.submit_devis:hover{background-position:0px -28px;text-shadow: 0pt 1px #CCC;}
p.adresse{margin-left:30px;}
	
	.inputContainer{position:relative; float:left;}
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px;display:none;font-size:14px;}
			.formError .formErrorContent {
				width:100%; 
				background:#09C;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:1px solid #069;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#09C;}
			
			.blackPopup .formErrorContent {background:#09C;color:#FFF;}
			
			.formError .formErrorArrow{
				width:15px;
				margin:-2px 0 0 13px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #069;
					border-right:2px solid #069;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#09C;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#069;}
				.blackPopup .formErrorArrow div{background:#069;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #069;
					border-right:2px solid #069;
					border-bottom:0px solid #069;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#069;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#069;}  
				
				
iframe{border:3px solid #CCC;padding-bottom:20px;}
a.link{font-size:12pt;color:#333;top:50px;text-shadow: 0pt 1px #999;}
a.link:hover{background:url(images/external-link.png) no-repeat;background-position: 0px 6px;color:#09C;padding-left:10px;}
a.link{text-decoration:none;color:#09C;font-size:14px;}
/*Tabs / Jquery UI*--------------------------------------------------------------------------------------*/
#tabs{width:616px;height:228px;margin:5px;margin-top:-5px;}
#tabs img{float:left;width:200px;height:121px;}

#gensou_share_it
{
	background:url(images/gensou_shareit.png) no-repeat bottom left;
	background-position:5px 7px;
	background-color:#394756;
	width:611px;
	height:30px;
	margin:5px;
	padding:5px;
	border-top:1px solid #46484a;
	border-left:1px solid #46484a;
	border-right:1px solid #46484a;
	margin-top:-5px;
}
#gensou_share_it ul {width:500px;height:18px;float:right;margin-top:-2px;}
#gensou_share_it li {list-style-type:none;float:left;margin:6px 3px;}
#gensou_share_it img.gensou_twitter{width:76px;height:18px;border:0px;}
#gensou_share_it img.gensou_linkedin{width:74px;height:18px;border:0px;}

/*Content-side index Gensou.fr*--------------------------------------------------------------------------------------*/
#content_side_menu{float:right;width:312px;height:auto;margin-right:-46px;margin-top:-325px;display:block;}
#titre_etapes{background:url(images/titre_etapes.png) no-repeat top right;width:305px;height:62px;background-position:33px 0px;float:right;}
p {font-size:14px;margin-bottom:10px;}
#titre_profil
{
	background:url(images/titre_quisommesnous_vertical.png) no-repeat top right;
	width:305px;height:62px;background-position:33px 0px;float:right;
	padding-top:65px;
}
a.external:link, a.external:visited{background-position:0px 3px;}
a.external:hover, a.external:active{background:url(images/external-link.png) no-repeat;background-position:0px 3px;}
#side-menu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:240px;
	font-size: 14px;
	line-height: 1.5;
	margin-left:50px;
	float:left;
}



#side-menu li {padding:5px;border-top:1px dotted #CCC;}
#side-menu span {color: #fff;}
#side-menu a:link,#side-menu a:visited {background:url(images/external-link.png) center left no-repeat;text-decoration:none;color:#333;padding-left:10px;}
#side-menu a:hover,#side-menu a:active{color:#09C;padding-left:15px;background-position:5px;}

.left{float:left;}
.left{float:right;}

/*Références Gensou.fr-----------------------------------------------------------------------------------*/
#reference_gensou{width:100%;}
#reference_gensou h4{font-size:10pt;font-variant:normal;color:#09C;}
#reference_gensou_realisations{background-color:#333333;width:300px;border:1px solid #999999;padding:5px;}

#reference_gensou_sites_maquettes{background-color:#0f1923;width:99%;height:151px;border:1px solid #999999;padding:5px;color:#0099FF;}
#reference_gensou_sites_maquettes:hover{background-color:#CCF;color:#036;}
#reference_gensou_sites_maquettes img{width:370px;height:151px;border:1px solid #036;}
#etiquette_gensou{background:url(images/signature_gensou.png) top left no-repeat;margin-top:-161px;margin-left:-6px;width:125px;height:124px;position:absolute;}
#reference_gensou_sites_maquettes h4{font-size:10pt;font-variant:normal;color:#09C;}
#reference_gensou_sites_maquettes p {font-size:12px;float:right;width:490px;padding:10px;border-top:1px  dashed #999999;border-bottom:1px  dashed #999999;}

#reference_gensou_packaging_print{float:right;width:50%;}
#reference_gensou_realisations{background-color:#333333;width:300px;border:1px solid #999999;padding:5px;}
/*Widget (video,trucs et astuces,newsletter)---------------------------------------------------*/
#gensou_widget
{
	width:905px;
	height:174px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:10px;
	border-top:1px dotted #CCC;
}
#gensou_widget h3{font-size:18pt;font-weight:normal;color:#09C;text-shadow: 0pt 1px #999;}
#gensou_widget img {border:3px solid #CCC;margin-left:3px;float:left;width:90px;height:90px;}
#gensou_widget img:hover {border:3px solid #999;}
#gensou_widget a{font-size:12pt;color:#333;position:relative;top:50px;text-shadow: 0pt 1px #999;}
#gensou_widget a:hover{background:url(images/external-link.png) no-repeat;background-position: 0px 6px;color:#09C;padding-left:10px;}
.newsletter{background:url(images/input_newsletter.png) no-repeat;border:none;width:157px;height:28px;padding-left:5px;padding-left:5px;margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif;color:#666;}
.submit{background:url(images/submit_newsletter.png) no-repeat; width:58px;height:28px;border:none;color:#333;text-shadow: 0pt 1px #FFF;font-family:Georgia, "Times New Roman", Times, serif;}
.submit:hover{background-position:0px -28px;text-shadow: 0pt 1px #CCC;}
#gensou_movie_intro{width:250px;height:174px;float:left;padding:5px;background:url(images/widget_movie.png) top right no-repeat;}
#gensou_trucs_astuces{width:250px;height:174px;margin-left:auto;margin-right:auto;padding:5px;background:url(images/widget_astuce.png) top right no-repeat;}
#gensou_ref
{
	width:905px;
	height:130px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:10px;
	border-top:1px dotted #CCC;
}
#gensou_ref h3{font-size:18pt;font-weight:normal;color:#09C;text-shadow: 0pt 1px #999;}
#gensou_ref img {border:3px solid #CCC;margin-left:3px;float:left;width:90px;height:90px;}
#gensou_ref img:hover {border:3px solid #999;}




/*////////////////////////////
	NEWSLETTER FORMULAIRE
////////////////////////////*/
#gensou_newsletter{width:250px;height:174px;float:right;padding:5px;background:url(images/widget_newsletter.png) top right no-repeat;}
#gensou_newsletter textarea:focus{background-color:#193148;border:1px solid #09C;color:#FFF;}
#gensou_newsletter input.left{background-color:#FFF;border:1px solid #666;width:135px;height:13px;vertical-align:middle;font-family:Georgia, "Times New Roman", Times, serif;float:left;padding:5px;color:#ccc;margin-top:5px;margin-right:5px;margin-bottom:5px;}
#gensou_newsletter input.left:focus{background-color:#193148;border:1px solid #09C;color:#FFF;}
#gensou_newsletter input.right{background-color:#0f1e2c;border:1px solid #666666;vertical-align:middle;font-family:Georgia, "Times New Roman", Times, serif;float:right;padding:5px;color:#FFF;margin-top:5px;margin-right:5px;margin-bottom:5px;}
#gensou_newsletter input.right:focus{background-color:#193148;border:1px solid #09C;color:#FFF;}
#gensou_newsletter input.button{background-color:#CCC;border:1px solid #666666;vertical-align:middle;font-family:Georgia, "Times New Roman", Times, serif;padding:5px;color:#000;margin-top:3px;margin-right:5px;margin-bottom:5px;}
#gensou_newsletter input.button:focus{background-color:#069;border:1px solid #09C;color:#FFF;}
#gensou_newsletter label.left{vertical-align:middle;font-family:Georgia, "Times New Roman", Times, serif;float:left;color:#09F;margin-right:5px;margin-bottom:5px;margin-top:6px;}
#gensou_newsletter .radio{vertical-align:middle;font-family:Georgia, "Times New Roman", Times, serif;float:left;color:#09F;margin-right:5px;margin-bottom:5px;margin-top:5px;}




/*Footer Gensou.fr-----------------------------------------------------------------------------------*/
#footer-global
{
	background:url(images/footer.png) bottom repeat-x;
	width:100%;
	height:33px;
	margin-top:-30px;
}

#footer
{
	background:#0f1923;width:100%;padding:10px;overflow:hidden;margin-top:-2px;}
	
#content_footer
{
	width:910px;font-size:8pt;color:#666666;padding:10px;
	margin-left:auto;margin-right:auto;overflow:hidden;
}
#content_footer p{font-size:12px;padding-top:5px;padding-bottom:5px;}
#content_footer h3{color:#FFF;border-left:2px solid #09C;padding-left:3px;font-size:20px;text-shadow: 0pt 1px #000;font-weight:normal;}
#content_footer ul {padding-top:10px;padding-bottom:10px;border-top:1px solid #333;}
#content_footer li {list-style-type:none;}
#content_footer li a{text-decoration:none;color:#09C;}
.grid_4{float:left;display: inline;width:210px;margin-right:15px;}
.copyright
{
	clear: both;
	color:#069;
	border-top:1px solid #333;
	margin-top: 19px;
	padding-top: 10px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
}

.copyright p{line-height:26px;font-size:11px;margin-top:5px;}
.copyright img{display:block;width:103px;height:39px;float:left;}
/*JQuery ancre scroll top top*/
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:44px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -44px;
	width:51px;
	height:44px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
div.overlay 
{
	background-image:url(images/transparent.png);
	width:600px;height:470px;display:none;padding:55px;
	color:#fff;
}
div.overlay #mediaspace{margin-left:-20px;margin-top:40px;}
div.overlay p{color:#fff;font-size:10pt;}
div.overlay p.gris{color:#999999;font-size:10pt;margin-top:-10px;}
div.overlay h3{color:#0099FF;font-size:14pt;font-style:italic;}
div.overlay h4{color:#0099FF;font-size:13pt;font-style:italic;}
div.overlay div.close 
{
background-image:url(http://static.flowplayer.org/img/overlay/close.png);position:absolute;
right:5px;top:5px;cursor:pointer;height:35px;width:35px;
}
/* black */
div.overlay.black {background:url(http://static.flowplayer.org/img/overlay/transparent.png) no-repeat !important;color:#fff;}
/* petrol */
div.overlay.petrol {background:url(http://static.flowplayer.org/img/overlay/petrol.png) no-repeat !important;color:#fff;}
div.black h2, div.petrol h2 {color:#ddd;}
div.growlUI { background: url(/images/check48.png) no-repeat 10px 10px; }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left;font-size:14px;
}