/* ********************************************************** 
 * File type: 		CSS Front End							*
 * Coded by:		Yann Lorber								*
 * 					Freelance Web Developer 				*
 *					http://www.yannlorber.fr				*
 * Date:			June 2009								*
 * ******************************************************* */

@import url(reset.css);

/* 	Main Colors :

	Darkblue:	#004499
	MediumBlue:	#4C77A7
	Lightblue:	#6298d6
	Borderblue:	#e7edf6

*/


/* Page */
body {
background: #FFF url('../img/general/bg-hover-menu2.png') no-repeat;
font-family:Verdana, Arial;
font-size:12px;
color:#444;

}

#wrapper {
width:960px;
padding: 0px;
margin: 0px auto;
}
.separator,
.separator_small,
.separator_big {
clear: both;
display: block;
height:20px;
}
.separator_small {height:10px;}
.separator_big {height:40px;}

.bold {font-weight:bold;}

.last{ margin-right:0px !important;margin-bottom:0 !important; border-bottom:none !important;}

a.in-text, a.in-text:visited, a.in-text:link {color:#004499; text-decoration:none;}
a.in-text:hover { text-decoration:underline;}

a.light-in-text, a.light-in-text:visited, a.light-in-text:link {color:#999; text-decoration:none;}
a.light-in-text:hover { color:#004499; text-decoration:underline;}

a.fullscreen:hover img {
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
}

.space-over {
margin-top:20px;
}
.space-under {
margin-bottom:20px;
}
.no-space-under {
margin-bottom:5px !important;
}


p {margin-top: 20px;margin-bottom:20px;}

.readmore {
width:70px;
height:17px;
display: block;
background: white url('../img/general/btn-readmore.gif') no-repeat 0 0;
}
.readmore:hover {
background: white url('../img/general/btn-readmore.gif') no-repeat 0 -17px;
}

.transp {
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

.legend {
font-style: italic;
color:#bbb;
font-size:11px;
margin: 0px;
}
.text ul,
.nicelist {
margin-left: 20px;
}
.text ul li,
.nicelist li {
list-style: disc;
line-height: 18px;
padding: 8px 0px;
}

.no-bullet li{
list-style: none !important;	
}
/* TITLES */

#content h1, h2, h3, h4, h5, h6 {
font-weight:normal;	
margin:0px;	
}

#content h2, h5 { 
color:#4c77a7;	
}

#content h6, h4 {
color:#666;	
}

#content h1 {
width:auto;
height:auto;
float:none;
color:#004499;
font-size:24px;
line-height:32px;
}

#content h2 {
}

#content .text h2 {
font-size: 15px;	
line-height: 22px;
margin:10px 0px;
}

#content h3 {
color:#444;
font-size: 15px;
line-height: 22px;
margin:10px 0px;
}
#content h4{
color:#444;	
font-size: 14px;
line-height: 20px;
margin-bottom:20px;	
}
#content h5, h6 {
color:#4c77a7;
font-size: 13px;
line-height: 22px;
margin-bottom:20px;
}


.subtitle {
display: block;
color: #444;
}

/* HEADER */

#header {
float:left;
position:relative;
height:119px;
width:960px;
background:  white url('../img/general/bg-header.jpg') no-repeat 0 0;
}

#header2 {
float:left;
position:relative;
height:119px;
width:960px;
background:  white url('../img/general/bg-header2.jpg') no-repeat 0 0;
}

h1#logo {
float:left;
height:119px;
width:220px;
}

#header2 h1#logo {
width:230px;
}

h1#logo a {
display:block;
height:119px;
width:220px;
}

#slider {
top:19px;
left:275px;
height:34px;
width:685px;
position:absolute;
overflow: hidden;	
}

#header2 #slider {
left:242px;
top:18px;
height:31px;
width:591px;
}




.sf-menu {
float:right;
margin-top: 71px;
}
#header2 .sf-menu{
float:left
}

.sf-menu li{
display: inline;
float:left;
}
.sf-menu li a { 
text-decoration: none;
padding-left: 15px;
padding-right:15px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 13px;
color:#FFF;
}
.sf-menu li p { 
padding-left: 15px;
padding-right:15px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 13px;
color:#FFF;
margin:0px;
}


