@import "reset.css";

html { background: url(../images/layout/page-bg-repeat.jpg) repeat; }
body {
	border-top: solid 1px #d1761b;
	background-image: url(../images/layout/page-bg-top.jpg);
	background-repeat: repeat-x;
}

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }
.tcenterred {
	text-align: center;
	color: #F00;
	font-weight: bold;
}
.tcenterredbig {
	text-align: center;
	color: #F00;
	font-weight: bold;
	font-size: 16px;
}
.tjustified {
	text-align: justify;
	color: #FFF;
}
.fl { float: left; margin-right: 10px; }
.fr { float: right; margin-left: 10px;}
.clear { clear: both; }
.spacer { height: 10px; }
.pagespacer,
.nofeature {
	height: 5px;
}

.floatRimg		{
	padding: 5px;
	background: #1d1f27;
	border: solid 1px #363644;
	float: right;
	margin-left: 10px;
}
p img		{
	padding: 5px;
	background: #1d1f27;
	border: solid 1px #363644;
}
p a.left,
p img.left  { float: left; margin: .5em 1.5em 1.5em 0; }
p a.right,
p img.right { float: right; margin: .5em 0 1.5em 1.5em; }
p a:hover img{ background: #2b2e38; }

/* Use this instead of html hr tag */
div.hr {
	width: 100%;
	height: 1px;
	border-top: solid 1px #666;
	margin: 25px 0;
	padding: 5px 0;
}

/* ===== LAYOUT ===== */
#header, #featured,
#content, #footer,
#navigation, #featured-tabs {
	width: 900px;
	margin: 0 auto;
}

/* === HEADER === */
#header { height: 165px; background: url(../images/layout/page-topshadow.jpg) no-repeat 0 0; }
#header .content {
	height: 108px;
	border-bottom: solid 1px #2a2d32;
	padding-top: 5px;
}
#header .contact-info {
	width: 250px;
	float: right;
	padding-top: 30px;
}

#header .contact-info ul { margin: 0; list-style: none; }

#header .contact-new {
	width: 250px;
	float: center;
	padding-top: 30px;
}
#header .contact-new ul { margin: 0; list-style: none; }

.logo {
	width: 325px;
	height: 105px;
	display: block;
}
.tagline { float: left; margin-left: 38px; padding-top: 12px; }

/* === NAVIGATION === */
#navigation { height: 50px; position: absolute; background: url(../images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #5b6066; }
#navigation ul { list-style: none; margin: 0; padding-left: 20px; }
#navigation ul li { float: left; display: inline; }
#navigation a { height: 50px; display: block; float: left; padding: 0 20px; }
#navigation a:hover,
#navigation a.active { background: url(../images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }
#sidebar_nav ul { list-style: none; margin: 0 0 0 20px; }
#sidebar_nav li { padding-left: 20px; }
#sidebar_nav li.active { background: url(../images/sub_nav-active-arrow.jpg) no-repeat; }

/* === Featured Content Section === */
#featured {
	height: 300px;
	overflow: hidden;
	background: url(../images/layout/featured-bg.jpg) repeat;
	border: solid 1px #56595d;
	border-top: solid 1px #70757a;
}
#featured .content {
	height: 290px;
	padding: 5px 5px;
	overflow: hidden;
}

#featured-tabs {
	height: 3px;
	margin-bottom: 3px;
	background: url(../images/layout/featured-tabs-bgshadow.jpg) no-repeat 0 0;
}
#featured-tabs > div { width: 2px; height: 30px; float: left; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 0 0; }
#featured-tabs ul { list-style: none; margin: 0; }
#featured-tabs ul li { float: left; display: inline; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 100% 0; }
#featured-tabs a { padding: 0 20px; display: block; float: left; height: 29px; margin-top: 1px; }
#featured-tabs a:hover,
#featured-tabs li.active a { border-top: solid 1px #d1761b; margin: 0; }

#featured .image-container {
	width: 890px;
}
#featured .image {
	margin: 1px 0;
	height: 290px;
}
#featured .image img { margin: 0; }
#featured .topshadow, #featured .bottomshadow {
	width: 840px;
	height: 7px;
}
#featured .topshadow {
	background: url(../images/layout/topshad.jpg) no-repeat;
}
#featured .bottomshadow {
	background: url(../images/layout/botshad.jpg) no-repeat;
}

