@font-face {
    font-family: 'DroidSerifBold';
    src: url('../fonts/droidserif-bold-webfont.eot');
    src: url('../fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-bold-webfont.woff') format('woff'),
         url('../fonts/droidserif-bold-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('../fonts/droidserif-bolditalic-webfont.eot');
    src: url('../fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-bolditalic-webfont.woff') format('woff'),
         url('../fonts/droidserif-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-bolditalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DroidSerifItalic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../fonts/droidserif-regular-webfont.eot');
    src: url('../fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-regular-webfont.woff') format('woff'),
         url('../fonts/droidserif-regular-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0;
	color:#000;
	font:11px/14px 'DroidSerifRegular', Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.gif) repeat-x 0 0;
}
img{
	border-style:none;
}
a{
	text-decoration:underline;
	color:#000;
	outline:none;
}
.clear{
	content:'';
	display:block;
	clear:both;
}
#wrapper{
	width:903px;
	margin:0 auto;
}
#wrapper-header{
	width:100%;
	height:115px;
	/*background:transparent url(../images/bg-pictos.jpg) no-repeat 428px 96px;*/
	background:transparent url(../images/bg-menus.jpg) no-repeat 428px 12px;
}
.logo-holder{
	overflow:hidden;
	float:left;
	width:auto;
	margin:25px 0 0 0;
}
.logo-holder .logo a{
	height:73px;
	width:451px;
	display:block;
	position:relative;
	text-indent:-9999px;
	float:left;
	background:transparent url(../images/logo-gilles-viard.gif) no-repeat 0 0;
}
.logo-holder ul{
	float:left;
	margin:55px 0 0 10px;
	padding:0;
}
.logo-holder li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.logo-holder li a{
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 29px;
	color:#827d7c;
}
.logo-holder li a:hover, .over-menu a{
	color:#000 !important;
}
#wrapper-content{
	padding:35px 0 0;
	text-align:justify;
}
#wrapper-content .content-left{
	width:425px;
	min-height:420px;
	/*border-left:solid 1px #000;*/
	border-left:solid 1px #cbc8c3;
	padding:0 0 0 25px;
	float:right;
}
#wrapper-content .content-right{
	height:400px;
	display:block;
	float:right;
}
#wrapper-content .right-home{
	background:transparent url(../images/bg-home.jpg) no-repeat top center;
	position:relative;
	width:300px;
}
#wrapper-content .right-works{
	width:450px;
}
#wrapper-content .right-home a{
	font:16px/14px 'DroidSerifRegular', Arial, Helvetica, sans-serif;
	color:#3c3a3a;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	position:absolute;
	bottom:45px;
	right:25px;
	border-top:solid 5px #bebcbb;
	padding:20px 0 0 0;
}
#wrapper-content h2 {
	font:15px/14px 'DroidSerifRegular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
