body {                                              
}        


/* body */                                         

#outer_page{ 
background-image: url('bg_conta.gif');
background-repeat: repeat-x;
background-position: left top;
}    

#inner_page{ 
background-image: url('bg_contb.gif');
background-repeat: repeat-x;
background-position: left top;
} 

/* wrap */                                                                                              
#header-wrapper	{
position: relative;
height: 185px;
margin:0 auto;
width:940px; 
}

header#site {
display:block;
}


/* logo */     
header#site #logo { 
position: absolute;
left: 0;
top:0px;
display:block;
}

header#site #logo a { 
background:url('images/logo-clg.gif') no-repeat; 
display:block;
}   

/* top right block */ 
nav#accroche {
position: absolute;
right: 0;
top:85px;
display:block;
size: 18px;
font-weight: bold;
align:left;
color:white;
width: 450px;
} 

nav#top-links {
position: absolute;
right: 3px;
top:27px;
display:block;
size: 13px;
font-weight: bold;
align:left;
color:white;
width: 450px;
height: 20px;
} 

nav#top-links a{ text-transform:uppercase; font-size:13px; padding:0px 0px 0 0; margin:0;  color:#666666; text-decoration:none; }
nav#top-links a:hover{color:#333333; text-decoration:underline;}


/* main-menu */   
#menu-wrapper {
}

nav#main-menu {
position: absolute;
left: 0;
top:150px;
width: 960px;
height: 20px;
display:block;
} 

nav#main-menu ul {float: left; padding:0; margin:0;width:1000px; }
nav#main-menu li {display:inline; font-weight:bold; font-size:13px; padding:0; margin:0; }	
nav#main-menu li a{ text-transform:uppercase; font-size:13px; padding:2px 40px 0 0; margin:0; display:block; float:left; color:#d0cfcf; text-decoration:none; }		
nav#main-menu li a:hover,
nav#main-menu li.selected a {color:white; text-decoration:none;}


/* main top image */  

.image-bg { 

}

#main-image {
position: relative;
height: 280px;
margin:0 auto;
width:940px; 
}

#main-image-inner {
position: relative;
height: 160px;
margin:0 auto;
width:940px; 
}

/*Jquery Cycle*/

#banner-wrapper {
	background:url('no_image.gif') left top repeat-x;
	border-bottom:7px solid #e6e6e6;
}
#nav {
	height:1px;
	position:relative;
	width:1px;
	margin:0 auto;
	top:-15px;
}
#nav a {
	background:url('no_image.gif') left center no-repeat;
	padding:5px;
	text-decoration:none;
}
#nav a.activeSlide {
	background:url('no_image.gif') left center no-repeat;
}
#slides {
	width:940px;
	margin:0 auto;
	position:relative;
}
#slides h1 {
	font-family: 'Francois One', arial, sans-serif;
	color:#CA3122;
	font-size:25px;
	line-height: 25px;
	margin-top:0px;
	margin-bottom:10px;
	width:250px;
}

#slides p {
	color:#f3f3f3;
	font-size:14px;
	line-height: 20px;
	margin-top:0px;
	margin-bottom:10px;
	width:250px;
	padding-bottom: 5px;
}
#slides .horizontal {
	float:left;
	margin:0 auto;
	width:940px;
}
#slides img {
	margin:0px 0px;
}
.slide-heading {
	padding-bottom:10px;
	width:680px;
	margin:0 auto;
}
.slide {
	width:940px;
	position:relative;
	margin:0 auto;
}
.center-image {
	float:left;
	width:60%;
	text-align:center;
}
.center {
	text-align:center;
	width:940px;
	position:relative;
	margin:0 auto;
}

.right {

	padding: 40px 20px 0px 35px;
}

.home-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:5px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.home-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
		text-decoration:none;
}.home-button:active {
	position:relative;
	top:1px;
}

.dark_box {
	background:url('images/grey_60.png') right no-repeat;
	float: right;
	width:310px;
	height: 278px;
	padding:0px;
	margin:0px; 
	}