.sf-menu li ul li {
border-left: 1px solid #CCC;
} 


.sf-menu li li a {
font-size: 12px;
line-height: 16px;
padding-top: 5px;
padding-bottom: 6px;
}

.sf-menu li li.current a {
color:#000 !important;
}

/* MAIN */

#main {
float:left;
width:960px;
background: white url('../img/general/bg-sidebar.gif') repeat-y 0 0;
}

#main-home {
float:left;
width:960px;
}


/* SIDE BAR */ 

#side-bar {
float:left;
width:245px;
margin-right:30px;
}
* html #side-bar {margin-right:15px;}

#side-bar-topmask {
float:left;
width:245px;
height: 20px;
background: white url('../img/general/bg-sidebar-topmask.gif') no-repeat 0 0;
}
#side-bar-bottommask {
clear:both;
float:left;
width:245px;
height: 40px;
background: white url('../img/general/bg-sidebar-bottommask.gif') no-repeat 0 0;
}


#side-menu {
float: left;
width:245px;
}

#side-menu li {
border-bottom: 1px solid #e7edf6;
font-size:12px;
width:245px;
}

#side-menu li a {
text-decoration: none;
display: block;
width:235px;
padding-left: 10px;
padding-top:6px;
padding-bottom:6px;
color:#999;
line-height: 16px;
}

#side-menu li.current a {
color:#222;
background-color: #fff;
}

#side-menu li.current-first a {
color:#222;
background-color: #fff;
border-top: 1px solid #e7edf6;
}

#side-menu li a:hover {
color:#222;
background-color: #e7edf6;

}

.sidebox {
float: left;
padding-left:10px;
width: 235px;
}

h4.side {
float:left;
font-size: 15px;
line-height: 20px;
margin-right: 10px;
margin-bottom: 20px;
}

#side-menu h4 {
font-size: 15px;
margin-right: 10px;
margin-bottom: 0px;
}
* html #side-menu h4 {margin-right: 0px; }

#side-menu h4 a {
color:#4C77A7 !important;	
padding:10px 0px 10px 10px !important;
}


.rss {
float: left;
width:27px;
height:15px;
background: white url('../img/general/ico-rss.gif') no-repeat 0 0;
}
.rss:hover {
background: white url('../img/general/ico-rss.gif') no-repeat 0 -15px;
}



/* NEWS LIST */ 

#side-newslist {
float:left;
width:220px;
}

#side-newslist li {
clear: both;
float: left;	
margin-bottom: 20px;
cursor: pointer;
width:220px;
}

#side-newslist li .left {
width:60px;
float:left;		
}

#side-newslist li .right {
width:160px;	
float:left;
}

#side-newslist h5 {
color:#666;	
font-size: 11px;
line-height: 15px;
margin:0px;
}

#side-newslist .date {
color:#AAA;		
font-size:10px;
line-height: 15px;
margin:0px;
}

#side-newslist img {
width: 45px;
height:45px;
border:1px solid #E7EDF6	;
}

#side-newslist li:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

#side-newslist li:hover h5 {
color:#004499;
}

#side-newslist li:hover .date {
color:#4C77A7;
}



.newslist li {
clear: both;
float: left;	
}

.newslist li .row {
clear: both;
float: left;
width:620px;
margin-bottom:7px;
}

.newslist li .row .left {
margin:0px;
float:left;	
}

.newslist li .row .right {
margin:0px;
float:left;
}

.newslist img {
float: left;
border:1px solid #e7edf6;
}

.newslist .date {
color:#999;
font-size:11px;
}

.newslist .intro {
color:#999;
}

#home-newslist {
width:620px;
float:left;
}

#home-newslist li{
margin-bottom: 25px;
width:620px;


}

#home-newslist .row .left {
width:100px;	

}

#home-newslist .row .right {
width:520px;	
}

#home-newslist h2, 
#home-newslist .date,
#home-newslist .intro {
font-size:12px;
line-height:18px;
margin:0px;
}