#wrapper-content h3 {
	font:14px/14px 'DroidSerifBold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:15px 0 0 0;
	margin:0;
}
#wrapper-content h4 {
	font:12px/14px 'DroidSerifRegular', Arial, Helvetica, sans-serif;
	color:#827D7C;
	padding:0 0 15px 0;
	margin:0;
}
#wrapper-footer{
	width:100%;
	border-top:solid 1px #000;
}
#wrapper-footer .copy{
	font:11px/14px 'DroidSerifRegular', Arial, Helvetica, sans-serif;
	color:#6b6b6d;
	text-align:right;
	padding:10px 0 10px 0;
}
#paginate{
	overflow:hidden;
	clear:both;
	padding:10px 0 10px 0;
	float:right;
}
#paginate span{
	width:16px;
	height:16px;
	display:block;
	float:left;
	background:transparent url(../images/bg-pagination.gif) no-repeat -25px 0;
	margin:0 0 0 9px;
	color:#fff;
	text-align:center;
	line-height:15px;
}
#paginate span:hover{
	cursor:pointer;
}
#paginate .open-link{
	background-position: 0 0;
}
#step-2{
	display:none;
}
.wpcf7 {
	margin:20px 0 0 0;
}
.wpcf7 label {
    display: block;
    float: left;
    height: 27px;
    width: 76px;
}
.wpcf7 input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    font-size: 11px;
    margin-bottom: 15px;
    padding: 6px;
    width: 335px;
}
.wpcf7 textarea {
    border-radius: 2px 2px 2px 2px;
    font-size: 11px;
    height: 119px;
    padding: 6px;
    width: 335px;
    resize:none;
    overflow:auto;
}
.wpcf7 input[type="text"], .wpcf7 textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9C9C9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #F5F5F6, 5px 5px 0 0 #F5F5F6, 5px 0 0 0 #F5F5F6, 0 5px 0 0 #F5F5F6, 5px -5px 0 0 #F5F5F6, -5px 5px 0 0 #F5F5F6;
    color: #545658;
    font: 11px/14px 'DroidSerifRegular',Arial,Helvetica,sans-serif;
}
.wpcf7 input.error,.wpcf7 textarea.error  {
	box-shadow: 0 1px 3px rgba(255, 0, 0, 0.2) inset, -5px -5px 0 0 #fecbcb, 5px 5px 0 0 #fecbcb, 5px 0 0 0 #fecbcb, 0 5px 0 0 #fecbcb, 5px -5px 0 0 #fecbcb, -5px 5px 0 0 #fecbcb;
}
.wpcf7 p.submit {
    margin: 0;
    padding: 10px 0 50px;
}
.wpcf7 .submit input {
    background: url("../images/bg-button.png") repeat-x scroll 0 -28px transparent;
    border: 1px solid #C3C3C3;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #555555;
    cursor: pointer;
    float: right;
    height: 26px;
    line-height: 30px;
    padding: 0 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    width: auto;
    font: 11px/14px 'DroidSerifRegular',Arial,Helvetica,sans-serif;
}
.PortfolioMainThumbnail {
    background: url("../images/pd_thumbnail_out_l.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: -19px 0 0 -18px;
    padding: 0 0 0 28px;
}
.PortfolioMainThumbnailContainer {
    background: url("../images/pd_thumbnail_out_r.png") no-repeat scroll right top transparent;
    float: left;
    padding: 25px 28px 0 0;
}
.PortfolioMainThumbnail .Content {
    display: block;
}
.PortfolioMainThumbnail .Content a {
    background-repeat: no-repeat;
    display: block;
    height: auto;
    width: auto;
}
.GalleryTitle {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    padding: 8px 0 0;
    text-transform: uppercase;
}
.ArticleImages {
    background: url("../images/pd_thumbnail_out_l.png") no-repeat scroll left bottom transparent;
    float: left;
    margin: 0 0 0 -18px;
    padding: 0 0 0 28px;
}
.ArticleImagesContainer {
    background: url("../images/pd_thumbnail_out_r.png") no-repeat scroll right bottom transparent;
    float: left;
    padding: 0 8px 26px 0;
}
.ArticleThumbnail {
    float: left;
    margin: 8px 7px 0 0;
    padding: 0;
}
.ArticleThumbnail .Content {
    display: block;
}
.ArticleThumbnail .Content a {
    display: block;
}
.largeur-360 {
    width: 510px;
    margin:20px 0 0 0;
}
.largeur-327 {
    width: 460px;
}
span.msg {
	margin:0;
	padding:0;
}

ul.works {
	list-style:none;
	margin:0;
	padding:0;
}

ul.works li {
	overflow:hidden;
	width:280px;
	height:200px;
	float:left;
	margin:0 25px 50px 0;
}
ul.works li:nth-child(3n){
	margin:0 0 50px 0;
}
ul.works li a{
	text-decoration:none;
}
div.text-holder{
	text-transform:uppercase;
	margin:20px 0 0 0;
}
div.text-holder span{
	display:block;
}
div.media-works{
	position:relative;
	margin:0;
	padding:0;
}
div.media-works img{
	/*position:absolute;
	top:0;
	left:0;*/
}
div.thumbnail{
	width:75px;
	height:51px;
	overflow:hidden;
	float:left;
	margin:12px 12px 0 0; 
}
div.thumbnail:hover{
	cursor:pointer;
}

div.logo-gv{
	display:block;
	text-align:center;
	width:auto;
}