/* CSS Document */
html{
	margin:0;
	padding:0;
	background:url(/shared/medias/interface/communs/bkg_gradient.gif) top repeat-x;
}

body{
	margin:0;
	padding:0;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#727272;
}

img, a img{
	border:0;
}

div.clear {
	clear:both;
}

.cursorPointer{
	cursor:pointer;
}

.hr{
	background:url(/shared/medias/interface/communs/bordure_grise_1_2_pale.gif) left repeat-x;
	width:901px;
	height:33px;
}

.tooltip{
	background-color:white;
	border:1px #4E4E4E solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:2px 5px;
}

h2,
h2 a{
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color:#fe3e0d;
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	margin:15px 0 15px 0;
}
h2.titre_section{
	color:#fe3e0d;
	font-size:22px;
	text-transform:uppercase;
	margin:2px 0;
}
h3.dark_grey{
	color:#555555;
	font-size:18px;
	text-transform:uppercase;
	margin:0 0 8px 0;
}
a{
	color:#727272;
}

.btn_smenu_section{
	background:url(/shared/medias/interface/communs/pointille_noir_x.gif) repeat-x top;
	color:#555;
	font-weight:bold;
	padding:8px 0px;
}
.btn_smenu_section a{
	text-decoration:none;
	display:block;
}
.btn_smenu_section a.inactive{
	color:#989898;
}
.btn_smenu_section a.current{
	color:#fe3e0d;
}
/* COLUMS LAYOUT ---------------------------------------------------------------- */

div.content{
	width:900px;
	margin:auto;
}

div.margin{
	margin-right:15px;
}

div.col1-3{
	float:left;
	width:290px;
}

div.col1-2{
	float:left;
	padding-right:20px;
	width:425px;
}

div.col2-3{
	float:left;
	width:595px;
}

	div.col1-3 #colg,
	div.col2-3 #colg{
		float:left;
		width:115px;
	}
	
	div.col1-3 #cold{
		float:left;
		width:175px;
	}
	
div.bottom_stoke{
	padding-bottom:20px;
	background:url(/shared/medias/interface/communs/bordure_grise_1_2.gif) bottom left repeat-x;
	height:245px;
}


/* COMMONS FORM ----------------------------------------------------- */
a.btnAction{
	display:inline-block;
	height:30px;
	margin:10px 0 0 0;
	border:none;
	text-decoration:none;
	color:#333333;
}

a.btnAction img{
	float:left;
	border:none;
}

.btnAction span{
	padding-top:7px;
	height:25px;
	float:left;
	background:url(/shared/medias/interface/communs/btn_action_center.gif) repeat-x;
	cursor:pointer;
	line-height:normal;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.btnBuy{
	display:inline-block;
	height:32px;
	margin:0;
	border:none;
	text-decoration:none;
	color:#3e3e3e;
}

a.btnBuy img{
	float:left;
	border:none;
}

.btnBuy span{
	padding:8px 22px 0 22px;
	height:24px;
	float:left;
	background:url(/shared/medias/interface/communs/btn_buy_center.gif) repeat-x;
	cursor:pointer;
	line-height:normal;
	color:#3e3e3e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

/* INDEX/HOME STYLES ----------------------------------------------------- */
#index_content{
	margin-top:10px;
}

#index_content p{
	color:#555555;
	font-size:12px;
	line-height:20px;
	margin:0px;
}

#index_content #benefits p{
	width:510px;
}

#index_content div#menu{
	background:url(../medias/sections/home/menu/index_menu_bkg.gif) top left no-repeat;
	width:272px;
	height:186px;
	padding:25px 9px 25px 9px;
}
#index_content div#menu img.filet{
	margin: 5px 0 5px 0;
	display:block;
}

#index_content div#menu img.toggler{
	font-size:18px;
	font-weight:normal;
	cursor: pointer;
	color: #ffffff;
	margin:0;
	display:block;
	/*background:url(../medias/sections/home/menu/index_menu_filet.png) bottom repeat-x;*/
}

