/*STICKY FOOTER*/
@font-face {
    font-family: 'ITCOfficinaSansStdBookRegular';
    src: url('officinasansstd-book-webfont.eot');
    src: url('officinasansstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('officinasansstd-book-webfont.woff') format('woff'),
         url('officinasansstd-book-webfont.ttf') format('truetype'),
         url('officinasansstd-book-webfont.svg#ITCOfficinaSansStdBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0;
}
html, body {
	height: 100%;
	font-family: 'ITCOfficinaSansStdBookRegular',Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:20px;
	color:#4D4D4D;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
	width:826px;
	padding:0 4px 0 20px;
}
.footer, .push {
	height: 36px; /* .push must be the same height as .footer */
	clear:both;
}


a img {
border:none;
}


/* HEADER */
#header {
height:116px;
font-family: 'ITCOfficinaSansStdBookRegular',Arial, Helvetica, sans-serif;
}

#logopartenaire {
float:left;
}
#logo {
padding-top:12px;
}
#menu {
float:right;
text-transform:uppercase;
font-size:16px;
color:#4d4d4d;
padding-top:42px;
padding-right:16px;
}
#menu ul {
margin:0;
padding:0;
}
#menu ul li{
margin:0;
padding:0;
display:inline;
margin-right:30px;
}
#menu ul li a{
color:#4d4d4d;
text-decoration:none;
}
#menu ul li a:hover, #menu ul li.actif a, .rouge{
color:#A3002E;
}

/*SLIDER*/
#homeslider {
background:#FFFFFF url(../img/home/caption.png) no-repeat 810px 20px;
padding-bottom:38px;
}

/*CONTENU*/
hr {
background:url(../img/dotbg.png) no-repeat top left;
height:4px;
border:none;
padding:0;
margin:0;
}
.presentation {
height:270px;
background:url(../img/home/illu.png) no-repeat 0 30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#FFFFFF;
}
.force {
width:130px;
height:70px;
position:relative;
top:56px;
left:10px;
}
.important {
width:130px;
height:70px;
position:relative;
top:-20px;
left:217px;
}
.dialogue {
width:130px;
height:70px;
position:relative;
top:-61px;
left:373px;
}
.forts {
font-family: 'ITCOfficinaSansStdBookRegular',Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
color:#4d4d4d;
text-align:left;

width:260px;
position:relative;
top:-70px;
left:560px;

}
/*
*/
.footer {
background:url(../img/dotbg.png) no-repeat top left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#4d4d4d;
text-align:left;
width:810px;
margin:0 auto 0 auto;
clear:both;
text-indent:50px;
}

.footer a{
color:#4d4d4d;
text-decoration:none;
}
.footer a:hover{
color:#A3002E;
}
.footer p{
padding-top:12px;
background:url(../img/logosbxl.png) no-repeat 630px 8px;

}
/*A PROPOS COL LEFT*/
.colleft {
width:374px;
float:left;
margin-right:62px;
margin-bottom:36px;
}
.colright {
width:374px;
float:left;
}
h1 {
font-size:15px;
line-height:20px;
font-weight:normal;
color:#0E2856;
text-transform:uppercase;
margin:10px 0;
}
h2 {
font-size:15px;
line-height:20px;
font-weight:normal;
color:#A3002E;
margin:10px 0;
}
.colleft p,.colright p {
margin-top:10px;
}
.bleu {
color:#0E2856;
}
.blanc {
color:#FFFFFF;
}

/*PORTFOLIO*/
.menuportfolio {
background-color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
color:#4d4d4d;
font-family: 'ITCOfficinaSansStdBookRegular', Arial, Helvetica, sans-serif;
padding:32px 0 32px 0px;

}
.menuportfolio ul {
margin:0;
padding:0;
}
.menuportfolio ul li{
margin:0;
padding:0;
display:inline;
margin-right:3px;
}
.menuportfolio ul li a{
color:#4d4d4d;
text-decoration:none;
}
.menuportfolio ul li a:hover, .menuportfolio ul li.actif a{
color:#A3002E;
}

#portfolio_graphisme, #portfolio_traitement, #portfolio_production {
background-color:#FFFFFF;
0padding-bottom:10px;
}

.portfolio_item {
float:left;
margin:0 16px 0px 0;
font-size:12px;
color:#4d4d4d;
text-transform:uppercase;
}

.portfolio_item a {
color:#4d4d4d;
text-decoration:none;
}

.portfolio_item a:hover {
color:#8B1513;
}

.portfolio_item a span {
line-height:12px;
}

.topportfolio {
float:right;
padding-right:0px;
padding-top:32px;
}

#projet {
background-color:#FFFFFF;
padding:32px 0 22px 0px;
font-family: 'ITCOfficinaSansStdBookRegular', Arial, Helvetica, sans-serif;
color:#4d4d4d;
}


span.projet_client {
color:#A3002E;
}

#projetslider {
clear:both;
}
.projet_nav {
float:right;
padding-right:16px;
}
.projet_id {
float:left;
}

.description {
font-size:14px;
}

a.contact {
color:#0E2856;
text-decoration:none;
}
a.contact:hover {
color:#A3002E;
}

div.nom {
line-height:13px;
margin-top:5px;
margin-bottom:30px;
}
span.type {
color:#9B9B9B;
}

div#langue {
text-align:right;
padding-right:15px;
padding-top:4px;
}

a.lgactive {
text-decoration:none;
color:#A3002E;
}
a.lgactive:hover {
text-decoration:underline;
}
a.lginactive {
text-decoration:none;
color:#0E2856;
}
a.lginactive:hover {
text-decoration:underline;
}