.no_box {
	background:url('no_image.gif') right no-repeat;
	float: right;
	width:310px;
	height: 278px;
	padding:0px;
	margin:0px; 
	}

/* Page content container*/  

#content-wrapper-inner{
margin:0 auto; 
width:940px;
padding: 75px 0 50px 0;
}

#content-wrapper-outer {
margin:0 auto; 
width:940px;
padding: 20px 20px 5px 0;
}


#content-container {
	padding-top:10px;
}

#content-container img { 
background-color: #FFFFFF;
border: 1px solid #D6D6D1;
margin-bottom: 5px;
margin-top: 5px;
padding: 9px;
}


/* Page content container: 3boxes*/ 
section.three-first{
width:280px;
float:left;
display:block;
padding-bottom:40px;
min-height: 250px;
}


section.three-next{
float:left;
width:280px;
padding-left:50px;
display:block;
padding-bottom:20px;
}     

/* Page content container: wide*/   

section#wide{
	float:left;
	width:940px;
	display:block;
	padding-bottom:5px;
	margin-top:0px;
}

section#wide h1{
	font-size: 22px;
	line-height: 28px;
}


/* FOOTER*/                   
#footer-wrapper {
margin:0 auto; 
width:100%;
background-image: url('bg_foote.gif');
background-repeat: repeat-x;
background-position: left top;
padding-top: 0px;
height: 259px;
}

#footer-wrapper ul{margin:0px; padding:0px; list-style-type:none; display: block;}
#footer-wrapper ul li{margin:0px; padding:0px 0px 0px 0px; line-height:30px; list-style-type:none; border-bottom:solid 1px #75c681;}
#footer-wrapper ul li a, #bottom_container ul li a:visited{color:#fffefe;}
#footer-wrapper ul li a:hover{color:#fffefe; text-decoration:none;}

#footer-wrapper p {
size:11px;
color: white;
}
#footer-wrapper h2 {color:#fff; font-size:18px;}

footer#page-footer {
padding-top: 30px;
margin:0 auto; 
width:940px;
}

section.footer-first {
width:280px;
float:left;
display:block;
padding-bottom:10px;
}

section.footer-next{
float:left;
width:280px;
padding-left:50px;
display:block;
padding-bottom:10px;
}  

section.footer-next a {color:white; text-decoration:underline;}
section.footer-next a:hover{color:#e7e7e7; text-decoration:underline;}


/* COPYRIGHT */
#copyright-wrapper { width:100%; background-image: url('bg_copyr.gif'); color:#999999; background-repeat: repeat-x; background-position: left top; height:50px;}

#copyright{margin:0 auto; width:940px; height:27px; padding:15px 0 0px 0; font-size: 9px;} 

#copyright a{color:#8aa651}


/* INNER-CONTENT AIDAN*/

#content-inner{ background-image:url('bg_conte.jpg'); background-repeat:repeat-y;  width: 960px;}


#content-inner h1 {font-size:24px;}
#content-inner h2 {font-size:20px;}


#content-inner img{
background-color: #ffffff;
border: 1px solid #D6D6D1;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
}

#social img{
border: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}

#social a{
}

#social a:hover{
}