#index_content div#menu div.element{
	color:#ffd6a5;
	padding-left:21px;
	padding-right:10px;
	display:block;
}

#index_content div#menu div.element div.spacer{
	height:5px;
	display:block;
}

#index_content div#menu form{
	margin:0;
	padding:0;
}

#index_content div#menu input{
	width:180px;
	color:#7b7b7b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px solid #9d6d60;
	margin-bottom:5px;
	float:left;
}

#index_content div#menu a{
	color:#ffb586;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	text-decoration:none;
}

#flash #index_noflash{
	background-color:#1d1d1d;
	height:255px;	
	padding-top:120px;
}

#index_noflash #noflash_content{
	margin:auto;
	width:650px;
}

#index_noflash .noflash_col1-2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#index_noflash .noflash_col1-2 p{
	color:#bcbdc0;
	margin:50px 0px 0px 25px;
	text-align:left;	
}

#index_noflash .noflash_col1-2 a{
	color:#f57b20;
	font-size:12px;
}

/* FAQ STYLES ------------------------------------------------------------ */
#faq_content{
	margin-top:30px;
}

#faq_content #faq_shortcuts a{
	display:block;
	font-size:12px;
	color:#555555;
	text-decoration:none;
	padding:8px 0 8px 0;
	background:url(../medias/sections/faq/faq_bkg_shortcuts.gif) bottom left no-repeat;
}

#faq_content #faq_shortcuts a:hover{
	color:#fe3e0d;
	text-decoration:none;
}

#faq_content #faq_details{
	margin-top:15px;
}

#faq_content #faq_details div.detail{
	background:url(../shared/medias/interface/communs/bordure_grise_1_2_pale.gif) bottom left repeat-x;
	padding:20px 0 22px 0;
}

#faq_content #faq_details div.detail h3{
	font-size:20px;
	color:#fe3e0d;
	font-weight:normal;
	margin:0;
}

#faq_content #faq_details div.detail p{
	color:#555555;
	font-size:14px;
	line-height:20px;
	margin:12px 0 18px 0;
}

#faq_content #faq_details div.detail a.top{
	color:#8f8e8e;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
}

/* GALLERY STYLES -------------------------------------------------------- */
#gallery_content{
	padding-top:30px;
}
#gallery_content #thumbnails-mask{
	clip:rect(0px, 900px, 97px, 0px);
	width:900px;
	height:97px;
	position:relative;
	overflow:hidden;
}
#gallery_content #thumbnails-wrapper{
	position:absolute;
}

#gallery_content #navigation-image{
	width:inherit;
}

#gallery_content .image{
	border:1px #191919 solid;
	background-color:#333333;
}

#gallery_content #navigation-image{
	width:inherit;
}

#gallery_content .btn-navimage{
	width:115px;
	cursor:pointer;
}

#gallery_content #btn-navimage-previous{
	float:left;
	margin-left:10px;
	_margin-left:5px;
}

#gallery_content #btn-navimage-next{
	float:right;
	text-align:right;
	margin-right:10px;
	_margin-right:5px;
}

#gallery_content .large{
	width:640px;
	padding:4px;
	overflow:hidden;
	float:left;
}

#gallery_content .thumbnail{
	float:left;
	padding:3px;
	margin-right:4px;
	cursor:pointer;
}

#gallery_content .thumbnail:hover{
	border-color:white;
	background-color:white;
}

#gallery_content .thumbnailSelected{
	border-color:white;
	background-color:white;
	cursor:auto;
}

#gallery_content .thumbnailsPage{
	float:left;
}

#gallery_content #navigation{
	margin-top:8px;
}

#gallery_content #navigation .btn{
	height:29px;
	padding-top:9px;
	font-size:11px;
	color:#C1C1C1;
}