#featured .content-container { margin: 5px 0; }
#featured .content-container p { width: 650px; margin: 0 auto; }
#featured .content-container-right { width: 500px; float: right; margin: 5px 0 5px 30px; }
#featured .content-container-left { width: 500px; float: left; margin: 5px 30px 5px 0; }

#featured ul.horz-gallery { width: 820px; margin: 0 auto; }
#featured ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 12px; }
#featured ul.horz-gallery li.last { margin-right: 0; }
#featured ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #545466; }
#featured ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#featured ul.featured-blocks { list-style: none; margin: 25px 0 0; }
#featured ul.featured-blocks li { float: left; margin-right: 30px; }
#featured ul.featured-blocks li.last { margin-right: 0; }
#featured ul.featured-blocks .image {
	height: 193px;
	display: block;
}
#featured ul.featured-blocks .bottomshadow { width: 260px; height: 6px; background: url(../images/layout/featured-blockimage-bottomshadow.jpg) no-repeat; }

/* === Learn More links === */
.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { margin: 10px 0; }

.featured-learnmore-lg.center, .featured-learnmore-sm.center,
.content-learnmore-lg.center, .content-learnmore-sm.center { margin: 10px auto; }

.featured-learnmore-lg.fl, .featured-learnmore-sm.fl,
.content-learnmore-lg.fl, .content-learnmore-sm.fl { margin: 0 0 10px 25px; }
.featured-learnmore-lg.fr, .featured-learnmore-sm.fr,
.content-learnmore-lg.fr, .content-learnmore-sm.fr { margin: 0 25px 10px 0; }

.featured-learnmore-lg, .content-learnmore-lg { width: 156px; height: 36px; display: block; }
.featured-learnmore-sm, .content-learnmore-sm { width: 104px; height: 29px; display: block; }

.featured-learnmore-lg { background: url(../images/layout/featured-learnmore-lg.gif); }
.featured-learnmore-lg:hover { background: url(../images/layout/featured-learnmore-lg.gif) 0 -36px; }
.featured-learnmore-sm { background: url(../images/layout/featured-learnmore-sm.gif); }
.featured-learnmore-sm:hover { background: url(../images/layout/featured-learnmore-sm.gif) 0 -29px; }

.content-learnmore-lg { background: url(../images/layout/content-learnmore-lg.gif); }
.content-learnmore-lg:hover { background: url(../images/layout/content-learnmore-lg.gif) 0 -36px; }
.content-learnmore-sm { background: url(../images/layout/content-learnmore-sm.gif); }
.content-learnmore-sm:hover { background: url(../images/layout/content-learnmore-sm.gif) 0 -29px; }

/* === MAIN CONTENT AREA === */
#content {
	overflow: hidden;
}
#contentMain {
	width: 595px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}
#contentMainContact {
	width: 450px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}
#contentMainForfait {
	width: 890px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}
#contentMain_elem {
	width: 680px;
	float: left;
}

#content ul.horz-gallery {
	width: 840px;
	margin: 0 auto;
}
#content ul.horz-gallery li {
	float: left;
	display: inline;
	list-style: none;
	margin-right: 11px;
	margin-top: 5px;
}
#content ul.horz-gallery li.last { margin-right: 0; }
#content ul.horz-gallery li img {
	padding: 5px;
	background: #1d1f27;
	border: solid 1px #545466;
}
#content ul.horz-gallery li.active img,
#content ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#content .horz-gallery-content {
	width: 860px;
	margin: 25px auto 0;
}

/* === SIDEBAR === */
#sidebar {
	width: 270px;
	float: right;
	margin-top: 15px;
}
#sidebarContact {
	width: 400px;
	float: right;
	margin-top: 15px;
}
#sidebar .news { font-size: .95em; }
#sidebar .news .date { font-size: .9em; color: #54575f; }
#sidebar .news .date .active { font-size: 0.9em; color: #F00;}
#sidebarContact .news { font-size: .95em; }
#sidebarContact .news .date {font-size: 12px; color: #FF0; font-weight: bold;}
#sidebarContact .news .date .active { font-size: 0.9em; color: #F00;}
#sidebar_nav { width: 200px; float: right; }
#sidebar .nav { margin: 0; list-style: none; }
#sidebarContact .nav { margin: 0; list-style: none; }
#sidebar .news { margin: 0; list-style: none; }
#sidebarContact .news { margin: 0; list-style: none; }
#sidebar .news li { margin-bottom: 6px; padding-bottom: 10px; border-bottom: solid 1px #1d1f27; }
#sidebarContact .news li { margin-bottom: 6px; padding-bottom: 10px; border-bottom: solid 1px #1d1f27; }
#sidebar_nav .nav li { margin-bottom: 6px; padding-bottom: 10px; border-bottom: solid 1px #1d1f27; }
#sidebar .news p { margin: 0; }
#sidebarContact .news p { margin: 0; }