#home-newslist .intro{
width:100%;
float:left;
}

#home-newslist img {
width: 75px;
height:75px;	
}

#home-newslist h2 {
color:#000;
}

#home-newslist .date {
font-size:11px;	
}

#dual_header{
float:left;
width:960px;
height:240px;
margin-top: 10px;
margin-bottom: 30px;
background:#FFFFFF;
position:relative;
}
#dual_header h1{
position:absolute;
top:0px;
left:0px;
width:460px;
height:40px;
text-align: left;
font-size: 20px;
line-height: 28px;
font-weight: normal;
}
#dual_header .header_right{
left:500px;
}
#dual_header .slideshow{
position:absolute;
top:40px;
left:0px;
width:460px;
height:190px;
overflow: hidden;
}
#dual_header .slideshow li{
position:absolute;
display: none;
top:0px;
left:0px;
width:460px;
height:190px;
}
#dual_header .slideshow li.active{
display: block;
}
#dual_header .slideshow li a{
position:absolute;
display: block;
top:0px;
left:0px;
width:460px;
height:190px;
}
#dual_header .slideshow_right{
left:500px;
}

/* SIDE RELATED */ 

.side-related {
float:left;
position: relative;
width:216px;
margin-right:20px;
text-decoration: none;
}

.side-related img.top {
float: left;
width:216px;
height:72px;
}

.side-related h5 {
position:absolute;
width:206px;
top:52px;
color:#fff;
line-height: 20px;
padding-left: 10px;
background:#CCC;
}

.side-related:hover h5 {
background:transparent url('../img/general/bg-hover-menu.png') repeat 0 0;
}

.side-related:hover img{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}


.side-related .content {
float: left;
margin-bottom: 10px;
width:205px;
}

.side-related .content p{
font-size: 11px;
line-height: 16px;
color: #777;
margin-bottom:10px;
margin-top:0px;
}

.side-related .content .readmore {
float: left;
}





/* PAGE */ 

#page {
float:left;
width:685px;
}

#page #content {
margin-top: 17px;	
}


/* CONTENT */ 

#content .illustration {
clear:both;
float:right;
width:280px;
margin-left:25px;
}

#content .illustration img {
width:280px;
}


#content .text {
float:left;
clear:both;
width:100%;
}
#content .text p {
line-height: 18px;
}

#content a,
#content a:link,
#content a:visited {
text-decoration: underline;
color: #004499;
}

#content a:hover {
color: #6298d6;
text-decoration:underline;
}

#content ol {
margin-left: 20px;
margin-bottom:20px;
}

#content ol li {
list-style: decimal;
line-height: 18px;
margin-bottom: 8px;
}


/* RELATED CONTENT */ 

#related-content {
float:left;
width:685px;
}
.related-box a {
text-decoration:none !important;
}
.related-box a span {
text-decoration:none !important;
}



.related-box {
float:left;
/*position: relative;*/
width:216px;
margin-right:18px;
background:white url('../img/general/bg-related.gif') no-repeat bottom right;
}

.related-box img.top {
float: left;
width:216px;
height:72px;
/*margin-bottom: 10px*/
}

.related-box span {
/*position:absolute;*/
float:left;
display:block;
width:206px;
z-index:200;
/*top:52px;*/
color:#fff;
margin-bottom:10px;
margin-top:-20px;
line-height: 20px;
padding-left: 10px;
background:transparent url('../img/general/bg-hover-menu.png') repeat 0 0;
}

*+html .related-box span { display:inline; }
* html .related-box span { display:inline; }


.related-box .content {
float: left;
margin-bottom: 10px;
width:205px;
height:90px;
}

.related-box .content p{
font-size: 11px;
line-height: 16px;
color: #777;
margin-bottom:10px;
margin-top:0px;
}

.related-box .content .readmore {
float: left;
}



/* INTRO CONTENT */ 

#intro-content {
float:left;
width:960px;
margin-top: 10px;
margin-bottom: 30px;
background:white url('../img/general/bg-intro.gif') no-repeat bottom right;
}