#gallery_content #navigation .btn:hover{
	color:#555555;
	cursor:pointer;
}
#gallery_content #navigation #btn-previous{
	float:left;
	background:url(/medias/sections/gallery/btn_previous_up.gif) no-repeat left;
	padding-left:35px;
}
#gallery_content #navigation #btn-next{
	float:right;
	background:url(/medias/sections/gallery/btn_next_up.gif) no-repeat right;
	padding-right:35px;
}

#gallery_content #vignetteImage{
	color:#CCCCCC;
	margin:5px 0px 0px 126px;
	width:650px;
}

/* TUTORIALS STYLES ------------------------------------------------------------ */
#tutorials_content{
	margin-top:30px;
}
.box_tutorial_wide{
	height:325px;
	width:902px;
	position:relative;
	margin-bottom:20px;
}
#bandeau_new{
	top:1px;
	left:1px;
	position:absolute;
}
#box_text_1clic{
	position:absolute;
	left:120px;
	top:96px;
}
#box_text_1clic p{
	margin:0;
}
.box_tutorial{
	height:292px;
	width:292px;
	position:relative;
	float:left;
}
.box_tutorial img{
	position:absolute;
}
.box_tutorial_text{
	position:absolute;
	padding:0 20px;
	text-align:center;
	top:200px;
	width:252px;
}
.box_tutorial_text .Knockout{
	
	text-transform:uppercase;
	font-size:17px;
}
.box_tutorial_text .Knockout a{
	text-decoration:none;
	color:#1c1c1c;
}

#tutorials_content #zone_tutoriel{
	color:#eaeaea;
	height: 445px;
	width : 905px;	
}
#tutorials_content #tutorials_noflash{
	background-color:#fff;
	border: 1px solid #d0d0d0;
	height: 445px;
	width : 905px;	
}

#tutorials_noflash #noflash_content{
	background-color:#eaeaea;
	height:272px;
	margin:4px 0px 0px 4px;
	padding:165px 0px 0px 120px;
	text-align:center;
	width:777px;
}

#tutorials_noflash .noflash_col1-2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#tutorials_noflash .noflash_col1-2 p{
	color:#555555;
	margin:35px 0px 0px 25px;
	text-align:left;	
}

#tutorials_noflash .noflash_col1-2 a{
	color:#fe3e0d;
	font-size:12px;
}

/* ABOUT STYLES ------------------------------------------------------------ */
#about_content{
	margin-top:40px;
}

#about_content p{
	font-size:14px;
	color:#555555;
	line-height:22px;
	margin:10px 0 5px 0;
}

#about_content p a{
	color:#555555;
}
#about_content div.hr{
	height:1px;
	background:url(/shared/medias/interface/communs/bordure_grise_1_2_pale.gif) repeat-x;
	margin:20px 0 30px 0;
	display:block;
	clear:both;
}

#about_content h2{
	margin-top:0;
}

/* CONTACT STYLES ------------------------------------------------------------ */
.txt_tel_number{
	font-family:"Times New Roman", Times, serif;
}
#contact_content h3{
	font-size:20px;
	color:#fe3e0d;
	font-weight:normal;
	margin:0;
}
#contact_content h3.margin-top{
	margin-top:60px;
}
#contact_content p{
	color:#555555;
	font-size:14px;
	line-height:20px;
	margin:4px 0 18px 0;
}
#contact_content #img_contact{
	margin-top:15px;
}
.filet_sep{
	background:url(../shared/medias/interface/communs/bordure_grise_1_2_pale.gif) bottom left repeat-x;
	height:1px;
	margin:5px 0px 10px 0px;
}
.filet_sep_dark{
	background:url(../shared/medias/interface/communs/bordure_grise_1_2_dark.gif) bottom left repeat-x;
	height:1px;
	margin:20px 0px 18px 0px;
}