/* === FOOTER === */
#footer { margin-top: 25px; background: url(../images/layout/footer-bg.gif) repeat; border-top: solid 1px #191b22; }
#footer .content { background: url(../images/layout/footer-topshadow.jpg) no-repeat 0 0; border-top: solid 1px #050606; }
#footer .pad { padding: 20px 30px; }
#footer .info { height: 38px; width: 560px; float: left; }
#footer .logo-small { padding-right: 20px; border-right: solid 1px #222222; float: left; }
#footer .logo-small a { margin: 12px 0 8px; display: block; }

#footer .info ul { float: left; padding-left: 12px; list-style: none; margin: 5px 0 0; }
#footer .info ul li { float: left; display: inline; padding: 0 8px; border-right: solid 1px #1e1e1f; }
#footer .info ul li.last { border: none; }

#footer .legal { float: left; margin: 8px 0 0 20px; width: 70%; }

/* === Quick Contact Form === */
#quick-contact { width: 270px; float: right; position: relative; }
#quick-contact .container { margin-top: 5px; }
#quick-contact label, #quick-contact .qmessage { clear: both; }
#quick-contact .qname,
#quick-contact .qemail { width: 131px; }
#quick-contact input { width: 125px; border-bottom: solid 1px #050506; }
#quick-contact input, #quick-contact textarea { margin: 4px 0 0; padding: 3px; background: url(../images/layout/footer-formbg.gif) repeat; border: none; }
#quick-contact textarea { width: 264px; height: 50px; }
#quick-contact .qname, #quick-contact .qemail, #quick-contact .qmessage { border-bottom: solid 1px #111116; margin-bottom: 7px; }
#quick-contact .qmessage { clear: both; }
#qresponse { padding: 0 25px; }
#quicksubmit { text-align: right; }
#quick-contact input.qsubmit { width: 62px; border: solid 1px #111116; }
#quick-contact input.qsubmit:hover { background: url(../images/layout/send-hover.gif) repeat; }
#qshow, #qhide { display: block; position: absolute; top: 0; right: 0; }

/* Forms */
form { margin: 20px 0 15px; padding: 10px 30px 0; }
form fieldset { margin: 0; padding: 0; position: relative; }
form fieldset legend { display: none; }
form fieldset legend.show { display: inline; white-space: normal; }     
form fieldset br { clear: both; }

#contact-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#contact-form input,
form fieldset input {
	padding: 4px 6px;
	vertical-align: middle;
	margin-top: 1em;
	width: 65%;
}
#contact-form textarea,
form fieldset select,
form fieldset textarea {
	padding: 4px 6px;
	vertical-align: middle;
	width: 65%;
	margin-top: 1em;
}

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form button,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button {
	background: url(../images/layout/footer-bg2.gif) repeat;
	border: 1px solid #CCC;
}
form fieldset select { width: 52.5%; }
form fieldset input[type="radio"],
form fieldset input[type="checkbox"] { width: auto; margin-left: 0; padding: 0; }

form fieldset fieldset { margin: 1.5em 0 0 110px; padding: 0; }
form fieldset fieldset legend span { position: absolute; left: -160px; width: 150px; }    
form fieldset fieldset input[type="radio"],    
form fieldset fieldset input[type="checkbox"] { margin-top: 0; margin-bottom: 5px; }
form fieldset fieldset label { clear: none; float: none; display: inline; margin-right: 0; }
#contact-form button,
form fieldset button {
	margin: 10px 10px 0 340px;
	padding: 3px 8px;
}
#contact-form button,
form fieldset button:hover { cursor: pointer; }