.intro-box {
float:left;
/*position: relative;*/
width:300px;
margin-right:30px;
}

*+html .intro-box {  }


.intro-box img.top {
float: left;
width:300px;
height:75px;
/*margin-bottom: 10px;*/
}

.intro-box span {
/*position:absolute;*/
float:left;
display:block;
width:290px;
/*top:51px;
left:0px;*/
margin-bottom:10px;
z-index:200;
margin-top:-24px;
color:#fff;
line-height: 24px;
padding-left: 10px;
font-size: 14px;
background:transparent url('../img/general/bg-hover-menu.png') repeat 0 0;


}

*+html .intro-box span { display:inline; }
* html .intro-box span { display:inline; }

.intro-box a {
text-decoration:none !important;
}
.intro-box a span {
text-decoration:none !important;
}

.intro-box .content {
float: left;
margin-bottom: 10px;
width: 290px;
}

.intro-box .content p{
font-size: 12px;
line-height: 17px;
color: #777;
margin-bottom:10px;
margin-top:0px;
}


.intro-box .content .readmore {
float: left;
}

.intro-menu {
clear:both;
}

.intro-menu li{
line-height: 17px;
}
.intro-box  a {
text-decoration: none;
color:#6298d6;
}
.intro-box a:hover {
color:#004499;
text-decoration:underline;
}

.intro-box .rounded ,
.related-box .rounded{
white-space: nowrap;
}


/* TWO COLUMN */ 

.two-col {
float: left;
width: 960px;
background: white url('../img/general/bg-newslist.gif') no-repeat 0 0;

}
.two-col .left {
float: left;
width: 620px;
margin-left: 26px;
margin-top: 10px;
margin-right: 30px;
}
.two-col .right {
float: left;
width: 230px;
margin-left: 20px;
}

.two-col h1 {
font-weight:normal;
float: left;
font-size: 20px;
}

.two-col .right .how {
margin-top: 15px !important;
}

.two-col h1.hl {
text-align: left;
float: left;
margin-left: 100px;
margin-right: 10px;

line-height:32px;
}

h1 a {
text-decoration: none;
}

h1 a:hover {
color: #6298d6 !important;
}

.two-col .related-menu {
float:left;
margin-top:10px;
}
.two-col .related-menu li {
display:inline;
float:left;
}

.two-col .legend {
/*float: right;*/
}

.two-col .right .text {
color:#777;
line-height: 17px;
}

.two-col .right img {
border:1px solid #e7edf6;
}


a.rounded-btn {
line-height:18px;
text-transform:uppercase;
font-weight:normal !important;
font-size:9px  !important;
padding:0px 4px;
border:1px solid #CCC  !important;
text-decoration:none  !important;
color:#999  !important;
/*margin-left:5px !important;*/
background:#FFF  !important;
}
a.rounded-btn:hover {
color:#FFF  !important;
border:1px solid #6298d6  !important;
background:#6298d6  !important;
}

a.rounded-btn-big {
text-transform:uppercase;
font-weight:normal !important;
font-size:11px  !important;
padding:1px 3px;
border:1px solid #CCC  !important;
text-decoration:none  !important;
color:#999  !important;
/*margin-left:5px !important;*/
background:#FFF  !important;
}
a.rounded-btn-big:hover {
color:#FFF  !important;
border:1px solid #004499  !important;
background:#004499  !important;
}
.small {
padding:0px 2px !important;
}


a.rounded-btn-big2 {
text-transform:uppercase;
font-weight:normal !important;
font-size:11px  !important;
padding:1px 3px;
text-decoration:none  !important;

color:#6298d6  !important;
border:1px solid #6298d6  !important;
background:#fff  !important;
}
a.rounded-btn-big2:hover {
	color:#FFF  !important;
	border:1px solid #004499  !important;
	background:#004499  !important;
}


/* FOOTER */

#footer {
float:left;
height:160px;
width:960px;
background: white url('../img/general/bg-footer.png') no-repeat 0 0;
text-align: center;
}

#footer .content {
position: relative;
top:100px;
color:#CCC;
font-size: 11px;
}

#footer-menu li {
display: inline;
}

