body{
  text-align:center;
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
  width: 100%;
  font-family: 'Jockey One',Arial, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  background-attachment: fixed;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color:#101010;
}
li a{
float:left;
clear:right;
margin-left:10px
}
li p{
clear:left;
}
div,img{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border:0px;
}
p { 
  margin: 0px; 
  padding: 0px; 
  text-align: justify; 
}
h1 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 30px;
  font-weight: bold;
}
h2 {
  margin: 0 0 30px 0;
  padding: 3px 0;
  font-size: 22px;
}

h3 {
  margin: 0 0 10px 0;
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold;
  font-weight: bold;
}

#img.source-image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#background{
  position:absolute; 
  z-index:1;
  width:100%;
  top:0px;
  left:0px;
}
#scroller {
  position:relative;
  top:0px;
  z-index:2;
}
#bookmarks{
  position:absolute;
  float:left;
  top:0px;
  height:210px;
}
.borderImg
.borderImg img{
  margin:0px;
  padding:0px;
  height:15px;
  width:700px;
}
.borderImgFoot img{
height:15px; 
width:550px;
}
.bodytext p {
  font-size: 12px;
}

.poll {
  overflow: hidden;
  text-align: left;
}

.bgthumbs {
  margin: 2px;
  border: 2px solid #000000;
}

.bgthumbs a:hover {
  border: 2px solid #0099CC;
}

h1,  h3, h4, p, ul, li, .poll, table.contentpaneopen {
  margin: 0px; 
  padding: 0px;
  border:0px;
  list-style-type:none;
}

h1,h2,h3,.componentheading, .contentheading {
  font-style: inherit;
  padding-bottom: 0px;
  text-align: left;
}

div.componentheading {
  padding-bottom: 10px;
  text-decoration: underline;
}

.moduletable_menu h3 {
  text-indent: 3px;
  padding-bottom: 5px;
}

h1,.componentheading, .contentheading {
  font-size: 20px;
  line-height:24px;
}
h2{
  font-size: 17px;
  font-weight:normal;
}	
fieldset.input {
  border: 0px none;
}

li { 
display:inline;

}
a:link {
  color: #FFFFFF;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
}

a:visited{
  color: #FFFFFF;
  font-weight: bold;
}

.moduletable {
  padding-bottom: 15px;
}

.mostread {
  list-style-type: none;
}
#logo *{
  border: 0 none;
  margin-left: -24px;
  margin-top: -2px;
  z-index: 11;
  opacity:0.9;
}
#logo {
  float: left;
}

#headwrap {
  float: left;
  height: 60px;
  margin-bottom: 10px;
}

#topbannerad {
  display: none;
}

#wrapper {
  height: 100%;
  width:750px;
  margin-top: 10px;
  display:none;
  margin: 13px auto;
}

#leftwrap { 
  text-align: left;
  width: 180px;
  margin-right: 10px;
  float: left;
}

* html #left { 
  display: inline; 
}

#left{
  width: 180px;
  background-image: url(../images/left-mid.png);
  background-repeat: repeat-y;
}

#leftinner2 .moduletable{
  padding-left: 10px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#right {
  width: 700px;
  text-align: left;
  float: left;
}

* html #right { 
  display: inline; 
}

#rightinner {
  width: 700px;
  margin:0px 0px 0px 11px;
  padding:0px 0px 0px 11px;
}
.thumbTitle *{
  clear:left;
}

.slideshow {  
  z-index:1;  
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
}
.slideshow img {  }

div.gallery 	{
display:inline;
float:left;
}
#rightinner2 {
  margin-left: 0px;
  list-style-type: none;
  margin:0px 0px 0px 4px;
  padding: 5px 20px 5px 20px;
  border: 0px;
}

table.contentpane {
  width: 558px;
  overflow: hidden;
  display: inline;
  padding-bottom: 10px;
}

* html #farright { display:inline; }

#farrightinner2 {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}

#TopModule {
  width: 468px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
	
#BottomModule {
  width: 468px;
  margin-right: auto;
  margin-left: auto;
}

.logoLeft {
  float: left;
  margin: 10px;
}

li.contentpaneopen, ul.contentpaneopen {
	list-style-type: none;
}

table .contentpaneopen {
	width: 100%;
	display: inline;
}


html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

#mod_search_searchword {
	font-size: 12px !Important;
	width: 140px;
}

#mod_login_password, #mod_login_username {
	width:160px;
	color: #FFF;
}

form {
	margin: 0;
	padding: 0;
	width:400px;
	float:left;
}

input, select {
	font-size: 12px !Important;
}