/* ===== FONTS ===== Default font settings. The font-size percentage is of 16px. (0.825 * 16px = 13.2px) */
body {
	font-size: 13px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
.adress {color:#FFF}
.tag {color:#FFF}
.titles {
	color:#FF0;
	font-size: 14px;
	font-weight: bold;
}
.subtitles {color:#000;	font-size: 12px;}
.bullet {
	color:#CCC;
	font-size: 12px;
	font-style: italic;
}
.nojs { color: #f49331; text-align: center; }

/* === HEADER === */
#header .contact-info ul { text-align: right; line-height: 1.3em; font-size: .95em; }

/* === NAVIGATIN & FEATURED CONTENT TABS === */
#navigation a,
#featured-tabs a { text-decoration: none; font-weight: 100; letter-spacing: .1em; }

#navigation { font-size: 1.2em; }
#navigation a { line-height: 46px; color: #bbbbbb; }
#navigation a:hover,
#navigation a.active { color: #fff; }

#featured-tabs { font-size: .9em; }
#featured-tabs a { line-height: 28px; color: #9b9a9a; }
#featured-tabs a:hover,
#featured-tabs a.active { color: #bbbbbb; }

#featured .content-container { text-align: center; }

#featured ul.featured-blocks { text-align: center; }

/* Learn More links */
.featured-learnmore-lg, .content-learnmore-lg { font-size: 1.15em; color: #d28335; line-height: 32px; }
.featured-learnmore-sm, .content-learnmore-sm {
	color: #FFF;
	font-size: 0.9em;
	line-height: 24px;
}
.featured-learnmore-lg:hover, .content-learnmore-lg:hover { color: #e28f3d; }

.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { text-align: center; font-style: italic; }
.featured-learnmore-lg:hover, .featured-learnmore-sm:hover,
.content-learnmore-lg:hover, .content-learnmore-sm:hover { text-decoration: none; }

/* === SIDEBAR === */
#sidebar .news { font-size: .95em; }
#sidebar .news .date {
	font-size: 14px;
	color: #00F;
}
#sidebar .news .date .active { font-size: 0.9em; color: #F00;}

/* === FOOTER === */
#footer, #quick-contact { font-size: 1.05em; }
#footer .info ul li { font-size: .85em; line-height: 10px; }
#footer .info ul li a { color: #999; }
#footer .info ul li a:hover { color: #a6acd0; }

#footer .legal { font-size: .8em; color: #474751; line-height: 12px; }

/* Quick Contact form */
#quick-contact, #quick-contact input.qsubmit { font-size: .9em; color: #7e7e7e; }
#quick-contact .qsuccess { text-align: center; }
#qresponse { color: #9e1a1a; line-height: 1.2em; }
#quick-contact input.qsubmit:hover,
#qshow:hover, #qhide:hover { color: #f49331; cursor: pointer; text-decoration: none; }
#quick-contact input,
#quick-contact textarea { color: #acacac; font: 1em "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: .05em; }

/* Forms */
form label, form legend { font-family: "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: 200; }
form fieldset label,
form fieldset fieldset legend { color: #7e7e7e; text-align: right; }
#contact-form button,
#contact-form input,
#contact-form textarea,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button {
	color: #000;
}
#contact-form button:hover,
form fieldset button:hover {
	color: #FFF;
}

#response { color: #9e1a1a; line-height: 1.3em; }

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #fff;
}

#featured h1 { color: #cdcfd9; letter-spacing: 0em; }
#footer h5 { font-size: 1.1em; color: #a6acd0; }

h1 { font-size: 2em; margin-bottom: 1.1em; }
h2 { font-size: 1.65em; margin-bottom: 1.1em; }
h3 { font-size: 1.3em; margin-bottom: 1em; }
h4 { font-size: 1.1em; margin-bottom: 1em; }
h5 { font-size: 1em; margin-bottom: .75em; }
h6 { font-size: .95em; margin-bottom: .6em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements */
p           {
	margin: 0 0 1.5em;
	font-weight: 200;
	line-height: 1.55em;
}
#featured p { color: #babcc5; line-height: 1.45em; }

a:focus, 
a:hover     {
	color: #bcc1e3;
	text-decoration: underline;
}
a           {
	color: #FFF;
	text-decoration: none;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul, ol, dl	{ font-weight: 200; line-height: 1.65em; margin: 10px 0 1.5em 35px; }
ul ul, ol ol{ font-size: 1em; margin: 0 0 0 25px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; font-weight: 200; line-height: 1.65em; border: solid 1px #222; }
th          { font-weight: bold; background: #0C0E10; }
th,td       { padding: 4px 10px 4px 5px; border: solid 1px #222; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.highlight2  {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	background-color: #46494E;
}
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }