body{
	background: transparent url(../images/webdesign_fond.jpg) top left no-repeat;
	background-attachment: fixed;
}


#header {
	background: tranparent;
 }
#lesmod {
	-background: url(../images/transpbleu.gif) repeat;
	width: 96%;
	margin-left: 20px;
	top: 15px;
	margin-bottom: 25px;
 }
 
#bottom {
	background-color: #0000CC;
	width: 40%;
	bottom: 0px;
	position: absolute;
	visibility: visible;
	left: 0px;
	height: 30px;
 }
 #gauche {
	width: 100%;
	left: 0px;
	position: absolute;
	z-index: 10;
	overflow: visible;
	background: transparent url(../images/webdesign_fondbd.jpg) bottom right no-repeat scroll;
	background-attachment: fixed;
	height: 106%;
 }
 #gauche div.fond  {
    width: 100%;
	left: 0px;
	position: absolute;
	z-index: 10;
	overflow: visible;
	background-attachment: fixed;
	height: 100%;
	
}
 #gauche div.fondr  {
	bottom: 0px;
}

 #droite111 {
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top right;
	width: 100%;
	height: 580px;
	left: 0px;
	filter:alpha(opacity=0.5);
	-moz-opacity:.5;
	opacity:.5;
	margin-top: -290px;
	top : 50%;
	z-index: 1000;
	float : left;
	position:absolute;
 }
 
#search {
background: url(../images/back_search.jpg) right top no-repeat;
}

#outer-800 {
	background: #ffffff url(../images/fondtransp2.gif) repeat-y 0px 10px;
}

#outer-1024 {
background: transparent url(../images/content-top1024.gif) no-repeat top;
}

#banner {
	border: solid #CCCCCC 1px;
	z-index: 500;
}

a, #search .inputbox, #search .button{
color: #FFCD2C;
}

div.module h3 {
color: #FFCC00;
border-bottom: 1px solid #FFCC00;
}

ul#mainlevel-nav li{
background: url(../images/headmenu_left.gif) bottom left no-repeat;	
}

ul#mainlevel-nav li a{
background: url(../images/headmenu_right.gif) bottom right no-repeat;
}


ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
background: url(../images/headmenu_left_hover.gif) bottom left no-repeat;
}

ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{
background: url(../images/headmenu_right_hover.gif) bottom right no-repeat;
}

#lesmod div.moduletable h3, #lesmod div.moduletable_web h3,#lesmod div.moduletable-blank h3,#lesmod div.moduletable_w h3, #maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3,#maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3{
background: url(../images/module_head_back.jpg) repeat-x;
}

#lesmod div.moduletable_w {
	background: url(../images/transpbleu.gif) repeat;
	overflow: hidden;
	height: 188px;
	width: 680px;
}
#lesmod div.moduletable_web {
	-background: url(../images/transpbleu.gif) repeat;
	overflow: hidden;
	height: 69px;
	background-color:  #FFCD2C;
}

#lesmod div.moduletable_portfolio {
	-background: url(../images/transpbleu.gif) repeat;
	overflow: hidden;
	height: 87px;
	background-color: #FFCD2C;
}
#lesmod div.moduletable {
	-background: url(../images/transpbleu.gif) repeat;
	overflow: hidden;
	height: 167px;
	background-color: #FFCD2C;
}
#lesmod div.moduletable a{
	color: #FFFFFF;	
}
#lesmod div.moduletable-blank {
	background: url(../images/transpbleu.gif) repeat;
	overflow: hidden;
	height: 208px;
}
	
div.blank-h div.yoo-scroller {
padding-left: 0px;
}
a.readmore {
	font-size: 10px;
	color: #666666;
}


a.mainlevel:hover, a.mainlevel#active_menu {
	color: #FF3300;
}

a.sublevel {
color: #FFCC00;
background: url(../images/submenu_back.gif) left center no-repeat;
}

a.sublevel:hover, a.sublevel#active_menu {
background: #F1F1F1 url(../images/submenu_back.gif) left center no-repeat;
border-right: 4px solid #669E83;
}

.contentheading {
border-bottom: 1px solid #FF0000;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
}

a.readon {
background: url(../images/readon.gif) no-repeat left;
}

table.contentpane td.contentheading {
color: #FFCC00;
}


table.contentpane ul li{
background: url(../images/readon2.gif) no-repeat left top;
}

.componentheading {
border-bottom: 1px solid #002E61;
color: #FFCC00;
}

.blog_more ul li{
background: url(../images/readon.gif) no-repeat left;
}
.fondr{
	bottom: 0px;
}
.imggauche {
	float: left;
	
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #FF0000;
	text-align:left;
	text-decoration: none;
	}

a.contentpagetitle:hover {
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #FF8a00;
	font-weight: bold;
	}

a.category:link, a.category:visited {
  color            : #FF0000;
  font-weight      : bold;
  font-size: 11px;
font-weight: bold;
}

a.category:hover {
  color            : #FF0000;  
}

pour #gauche div.fond
background: transparent url(../images/psgauche.jpg) top left no-repeat;
	background-attachment: fixed;

.vScroller {
position:relative;
overflow:hidden;
width:400px;
height:300px;
border:1px solid #000;
margin:0;
padding:0;
left: 50px;
top: 50px;
}
.vScrollee {
position:absolute;
width:380px; /* to get this number, subtract scrollee's padding from scroller's width */
left:0; top:0;
margin:0; padding:0 10px;
}
.btn {
position:absolute;
overflow:hidden;
width:400px;
height:10px;
border:0px solid #000;
text-align:right;
cursor:default;
font-size: 9px;
}

#description {
	height: 302px;
	text-align: left;
	width: 500px;
	z-index: 100;
	float: right;
	top: 10px;
}
#scroll {
	float: right;
	height: 100%;
	z-index: 101;
	margin-top: 10px;
	width: 20px;
}
#scrollUp {
	padding-top: 8px;
	width: 20px;
}

#scrollDown {
	padding-top: 230px;
	width: 20px;
}
#wn {
	OVERFLOW: hidden;
	WIDTH: 400px;
	POSITION: relative;
	TOP: 20px;
	HEIGHT: 254px;
	margin-left: 60px;
}
#lyr1 {
	TOP: 5px;
	text-align: LEFT;
	padding: 0px 20px 10px 20px;
	width: 382px;
	visibility: visible;
	position: absolute;
}