label {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.pollstableborder {
	text-align: left;
}

select, .inputbox {
	padding: 4px;
	font-size: 12px;
}

textarea {
	font-size: 12px;
}

.button {
	border: 1px solid #666;
	padding: 2px 6px!important;
	background: url(../images/button-bg.gif) repeat-x top #000;
	color: #00C000;  
	font-weight: bold;
	font-size: 12px;
	
}

#modlgn_remember {
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
}

#form-login {
}

ul.latestnews {
}

.button:hover  {
	background: url(../images/button-bg.gif) repeat-x top #88CFFF;
	color: #000;
	border: 1px solid #000;
}

.button:active, .button:focus {
  border: 1px solid #222222;
}

#form-login-remember {
  display:inline;
  vertical-align:top;
}

#mod_search_searchword .inputbox {
  font-size:12px;
}

.inputbox {
  font-size: 12px;
  border: 1px solid #3F3F3F;
  background: #000;
  color: #FFFFFF;
  text-indent: 3px;
}
	

#left .inputbox, #mainContent .inputbox {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #000 !important;
  text-indent: 3px;
}

#left .inputbox:hover
#left .inputbox:focus
#mainContent .inputbox:hover
#mainContent .inputbox:focus
#farrightinner2 .inputbox:focus
#farrightinner2 .inputbox:hover{
  border: 1px solid #88CFFF;
}

#farrightinner2 form {
  width:160px;
}

#form-login-remember .inputbox:hover {
  border:none
}
.links{
  text-align:center;
  color:#000000;
  font-weight:bold;
  font-size:13px;
  background-image:url('../images/right-bottom');
}
.links a{
  color:#FFF;
  margin-left:9px;
}
.title{
margin:-17px 0px 0px 5px;
}
.titleTop{
margin:0px 0px 0px 5px;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.fl { float: left; }
.fr { float: right; }

.margin_r50 { margin-right: 50px; }

.button_01 a {
	display: block;
	width: 75px;
	height: 25px;
	padding: 5px 32px 0 5px;
    background:  url(images/templatemo_button_01.png) no-repeat;
	
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


.image_wrapper {
	margin-top: 3px;
}

.service_list {
	margin: 0 0 20px 0;
	padding: 0px;
	list-style: decimal;
}

.listServices li ,.listPartenaires li, .listRealisations li{
	margin: 0px;
	padding: 5px 0;
	display:block;
}

.portfolio_box {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}


.em_text {
	color: #ffffff;
}

.address_info{
	float: right;
	width: 200px;
	font-size: 14px;
}
#credit {
  float: right;
  padding: 240px 0 0;
  width:280px;
}
.address_info h3,.address_info p, #credit p,#credit h3{
	font-size: 16px;
	color: #f0e7dd;
	padding: 2px 0 0 12px;
	font-weight:  normal;
}

/* end of content */
.panel p,.panel li{
  margin: 0px 10px;
  font-size:17px;
  text-align: justify;
}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin:15px 0px 0 0;
	padding: 0;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
  margin: 0px;
  position: relative;
  width: 700px;
  background-image: url(../images/right-mid.png);
  background-repeat: repeat-y;
}
.laClasseAmericaine{
   float:left;
   width:200px;
   font-size:14px;
   padding-left:13px;
}
.right{
  clear:left;
  float:left;
  margin-top:21px;
}
.footer{
  background-color:#DDD;
}
.copyright{
  background: none repeat scroll 0 0 #222;
  border-radius: 10px 0 10px 10px;
  float: left;
  height: 24px;
  opacity: 0.9;
  padding-top: 5px;
}
.copyright div{
  background-color:#000;
}
.footerImg {
  background: none repeat scroll 0 0 #222;
  border-radius: 10px 0px 10px 10px;
  float: right;
  height: 41px;
  opacity: 0.9;
  padding-top: 9px;
  width: 120px;
}
.footerImg img{
  height:32px;
  vertical-align:center;
  text-align:right;
  
}
.portfolioExcerpt{ padding-bottom: 11px;}
.servicesTitle{ font-size:15px;text-decoration:underline}
.listServices h3{ font-size:15px;text-decoration:underline;margin:0 0 3px 10px}
#slider1 h3{ font-size:18px;margin:0 0 3px 10px}
#slider1 li{ display: block;}
#slider1 p{ margin-top:4px;}
.listServices h3,.listServices p{
  padding:0;
}
.listServices p{ line-height:16px}
h3,p,ul{
  padding: 0 24px;
}
.codanav ul{
  padding:0;
}
.coda-nav ul li a:hover{color:#AAA}
.portfolioExcerpt{ padding-left:0;}
.coda-nav a:link {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}