/* PRODUCTS */
#product_content .col1-3{
	padding-top:64px;
}
#smenu_section .titre{
	font-size:18px;
	color:#555;
	text-transform:uppercase;
	margin:0 0 6px 0;
}
h2.titre a{
	color:#555;	
	font-size:22px;
}
h2.titre, h2.titre span.current{
	color:#fe3e0d;
	font-size:22px;
}
#product_content p.text_intro{
	line-height:24px;
	font-size:14px;
}
#product_content #list_specs_camera{
	list-style:none;
	line-height:16px;
	margin:0 0 0 18px; padding:0;
}
#product_content .liste_specs_produit{
	list-style:none;
	margin:0;
	padding:0;
	line-height:22px;
}
#product_content .note{
	color:#949494;
}
#box_photos_produits img{
	border:1px solid #eaeaea;
	margin-right:6px;
}
#smenu_section{
	margin-bottom:24px;
}
.product_description{	
	width:100%;
	overflow:hidden;
}
.product_description_col_left{
	width:234px;
	float:left;
}
.product_description_col_right{
	width:245px;
	float:left;
	margin-left:54px;
	position:relative;
}
#note_frais_transport{
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	position:absolute;
	top:48px;
	left:115px;
}
/* PRODUCT DARKROOM ------------------------------------------------------------ */
.left { float: left; }
.right { float: right; }
h3.titre {
	width: 400px;
	margin: 0;
	color: #fe3e0d;
	font-size: 18px;
	text-transform: uppercase;
}
#product_content #image_label { text-align: center; }
#product_content #image_label em {
	font-weight: bold;
}
.liste_specs_darkroom{
	margin: 0; padding: 0;
}
.liste_specs_darkroom li{
	width: 175px;
	list-style: none;
	margin: 0 0 10px 0;
}
.product_darkroom_description p {
	margin: 5px 0 10px 0;
	font-size: 14px;
	line-height: 24px;
	width:400px;
}
/* PAGE TARIFS ------------------------------------------------------------ */
#table_tarifs{
	border:1px solid #e8e8e8;
	margin:12px 0 26px 0;
	width:100%;
}
#table_tarifs th{
	background:url(../medias/sections/prices/header_tableau_bg_x.gif) repeat-x;
	color:#FFF;
	text-transform:uppercase;
	height:42px;
	font-size:15px;
}
#table_tarifs td{
	background:url(../medias/sections/prices/cellule_tableau_bg_x.gif) bottom repeat-x;
}
#table_tarifs td.nom_forfait{
	color:#fe3e0d;
	font-size:18px;
	text-transform:uppercase;
	width:210px;
	padding:20px;
}
#table_tarifs td.details{
	padding:15px;
	line-height:18px;
	width:250px;
}
#table_tarifs td.prix, #table_tarifs td.buy{
	text-align:center;
}
#table_tarifs td.prix{
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	color:#000;
	width:174px;
}
#table_tarifs td.prix .note_prix{
	font-size:12px;
	line-height:14px;
	margin:0;
}
#table_tarifs td.prix .sup{
	font-size:25px;
	bottom:15px;
	position:relative;
}
p.common_text{
	font-size:14px;
	line-height:24px;
	margin:0 0 12px 0;
}
/* PAGE PHOTOGRAPHES ------------------------------------------------------------ */
.left { float:left; }
.right { float:right; }
#photographers_content .filet, #agents_content .filet{
	width: 100%; height: 1px;
	background:url(/shared/medias/interface/communs/bordure_grise_1_2.gif) center left repeat-x;
}
#photographers_content { color: #555; }
#photographers_content a { color: #555; }
#photographers_content p { width: 450px; }
#photographers_content ul {	margin: 0; padding: 0; }
#photographers_content ul li { list-style: none; }
#photographers_content #desc {
	font-size: 22px;
	width: 280px;
	margin: 10px 0 0 5px; padding: 0;
	line-height:22px;
}
#photographers_content #quote {
	color:#555;
	font-size: 34px;
	text-align: center;
}
#photographers_content .section {
	width: 100%; height: 236px;
	background: url(../medias/sections/photographers/section_background.jpg) top left no-repeat;
}
#photographers_content .cellule { margin: 45px 0 0 30px; }
#photographers_content .cellule p {
	width: 135px;
	margin: 0 0 0 -5px;
	text-align: center;
}
#photographers_content #exposio { margin: 60px 0 0 65px; }
#photographers_content #exposio p { margin: 16px 0 0 -10px; }
#photographers_content #photos { margin: 60px 0 0 40px; }
#photographers_content #photos p { margin: 14px 0 0 -44px; }
#photographers_content #partagez { margin: 50px 0 0 35px; }
#photographers_content #partagez p { margin: 12px 0 0 -30px; }
#photographers_content #vendu { margin: 45px 0 0 45px; }
#photographers_content #vendu p { margin: 2px 0 0 -20px; }
/* PAGE AGENTS ------------------------------------------------------------ */
#agents_content {
	color: #555;
}
#agents_content h2 { margin-bottom: 7px; }
#agents_content h3 {
	font-size: 18px;
	margin: 0 0 7px 0; padding: 0;
	text-transform: uppercase;
}
#agents_content #quote {
	color:#555;
	font-size: 34px;
	text-align: center;
}
#agents_content #option_a {	margin-bottom: 30px; }
#agents_content .option {
	width: 100%; height: 236px;
	margin-left: -5px;
	background: url(../medias/sections/agents/option_background.jpg) top left no-repeat;
}
#agents_content .option_cellule { margin: 40px 0 0 40px; }
#agents_content .option_cellule p {
	width: 135px;
	margin: 0 auto 0px auto;
	font-size: 14px;
	line-height: 15px;
	text-align:center;
}