/* ABOUT US */
#maintext{float:left; width:610px; padding-right:50px; }
.sideright{float:left;  width:278px; }
.sideright h2{  padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom:0px; font-size:20px;}
.sideright ul{ list-style-type:none; margin:0px 0px 35px 0px; padding:0px;}
.sideright ul li{ list-style-type:none; margin:0px; padding:0px 0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; 
border-bottom:1px solid #ddd; line-height:35px;}
.sideright ul li a, .sideright ul li a:visited{color:#656253; text-decoration:none; background-image:url('arrow000.gif'); background-repeat:no-repeat; background-position:0 4px; padding-left:10px;}
.sideright ul li a:hover{color:#8f0d2f !important; text-decoration:none;}
.sideright ul li.current a{font-weight:bold; color:#8f0d2f;}




/*sidebar*/
#sidebar{float:left; width:278px; margin:0px; }
.sidebox{float:left; width:278px; padding:0px 0px 35px 0px;}
.sidebox h2{  margin-bottom:15px; font-size:20px;}
.sidebox img { border:0px; margin:0px; background:none; padding:0px;}


.box-testi-r{
	background-image:url('images/box-testi-r.gif');
	background-repeat:repeat-y;
	width:281px;
}

.box-testi-b{
	background-image:url('images/box-testi-b.gif');
	background-repeat: no-repeat;
	background-position:bottom;
	width:281px;
}

.box-testi-t{
	background-image:url('images/box-testi-t.gif');
	background-repeat: no-repeat;
	background-position:top;
	width:281px;
}
.box-testi{ padding:10px 15px 25px 15px; color:#656253;}

.name-testi{ font-size:11px; line-height:normal; padding-left:15px; color:#656253;}
.name-testi .user{color:##1e5927;}

/* PORTFOLIO */
.pf_image{width:280px; float:left; margin-right:30px; margin-bottom:20px}
div.pf_container .pf_image img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:0px !important;}
.pf_desc h2{ color:#333; font-size:18px; margin-bottom:12px;}
.pf_text{float:left;}
.prevnext{text-align:left; font-size:10px; color:#333; text-transform:uppercase;}
.prevnext a, .prevnext a:visited{text-decoration:none !important; padding:7px 6px; margin-right:4px; color:#333; display:inline; }
.prevnext a.active{ background-color:#f3f3f3; border:solid 1px #ececec;}
.sidebox ul.f-project{ margin:0px;}
.sidebox ul.f-project img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:0px 18px 15px 0px !important;}



/* BLOG */
.post{margin-bottom:25px;}
.post img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:7px 8px 0px 0px !important;}

.post h2, .post h2 a, .post h2 a:visited{text-decoration:none !important; font-size:20px; color:#8aa651}
.post h2 a:hover{color:#666; text-decoration:none;}


ul.box-postmeta{ margin:0px; padding:0px;}
ul.box-postmeta li{ list-style-type:none; font-size:11px;}
li.date{ background-image:url('images/icon_date.gif'); background-repeat:no-repeat; padding-left:23px; background-position: 0 2px;}
li.comment{ background-image:url('images/icon_comment.gif'); background-repeat:no-repeat; padding-left:23px; background-position: 0 3px; }

.entry{padding:0px 0px 8px 0px;}
a.more{display:block; padding:0px 0px 0px 0px;  }
a.more:hover{  text-decoration:underline !important;}

------------------------------------------------------------------------------------------------------------------------

/* WEBIVA CMS FORM  */
.cms_form {
 background-color:#f3f3f3;
 display:block;
 padding:10px 10px 10px 0;
margin: 6px 3px 10px 0; 
}

.cms_form p{
  padding:10px 0px 10px 30px;
}

.cms_form td {

  font-size: 13px;
  padding:10px 10px 10px 0px;

  color:#707173;
}

.cms_form td.label {
  vertical-align: text-top;
  font-size: 13px;
  padding-top:10px; 
  padding-bottom:5px;
  padding-right:20px;  

  color:#58585a;
}

.cms_form td.error {
  vertical-align: text-top;
  font-size: 13px;
  padding-top:15px; 
  padding-bottom:5px;
  padding-right:0px;  
  font-weight:bold;
  color:#900d2f;
}


.cms_form input.text_field, textarea, select {
width: 250px;
border:#ccc solid 1px;
color:#333333;
background:#ffffff;
  font-size: 13px;
margin:0 0 5px 0;
padding:4px 8px 4px 2px;
}

.cms_form input.submit_button  { 
	background:#8e0d2e;
        border-color:#999999;
        border-style:solid;
        border-width:1px;
	color:#ffffff;
        padding:10px 15px 10px 15px;
	margin-bottom:4px !important;
	margin-bottom:0;

        font-weight:bold;
        font-size: 15px;
}

.cms_form .data select{
width: 260px;
}

.cms_form .data textarea{
width: 250px;
}


.cms_form input.submit_tag {
margin:0 0 5px 0;
padding:0px 8px 4px 2px;
}


/* WEBIVA CMS FORM 2 newsletter signup*/
.cms_form2 {

 display:block;
 padding:0px 10px 10px 0;
margin: 6px 3px 10px 0; 
}

.cms_form2 p{
  padding:10px 0px 10px 30px;
}

.cms_form2 td {

  font-size: 13px;
  padding:0px 0px 10px 0px;

  color:#707173;
}

.cms_form2 td.label {
  vertical-align: text-top;
  font-size: 13px;
  padding-top:0px; 
  padding-bottom:5px;
  padding-right:20px;  

  color:#58585a;
}

.cms_form2 td.error {
  vertical-align: text-top;
  font-size: 13px;
  padding-top:15px; 
  padding-bottom:5px;
  padding-right:0px;  
  font-weight:bold;
  color:#900d2f;
}


.cms_form2 input.text_field, textarea, select {
width: 205px;
border:#ccc solid 1px;
color:#333333;
background:#ffffff;
  font-size: 13px;
margin:0 0 5px 0;
padding:4px 8px 4px 2px;
}

.cms_form2 input.submit_tag {
margin:0 0 5px 0;
padding:0px 8px 4px 2px;
}


.cms_form2 input.submit_button  { 
	background:#E9E9E9;
	color:#000000;
	margin-bottom:4px !important;
	margin-bottom:0;
	width:80px;
}
/* main CSS Document */
/* general styling first */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0px none;
} 

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit
}

body {
	line-height: 1;
	color: #4D4D4D;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}


ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* end reset styles */


/* This is an extra (non-eric meyer) reset for HTML5 elements */
header, aside, nav, footer, section, article { display:block; }

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* END OF PRESET */


/*** GLOBAL  ***/


html, body{height:100%;	background-color:#f8f8f8;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#686767;
	height:100%;
	line-height:22px;
}

* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0px none;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	padding:0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px
}

#content-inner .noframe{ 
background: none;
border: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}


/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#1e5927}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#1e5927}
h1 {font-size:20px; line-height:24px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px; }

h7 {
line-height: 24px;
font-size:18px; 
font-weight:normal; 
color:white; 
}

.three-first h2{ line-height:23px; font-size:24px; padding-top:3px; margin-bottom:10px;}
.three-next h2{ line-height:23px; font-size:24px; padding-top:3px; margin-bottom:10px;}
.tagline{font-size:24px; line-height:33px;  color:#1e5927; padding-top:25px;}


/* links */
a {color:#1e5927; text-decoration:none;}
a:hover{color:#8aa651; text-decoration:underline;}
a img{border:none}
.border{ border:1px solid #c5c5c5; background-color:#FFFFFF; padding:19px;}
.imgleft{float:left; padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:7px 8px 0px 0px !important;}
.imgright{float:right; margin-left:15px;}
.imgmiddle{vertical-align:middle; padding-right:6px}



/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:13px;
	line-height:22px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}

.homelist{
display: block;
}
.homelist ul{
margin: 0;
padding: 0;
}
.homelist ul li{
background-image: url('checklis.png');
background-position: left top;
background-repeat: no-repeat;
margin: 0px;; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:7px
}

#maintext li{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    list-style-image: url('images/clg-bullet.gif');
    list-style-position: outside;
    text-decoration: none;
    text-indent: 2px;
    text-transform: none;
}

blockquote {
	margin:25px 0 25px 0px;
	color:#6b6b6b;
	padding:12px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	}
blockquote p{ margin:0px;}
/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


ul.f-project { margin:0px; padding:0px;}
ul.f-project img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:0px 18px 8px 0px !important;}
ul.f-project li{display:inline; float:left; border:none; line-height:normal; border:0px!important;}
ul.f-project li.nomargin{padding:0px 0px 0px 0px; margin:0px; color:#fffefe;}



.tableau {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
.tableau th {
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(250, 240, 230);
	-moz-border-radius: 0px 0px 0px 0px;
}
.tableau td {
text-align: center;
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(250, 240, 230);
	-moz-border-radius: 0px 0px 0px 0px;
}
.tableau tr {
text-align: center;
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(250, 240, 230);
	-moz-border-radius: 0px 0px 0px 0px;
}