#footer-menu li a {
color:#999;
}

#footer-menu li a:hover {
color:#6298d6;
}

#footer p {
margin-top:10px;
margin-bottom:0px;
}


/* STAFF */

.staff-header {
float: left;
}

.staff-header img {
float:left;
width:120x;
margin-right:20px;
}




/* IMAGE - PARAGRAPH List*/ 

.image-p-list {
float: left;
margin-top: 20px;
}

.image-p-list li {
float: left;
clear:both;
width:100%;
margin-bottom: 20px;
}

.image-p-list li img {
float: left;
width: 100px;
margin-right:30px;
}
.image-p-list li p {
float: left;
width: 553px;
margin-top: 0px;
}

/* PARAGRAPH List*/ 

.p-list {
float: left;
clear:both;
width:100%;
margin-top: 10px;
}

.p-list li {
float: left;
clear:both;
width:100%;
border-bottom:1px solid #E7EDF6;
}

.p-list li p {
margin:10px 0px;
}

.p-list li .body {
float: left;
clear:both;
width:100%;
margin-top: 0px;
}



.p-list li .info {
float: left;
clear:both;
width:100%;
margin-bottom: 10px;
color:#999;
font-size:11px;
}

.p-list li:hover {
background:#e7edf6;	
}



/* CONTACT */ 

#find-us p {
color:#999;
line-height: 17px;	
}
.find-us {
float: left;
width:230px;
}

.find-us p{
margin-top: 20px;
margin-bottom: 0px;
}

.find-us .legend {
margin: 0px;
}

.contact {
float: left;
width:435px;
margin-right: 20px;
}

.contact-box {
float: left;
}

.contact-box label {
float:left;
width:100px;
padding-top:10px;
}

form label {
color: #999;
}

form .input-txt {
width: 160px;
border:1px solid #CCCCCC;
line-height:1.3em;
font-size:12px;
margin:0.4em 0.4em 0.4em 0px;
padding:0.4em;
}

form select {
width: 170px;
margin:0.4em 0.4em 0.4em 0px;
}

form textarea {
font-size:12px;
border:1px solid #CCCCCC;
line-height:1.3em;
margin:0.4em 0.4em 0.4em 0px;
padding:0.4em;
width:280px;
}

form select,
form label,
form input,
form textarea {
font-family:Verdana;	
}

.submit-btn {
border: none;
background:#6298d6 none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
padding: 0px;
padding-left:10px;
padding-right:10px;
width:auto;
height: 24px;
line-height: 24px;
}
.submit-btn:hover {
background: #004499;
}

#shadowbox_overlay{
background:#003E8A !important;
}

.shadow {
background: white url('../img/general/horiz_sep.gif') no-repeat 0 0;	
}


.limiter {
width: 220px;
display:block;
}

.contact-box .action-send {
margin-left:100px;
background:#FFFFFF none repeat scroll 0 0 !important;
border:1px solid #CCCCCC !important;
color:#999999 !important;
font-size:13px !important;
font-weight:normal !important;
line-height:18px;
padding:0 4px;
text-decoration:none !important;
text-transform:uppercase;
cursor:pointer;
}
.contact-box .action-send:hover {
color:#FFF  !important;
border:1px solid #6298d6  !important;
background:#6298d6  !important;
}







/* Highlight Elements */ 

.highlight-list {
float:left;
width:685px;
list-style: none !important;
margin-left:0px !important;
}

.highlight-list li {
list-style: none !important;	
clear:both;
float:left;
width:685px;	
border-bottom:1px solid #E7EDF6;
}

.highlight-list li:hover {
background:#e7edf6;	
}

.highlight-list .left {
float:left;
width:65px;
margin:10px 0px;
}

.highlight-list .right  {
float:left;
width:590px;
margin:10px 0px;
}

.highlight-list p {
margin:0px;
}  

.highlight-list h2 {
margin:0px;
margin-bottom:10px;
font-size:13px;
}  

h2.with-body {
line-height:16px;
font-size:12px;
margin:0px !important;
}

.highlight-list h2 a {
font-weight:normal !important;
text-decoration:none;
color:#4C77A7;
}