#agents_content .option_cellule#kit { margin: 33px 0 0 40px; }
#agents_content .option_cellule#kit p { margin: 0 0 0 5px; }
#agents_content .option_cellule#exposio { margin: 65px 0 0 100px; }
#agents_content .option_cellule#exposio p { margin: 22px 0 0 -15px; }
#agents_content .option_cellule#photos { margin: 55px 0 0 40px; }
#agents_content .option_cellule#photos p { width: 175px; margin: 8px 0 0 -50px; }
#agents_content .option_cellule#vendu { margin: 50px 0 0 68px; }
#agents_content .option_cellule#vendu p { width: 175px; margin: 4px 0 0 -20px; }
#agents_content .option_cellule#ecriveznous { margin: 40px 0 0 55px; }
#agents_content .option_cellule#ecriveznous p { width: 175px; margin: 0 0 0 -25px; }
#agents_content .option_cellule#service { margin: 55px 0 0 115px; }
#agents_content .option_cellule#service p { margin: 17px 0 0 -60px; }
#agents_content .option_cellule#vendu_grey { margin: 50px 0 0 80px; }
#agents_content .option_cellule#vendu_grey p { width: 175px; margin: 10px 0 0 -40px; }
#agents_content .option_cellule a { color: #fe3e0d;	font-weight: bold; }
#agents_content .option_cellule a#lien_kit { color: #fe582d; }
#agents_content #directeur_info { font-size: 14px; }
#agents_content #directeur_info .contacteznous { margin: 0; padding: 0; }
#agents_content #directeur_info a {	color: #555; font-weight: bold;}

.popup #overlay{
	background:transparent; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);/*AARRGGBB*/;
	background: rgba(0, 0, 0, 0.8);
	height:100%;
	width:100%;
	position:fixed;
	z-index:20;
}
.popup_oneclick_bande_haut{
	text-align:right;
}
.popup_oneclick_bande_haut a{
	color:#FFF;
	font-size:11px;
}
.popup_oneclick_bande_haut a:hover{
	color:#FFF;
}
.popup_box_container, .popup_box{
	margin:auto;
}
.popup_box_container{
	margin-top:200px;
}
#popup_oneclick{
	background:#000;
	border:1px solid #CCC;
	padding:20px;
	line-height:20px;
	font-size:14px;
}
#popup_oneclick p{
	margin:15px 0;
}