html, body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/top-backg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align: center;
	color: #808080;
}

.oneColElsCtrHdr #container {
position:relative;
	width: 960px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
} 

.oneColElsCtrHdr #logo {
	position:absolute;
	top: 57px;
	left: 20px;
} 
.oneColElsCtrHdr #menu-top {
	position:absolute;
	top: 84px;
	left: 510px;
	width:440px;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	color:#808080;
} .oneColElsCtrHdr #menu-left {
background-image:url(../images/menu-competencestop.gif);
background-repeat:no-repeat;
	position:absolute;
	top: 189px;
	left: 20px;
	width: 222px;
	height: 350px;
	padding-left: 10px;
	padding-top: 10px;
} 
.oneColElsCtrHdr #texte {
	position:absolute;
	top: 199px;
	left: 253px;
	width: 700px;
}
.oneColElsCtrHdr #boiteportfolio {
	position:absolute;
	top: 172px;
	left: 253px;
	width: 740px;
}


#connection {
width:960px;
margin-left:auto;
margin-right:auto;
position:absolute;
	top: 760px;
	left: 32px;
} 


#facebook-like{
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
position:absolute;
top:790px;
left:20px;
}.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #footer {
position:relative;
top: 1910px;
left: 0px;
height:214px;
background-image:url(../images/footer-backg.gif);
background-repeat:repeat-x;
padding: 0;
z-index:1;
}
 
.oneColElsCtrHdr #fcontainer {
position:relative;
	width: 960px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
} 
.oneColElsCtrHdr #sousmenu {
	position:absolute;
	left: 25px;
}
.oneColElsCtrHdr #footerc {
	position:absolute;
	left: 25px;
	top: 50px;
}
a:link {
	text-decoration: none;
	color: #808080;
}
a:visited {
	text-decoration: none;
	color: #808080;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #808080;
}
a.menu:link {
	text-decoration: none;
	color: #808080;
}
a.menu:visited {
	text-decoration: none;
	color: #808080;
}
a.menu:hover {
	text-decoration: none;
	color: #bbbaba;
}
a.menu:active {
	text-decoration: none;
	color: #808080;
}
a.menul:link {
	text-decoration: none;
	color: #bbbaba;
}
a.menul:visited {
	text-decoration: none;
	color: #bbbaba;
}
a.menul:hover {
	text-decoration: none;
	color: #808080;
}
a.menul:active {
	text-decoration: none;
	color: #bbbaba;
}
.surtitre {font-size: 18px;
line-height:30px;
}
.titre {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
}
.titresm {
	font-size: 15px;
	font-weight: bold;
}
.textevert {
	font-size: 14px;
	color: #649032;
}
.grispale {
	font-size: 15px;
	font-weight: bold;
	color: #bbbaba;
}

.oneColElsCtrHdr #topshelf {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
} 
.oneColElsCtrHdr #topshelf-video {
	position:absolute;
	top: 2px;
	left: 0px;
	height: 277px;
	width: 729px;
	background-image:url(../images/portfolio/grillevideo.png);
	background-repeat:no-repeat;
} 
.oneColElsCtrHdr #middleshelf {
	position:absolute;
	top: 239px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf-video {
	position:absolute;
	top: 279px;
	left: 0px;
	height: 277px;
	width: 729px;
	background-image:url(../images/portfolio/grillevideo.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf2 {
	position:absolute;
	top: 478px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf3 {
	position:absolute;
	top: 717px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf4 {
	position:absolute;
	top: 956px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf5 {
	position:absolute;
	top: 1195px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf6 {
	position:absolute;
	top: 1434px;
	left: 0px;
	height: 239px;
	width: 729px;
	background-image:url(../images/portfolio/backtrois.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf-video2 {
	position:absolute;
	top: 554px;
	left: 0px;
	height: 277px;
	width: 729px;
	background-image:url(../images/portfolio/grillevideo.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf-video3 {
	position:absolute;
	top: 831px;
	left: 0px;
	height: 277px;
	width: 729px;
	background-image:url(../images/portfolio/grillevideo.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #middleshelf-video4 {
	position:absolute;
	top: 1108px;
	left: 0px;
	height: 277px;
	width: 729px;
	background-image:url(../images/portfolio/grillevideo.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelf {
	position:absolute;
	top: 1434px;
	left: 0px;
	height: 239px;
	width: 508px;
	background-image:url(../images/portfolio/backdeux.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelf-imp {
	position:absolute;
	top: 1434px;
	left: 0px;
	height: 239px;
	width: 508px;
	background-image:url(../images/portfolio/backdeux.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelf-inc {
	position:absolute;
	top: 478px;
	left: 0px;
	height: 239px;
	width: 508px;
	background-image:url(../images/portfolio/backdeux.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelf-camp {
	position:absolute;
	top: 1195px;
	left: 0px;
	height: 239px;
	width: 508px;
	background-image:url(../images/portfolio/backdeux.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelfc {
	position:absolute;
	top: 1195px;
	left: 0px;
	height: 239px;
	width: 286px;
	background-image:url(../images/portfolio/backun.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #bottomshelfr {
	position:absolute;
	top: 478px;
	left: 0px;
	height: 239px;
	width: 286px;
	background-image:url(../images/portfolio/backun.png);
	background-repeat:no-repeat;
}
.oneColElsCtrHdr #boite1 {
	position:absolute;
	top: 58px;
	left: 32px;
	width: 670px;
}
.oneColElsCtrHdr #boite1-video {
	position:absolute;
	top: 55px;
	left: 32px;
	width: 670px;
}
.oneColElsCtrHdr #boite2 {
	position:absolute;
	top: 55px;
	left: 32px;
	width: 286px;
}      
.texteregulier {
line-height: 18px;
font-size: 13px;
}
.texteportfolio {
line-height: 24px;
font-size: 20px;
font-weight: bold;
}
.texteportfolio2 {
line-height: 20px;
font-size: 15px;
font-weight: bold;
}
.texteregulierm {
line-height: 22px;
font-size: 13px;
text-decoration:none;
}
.menutop {
line-height: 18px;
font-size: 13px;
}
#pcampagnes {color: #333333;
}