/************************
Project : Stephane Laruelle Photography
Author : Benjamin Chasseur
WebSite : http://www.312thav.com
*************************/

body						{ margin:0; padding:0; font:12px "Trebuchet MS", Helvetica, Arial, sans-serif; background:#534B37;}

/* Introduction site */
#Container_Intro			{ width:435px; margin:150px auto 0; text-align:center;}
#Container_Intro h1			{ display:block; width:435px; height:85px; margin:0 0 10px; padding:0; text-indent:-200em; background:url(../Images/Layout/Logo_Intro.gif) no-repeat top left;}

#Container					{ position:absolute; left:50%; top:50%; width:934px; height:534px; margin:-275px 0 0 -475px; padding:8px; background:url(../Images/Layout/Shadow.gif) no-repeat top left;}
#Copyright					{ font-size:10px; text-align:center; color:#68604b; margin:5px 0 0;}
#Copyright a,#Copyright a:visited		{ color:#7a725f;}
#Copyright a:hover						{ text-decoration:none;}

/* Navigation */
#Navigation					{ width:100%; height:37px; margin:0; padding:0; list-style-type:none; background-image:url(../Images/Layout/SdNavigation.png); background-position:left top; background-repeat:repeat-x;}
#TitleGalleries				{ position:absolute; top:85px; left:60px; width:360px; height:20px; margin:0; padding:0; font-size:26px; color:#302e2c; text-transform:uppercase;}

/* Homepage setting */
#Bg_Home					{ width:934px; height:534px;}
#Bg_Home #Header			{ background-color:#FFF; width:auto; height:105px; padding:50px 0 0 50px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}
#Bg_Home #Header h1			{ display:block; width:350px; height:55px; margin:0; padding:0; background-image:url(../Images/Layout/Logo.png); text-indent:-200em;}
#Ctn_IntroText				{ position:absolute; top:230px; right:85px; background-color:#1b1a19; width:285px; height:245px; filter:alpha(opacity=10); -moz-opacity: 0.1; opacity:0.1;}
#IntroText					{ position:absolute; top:265px; right:125px; width:200px; height:165px; color:#FFF;}
#IntroText h3				{ font-size:30px; font-weight:normal; margin:0 0 10px; padding:0; line-height:30px;}
#IntroText p				{ line-height:15px; margin:10px 0; padding:0;}

/* Contact setting */
#Bg_Contacts				{ position:relative; width:934px; height:534px; background:url(../Images/Contacts/Bg_Contacts.jpg) no-repeat top left;}
#Bg_Contacts #Header		{ background-color:#FFF; width:auto; height:10px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}
#Bg_Contacts #Header h1		{ display:none;}

#ContactsInfos				{ position:absolute; top:130px; right:75px; color:#857f76; text-align:center;}
#Ct_Infos					{ padding:0 40px 0 0;}
#ContactsInfos h3			{ display:block; width:350px; height:55px; margin:0 auto; padding:0; background-image:url(../Images/Contacts/Logo.png); text-indent:-200em;}
#ContactsInfos h4			{ font-size:15px; text-align:right; border-bottom:1px solid #413b31; padding:3px 0; color:#A79F98;}
#ContactsInfos p			{ font-weight:bold; line-height:13px; text-align:right;}
#ContactsInfos a,#ContactsInfos a:visited		{ font-size:10px; font-weight:normal; color:#857f76;}
#ContactsInfos a:hover							{ text-decoration:none;}
#ContactsInfos form			{ text-align:left;}
#ContactsInfos label		{ display:block; margin:5px 0 0;}
#ContactsInfos .Radio		{ display:block !important;}
#ContactsInfos .Radio input	{ width:auto !important; border:0 !important; float:left; display:block !important;}
#ContactsInfos input,#ContactsInfos textarea		{ display:block; width:150px; padding:1px; color:#FFF; font:11px Arial, Helvetica, sans-serif; border:1px solid #635d54; background:none;}
.FieldLarge					{ width:300px !important;}
#ContactsInfos textarea		{ width:300px !important; height:75px;}
.Submit						{ width:auto !important; background:#524b43 !important; padding:3px !important; margin:8px 0 0;}

/* Galleries setting */
#Bg_Galleries				{ width:934px; height:534px;}
#Bg_Galleries #Header		{ background-color:#FFF; width:auto; height:10px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}
#Bg_Galleries #Header h1	{ display:none;}

/* Galleries */
#ThumbContainer				{ position:absolute; top:135px; left:60px; width:360px; height:360px; background:url(../Images/Galleries/Bg_Thumbs.gif) no-repeat 5px 5px; float:left;}
.Thumb						{ float:left;}
.Thumb a,.Thumb a:visited	{ display:block; width:46px; height:46px; border:2px solid #FFF; margin:5px; overflow:hidden;}
.Thumb a:hover,#ActiveImg a	{ border:5px solid #FFF; margin:2px;}

#ThumbsTbl					{ margin:50px 0 0; height:437px;}
#ThumbsTbl td				{ border:1px solid #FFF;}

#Gd_Img						{ position:absolute; top:70px; left:465px; width:420px; height:420px; /*background:#454444;*/}
#Gd_Img img					{ border:5px solid #252321;}

#ThumbNav					{ position:absolute; top:503px; left:188px; width:106px;}
a.ArrowNavRight				{ display:block; float:right; width:24px; height:24px; text-indent:-200em; background:url(../Images/Galleries/Arrow_Right.gif) no-repeat top left; overflow:hidden;}
a.ArrowNavLeft				{ display:block; float:left; width:24px; height:24px; text-indent:-200em; background:url(../Images/Galleries/Arrow_Left.gif) no-repeat top left; overflow:hidden;}
a.ArrowNavRight:hover,a.ArrowNavLeft:hover		{ background-position:0 -24px;}
#ThumbPageNum				{ color:#454444;}

/* Events */
#EventsContainer			{ position:absolute; top:100px; left:60px; width:828px; height:393px; background:url(../Images/Galleries/Bg_Events.gif) no-repeat 3px 0; float:left;}
.EventsThumb				{ float:left;}
.EventsThumb img			{ float:left; margin:0 10px 0 0; border:5px solid #FFF;}
.EventsThumb a				{ display:block; width:164px; height:57px; padding:13px; color:#bdbdbd; font-weight:bold; border:5px solid #252321; background:#181716; margin:0 4px 7px 3px; text-decoration:none;}
.EventsThumb a:hover		{ border:5px solid #5d5a56; background:#302e2c;}
.DateEvent					{ display:block; font-size:10px; font-weight:normal; color:#ae997c;}
#EventsNav					{ position:absolute; top:500px; left:421px; width:106px;}

/* Links */
#LinksContainer				{ position:absolute; top:100px; left:60px; width:828px; height:393px; background:url(../Images/Galleries/Bg_Events.gif) no-repeat 3px 0; float:left;}
.LinksThumb_Container		{ float:left; display:block; width:200px; height:93px; padding:0 4px 7px 3px;}
.LinksThumb					{ float:left; display:block; width:142px; height:67px; padding:13px 13px 13px 45px; color:#bdbdbd; background:#181716 url(../Images/Links/Ico_Links.gif) no-repeat 13px 13px;}

.LinksThumb a			{ font-weight:bold; text-decoration:underline; color:#ae997c;}
.LinksThumb a:hover		{ text-decoration:none;}
.LinksThumb p			{ font-size:11px; margin:0;}

/* Partners */
#PartnersContainer			{ position:absolute; float:left; top:100px; left:60px; width:828px; height:393px; background:url(../Images/Galleries/Bg_Events.gif) no-repeat 3px 0;}
.PartnersThumb_Container	{ float:left; display:block; width:200px; height:93px; padding:0 4px 7px 3px;}
.PartnersThumb				{ float:left; display:block; width:142px; height:67px; padding:13px 13px 13px 45px; color:#bdbdbd; background:#181716 url(../Images/Partners/Ico_Partners.gif) no-repeat 10px 13px;}

.PartnersThumb a		{ font-weight:bold; text-decoration:underline; color:#ae997c;}
.PartnersThumb a:hover	{ text-decoration:none;}
.PartnersThumb p		{ font-size:11px; margin:0; padding:0;}

#GoEventsList			{ position:absolute; bottom:30px; right:185px;}
#GoEventsList a			{ color:#302e2c; text-decoration:none;}
#GoEventsList a:hover	{ text-decoration:underline;}