.highlight-list h2 a:hover {
color:#004499;
text-decoration:underline;
}  

.highlight-list li .left img {
width:45px;
height:45px;
margin-left:5px;
border:1px solid #E7EDF6;	
}

.highlight-list .date {
color:#777;	
font-size:11px;
}

.highlight-list .body {
font-size:11px;
line-height:17px;
}

img.highlight {
border:1px solid #E7EDF6;
float:left;
margin:5px 10px 0px 0px;
}
h1.highlight {
}
h3.highlight {
color:#999 !important;
font-size:13px !important;	
margin: 0px !important;
clear:both;
}

div.navigation {
float:left;
margin-top:13px;
}

h1.navigation {
width:auto !important;
float:left !important;
margin-right:6px !important;
}

label.error {
display:block;
color:#CC0000;
font-size:12px;
width:auto;
margin-bottom:10px;
}


/* ************* Columns ************** */

.col {
float:left;
width:230px;
}
.first-col {
margin-right:30px;
}
.sec-col {
width:425px !important;
}
.staff h2 {
margin-bottom:10px !important;	
}
.staff h3 {
margin-bottom:10px !important;	
}
.staff ul {
margin:0px !important;
}
.staff li {
list-style:none !important;	
padding:0px !important;
line-height:16px !important;
}

.staff li a {
text-decoration: none;
display: block;
padding:4px 0px;
}


#bigger{
position: absolute;
padding: .5em;
display: none;
z-index: 200;	
background: #fff;
border: 1px solid #E7EDF6;
}

/* Form styles */

.input-wrapper {
margin: 5px 0px 15px 0px;
}

.input-small-w {
width:220px;
}

.input-auto-w {
width:auto;
}


/* ************* Actions ************** */

.action-button {
background: no-repeat 0px -23px;
padding:0px 0px 0px 27px;
border:none;
display:block;
clear:both;
float:left;
margin:0px 10px 0px 0px;
height:23px;
color:#6298D6;
cursor:pointer;
font-size:12px;
}
.action-button:hover {
background-position: 0px 0px;
color:#004499;
text-decoration:underline;	
}

.action-link {
background:no-repeat 0px -23px;
padding:5px 0px 0px 30px;
display:block;
float:left;
margin-right:10px;
height:18px;
}
.action-link:hover {
background-position: 0px 0px;	
}


.action-link-small {
background:no-repeat 0px -15px;
padding:0px 0px 0px 19px;
display:block;
float:left;
margin-right:0px;
height:15px;
}
.action-link-small:hover {
background-position: 0px 0px;	
}


.action-button-small {
background: no-repeat 0px -15px;
padding:0px 0px 0px 19px;
border:none;
display:block;
clear:both;
float:left;
margin:0px 5px 0px 0px;
height:15px;
color:#6298D6;
cursor:pointer;
font-size:12px;
}
.action-button-small:hover {
background-position: 0px 0px;
color:#004499;
text-decoration:underline;	
}

.action-button-small-right {
background-position: right -15px;	
padding:0px 19px 0px 0px;
}
.action-button-small-right:hover {
background-position: right 0px;	
}

.action-button-small-center {
padding:0px 4px 0px 4px;
text-align:center;
color:#fff;
font-size:10px;
font-weight:bold;
background: no-repeat 0px -15px;
}
.action-button-small-center:hover {
background-position: 0px 0px;
text-decoration:none;
color:#fff;
}

.action-button-small-center-active {
padding:0px 4px 0px 4px;
text-align:center;
color:#fff;
font-size:10px;
font-weight:bold;
background: no-repeat 0px 0px;
text-decoration:none;
color:#fff;	
}

.action-inline {
clear:none;
float:none;
display:inline;
}

.action-send {
background-image:url('../img/admin/send.gif')	
}



/* *** Projects *** */

.projects {
background:url('../img/general/logo-small.jpg')	no-repeat 555px 7px;
}

.projects #wrapper {
margin:20px 30px 20px 20px ;
float:left;
width:665px;
}

.projects h1 {
width:570px !important;
}