html, body {
text-rendering: optimizeLegibility;
min-height:100%;
margin:0;
padding:0;
color:#727272;
font-size:12px;
line-height:18px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue",  "Helvetica Neue", Helvetica, helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, lucida, Sans-Serif, sans-serif;
}

input, textarea {
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue",  "Helvetica Neue", Helvetica, helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, lucida, Sans-Serif, sans-serif;
font-size:12px;
}

.blue{
color:#4473bb;
}

html a {
border:none;
color:#727272;
text-decoration:underline;
}

html a:hover {
color:#4473bb;
}

html img {
border:none;
margin:0;
}
/*
body {
background:url('http://www.thomasverrier.com//visuel/bg.jpg') repeat-y;
}*/

#container {
min-height:100%;
position:absolute;
width:956px;
left:50%;
top:0;
margin:0 0 0 -478px;
background-color:white;
/*background:white url('http://www.thomasverrier.com//visuel/grid.png') repeat-y;*/
}
/*
#container #bd_left, #container #bd_right {
position:absolute;
height:100%;
width:21px;
top:0;
bottom:0;
}

#container #bd_left {
background:url('http://www.thomasverrier.com//visuel/bd_left.png') repeat-y;
left:-20px;
}

#container #bd_right {
background:url('http://www.thomasverrier.com//visuel/bd_right.png') repeat-y;
right:-20px;
}*/

#container #header {
height:287px;
}

#container #header a {
text-decoration:none;
}

#container #header .selector {
margin:4px 0 -4px 20px;
width:214px;
float:left;
}

#container #header .selector a:hover {
color:#727272;
opacity:1;
text-decoration:underline;
}

#container #header .selector span, #container #header .selector a {
opacity:0.5;
}

#container #header .selector .selected {
opacity:1;
}

#container #header #logo {
display:block;
clear:left;
float:left;
width:448px;
margin:58px 0 0 20px;
padding:0;
height:90px;
}

#container #header #logo>span {
display:inline-block;
}

#container #header #logo>img{
margin:3px 0 0 0;
}

#container #header #logo #thomas, #container #header #logo #verrier {
display:block;
float:left;
font-size:400%;
padding:0;
margin-top:4px;
height:28px;
}

#container #header #logo #com {
font-size:200%;
display:block;
float:left;
clear:both;
padding:0;
margin:0 0 0 234px;
}

#container #header #macaron {
display:block;
float:left;
margin:52px 0 0 254px;
}

#container #navbar {
display:block;
float:left;
clear:both;
width:956px;
margin:31px 0 0 20px;
padding:0;
height:auto;
}

#container #navbar>li{
list-style-type:none;
font-size:200%;
float:left;
width:214px;
margin:0 20px 0 0;
padding:0;
}

#container #navbar>li>a {
display:inline-block;
width:100%;
}

#container #navbar li>ul {
margin:2px 0 0 0;
padding:0;
font-size:50%
}

#container #navbar li>ul>li {
list-style-type:none;
font-size:150%;
display:block;
float:left;
clear:both;
width:214px;
padding:0;
margin:-18px 0 0 0;
opacity:0;
-webkit-transition: margin-top 0.6s ease, opacity 0.6s ease;
-moz-transition: margin-top 0.6s ease, opacity 0.6s ease;
-o-transition: margin-top 0.6s ease, opacity 0.6s ease;
}

#container #navbar li:hover>ul>li {
-webkit-transition: margin-top 0.3s ease, opacity 0.3s ease;
-moz-transition: margin-top 0.3s ease, opacity 0.3s ease;
-o-transition: margin-top 0.3s ease, opacity 0.3s ease;
margin-top:0;
opacity:1;
}

#container #navbar li>ul>li a{
display:inline-block;
width:100%;
}

#container #content {
float:left;
clear:both;
width:956px;
margin:0 0 90px 20px;
}

#container #content h1 {
display:block;
font-size:200%;
font-weight:normal;
margin:17px 0 23px 0;
padding:0;
}

#container #content h2 {
display:block;
font-size:150%;
font-weight:normal;
margin:0;
padding:0;
color:#4473bb;
}

#container #content h2 a {
color:#4473bb;
text-decoration:none;
}

#container #content h2 a:hover {
color:#4473bb;
text-decoration:underline;
}

#container #content>div {
float:left;
overflow:hidden;
margin:0 20px 0 0;
border-top:1px solid #b8b8b8;
position:relative;
}

#container #content>div .goto {
position:absolute;
}

#container #content>div .bottom {
width:100%;
background:white;
color:#b8b8b8;
left:0;
bottom:0;
margin:0 0 -55px 0;
padding:22px 0 0 0;
height:31px;
border-top:1px dashed #b8b8b8;
-webkit-transition: margin-bottom 0.6s ease;
-moz-transition: margin-bottom 0.6s ease;
-o-transition: margin-bottom 0.6s ease;
}

#container #content>div:hover .bottom {
-webkit-transition: margin-bottom 0.3s ease;
-moz-transition: margin-bottom 0.3s ease;
-o-transition: margin-bottom 0.3s ease;
margin-bottom:0;
}

#container #content>div .top {
right:0;
top:0;
font-size:200%;
margin:-36px 0 0 0;
padding:18px 0 0 0;
-webkit-transition: margin-top 0.6s ease;
-moz-transition: margin-top 0.6s ease;
-o-transition: margin-top 0.6s ease;
}

#container #content>div .top a {
text-decoration:none;
}

#container #content>div .top a:hover {
text-underline;
}

#container #content>div:hover .top {
-webkit-transition: margin-top 0.3s ease;
-moz-transition: margin-top 0.3s ease;
-o-transition: margin-top 0.3s ease;
margin-top:-1px;
}

#container #content>div:hover .goto:hover {
color:#727272;
}

#container .accueil>div, #container .travaux>div {
height:647px;
}

#container .photographie {
padding:0 0 31px 0;
}

#container .weblog {
padding:0 0 31px 0;
}

#container .apropos {
padding:0 0 31px 0;
}

#container #content .one_column {
width:214px;
}

#container #content .two_columns {
width:448px;
}

#container #content .three_columns {
width:682px;
}

#container #content .four_columns {
width:916px;
}

#container #content .half_a_column {
width:97px;
}

#container .accueil #weblog .entry, #container .weblog #weblog .entry {
float:left;
margin:0 20px 18px 0;
}

#container .accueil #weblog .entry {
width:214px;
}

#container .weblog #weblog .entry {
width:682px;
}

#container .accueil #weblog .entry h2, #container .weblog #weblog .entry h2, #container .weblog #weblog>div h2, #container .apropos #apropos>div h2, #container .apropos #trucs h2 {
margin:-3px 0 -3px 0;
}

#container .accueil #weblog .even {
margin:0;
}

#container .accueil #weblog .entry p, #container .photographie #photo #right p, #container .weblog #weblog .entry p, #container .weblog #weblog .right p, #container .weblog #weblog .comment p, #container .photographie #photo #comment_form p, #container .photographie #photo .comment p, #container .weblog #weblog #comment_form p, #container .apropos #apropos>div p,  #container .apropos>div p {
margin:6px 0 18px 0;
padding:0;
}

#container .accueil #weblog .entry .info a {
text-decoration:none;
}

#container .accueil #weblog .entry .info a:hover {
text-decoration:underline;
}

#container .accueil #twitter #mask {
position:absolute;
left:0;
right:0;
bottom:0;
height:2px;
background:white;
/*height:18px;
background:url('http://www.thomasverrier.com//visuel/twitter_mask.png') repeat-x;*/
}

#container .accueil #twitter h1 {
margin-bottom:23px;
}

#container .apropos #inspiration h1{
margin-bottom:17px;
}

#container .accueil #twitter .tweet {
margin:0 0 18px 0;
padding:0;
}

#container .accueil #travaux h1, #container .travaux #photo h1, #container .travaux #webdesign h1, #container .photographie #left h1, #container .weblog h1 {
margin-bottom:28px;
}

#container .accueil #travaux>a, #container .travaux>div a {
display:block;
width:100%;
padding:0;
font-decoration:none;
margin:0 0 8px 0;
}

#container .accueil #travaux .bottom>a, #container .travaux>div .bottom a {
display:inline;
}

#container .accueil #travaux img, #container .travaux>div img {
-webkit-transition:opacity 0.6s ease;
-moz-transition:opacity 0.6s ease;
-o-transition:opacity 0.6s ease;
display:block;
width:100%;
opacity:0.5;
}

#container .accueil #travaux img:hover, #container .travaux>div img:hover {
-webkit-transition:opacity 0.3s ease;
-moz-transition:opacity 0.3s ease;
-o-transition:opacity 0.3s ease;
opacity:1;
}

#container .travaux #photo .subcolumn, #container .apropos>div .subcolumn {
display:block;
float:left;
width:214px;
}

#container .travaux #photo .margin, #container .apropos>div .margin {
margin:0 20px 0 0;
}

#container .travaux #photo .no_margin, #container .apropos>div .no_margin {
margin:0;
}

#container .photographie #left {
float:left;
width:682px;
margin:0 20px -2px 0;
}

#container .photographie #left img {
max-width:682px;
max-height:567px;
}

#container .photographie #right {
float:left;
width:214px;
margin:52px 0 0 0;
}

#container .photographie #top, #container .photographie #bottom, #container .weblog #top, #container .weblog #bottom{
width:214px;
right:0;
position:absolute;
}

#container .photographie #top, #container .weblog #top {
top:1px;
font-size:150%;
}

#container .photographie #bottom, #container .weblog #bottom {
bottom:-12px;
}

#container .photographie #bottom b, #container .weblog #bottom b {
font-weight:normal;
color:#4473bb;
}

#container .photographie #bottom a, #container .weblog #bottom a {
text-decoration:none;
}

#container .photographie #bottom a:hover, #container .weblog #bottom a:hover {
text-decoration:underline;
color:#727272;
}

#container .weblog #weblog .right, #container .photographie #photo .right {
float:left;
width:214px;
margin:-6px 0 0 0;
}

#container .weblog #weblog .right a, #container .photographie #photo #right a {
text-decoration:none;
}

#container .weblog #weblog .right a:hover, #container .photographie #photo #right a:hover {
text-decoration:underline;
}

#container .weblog #weblog #comments, #container .photographie #photo #comments {
clear:both;
float:left;
width:682px;
margin:-4px 0 0 0;
padding:22px 0 18px 0;
}

#container .weblog #weblog #comments h2, #container .photographie #photo #comments h2{
margin: -3px 0px 15px 0px;
}

#container .weblog #weblog .comment, #container .photographie #photo .comment {
margin:1px 0 -6px 0;
clear:both;
float:left;
width:100%;
border-top:1px dashed #b8b8b8;
}

#container .weblog #weblog .comment>div, #container .photographie #photo .comment>div{
float:left;
margin:-2px 0 0 0;
padding:0;
}

#container .weblog #weblog .comment .left, #container .photographie #photo .comment .left {
margin-right:20px;
}

#container .weblog #weblog .comment .right a, #container .photographie #photo .comment .right a{
color:#4473bb;
}

#container .weblog #weblog .comment .right>div, #container .photographie #photo .comment .right>div {
float:left;
}

#container .weblog #weblog .comment .right .gravatar, #container .photographie #photo .comment .right .gravatar {
margin:9px 0 0 20px;
}

#container .weblog #weblog .comment .right .gravatar img, #container .photographie #photo .comment .right .gravatar img {
border:1px solid #b8b8b8;
}

#container .weblog #weblog .comments_paginate, #container .photographie #photo .comment_paginate {
float:left;
clear:both;
}

#container .weblog #weblog #comment_form, #container .photographie #photo #comment_form {
clear:both;
float:left;
width:682px;
margin:21px 0 0 0;
}


#container .weblog #weblog #comment_form .left, #container .photographie #photo #comment_form .left {
width:448px;
float:left;
margin:4px 20px 0 0;
}

#container .weblog #weblog #comment_form .right, #container .photographie #photo #comment_form .right {
margin:15px 0 8px 0;
}

#container #content #weblog #comment_form .one_column, #container .photographie #photo #comment_form .one_column {
-webkit-transition:border 0.6s ease;
-moz-transition:border 0.6s ease;
-o-transition:border 0.6s ease;
width:210px;
border:1px solid white;
border-bottom:1px solid #b8b8b8;
}

#container #header #search input {
margin-top:-2px;
width:210px;
border:1px solid white;
color:#727272;
opacity:0.5;
}

#container #header #search input:hover {
opacity:1;
border-color:#b8b8b8;
}

#container #content #weblog #comment_form .one_column:hover, #container .photographie #photo #comment_form .one_column:hover {
-webkit-transition:border-color 0.3s ease;
-moz-transition:border-color 0.3s ease;
-o-transition:border-color 0.3s ease;
border-color:#b8b8b8;
}

#container #content #weblog textarea, #container .photographie #photo textarea {
width:445px;
height:196px;
border:1px solid #b8b8b8;
margin:6px 0 0 0;
padding:4px 0 0 00;
line-height:18px;
background:transparent;
}

#container .weblog #weblog #comment_form input, #container .photographie #photo #comment_form input{
margin:0;
padding0;
}

#container #content #weblog #comment_form .half_a_column, #container .photographie #photo #comment_form .half_a_column {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
width:94px;
border:none;
color:white;
cursor:pointer;
}

#container #content #weblog #comment_form #preview, #container .photographie #photo #comment_form #preview {
-webkit-transition:opacity 0.6s ease;
-moz-transition:opacity 0.6s ease;
-o-transition:opacity 0.6s ease;
opacity:0.5;
margin-right:20px;
background:#727272;
}

#container #content #weblog #comment_form #submit, #container .photographie #photo #comment_form #submit {
-webkit-transition:opacity 0.6s ease;
-moz-transition:opacity 0.6s ease;
-o-transition:opacity 0.6s ease;
opacity:0.8;
background:#4473bb;
}


#container #content #weblog #comment_form #preview:hover, #container #content #weblog #comment_form #submit:hover, #container .photographie #photo #comment_form #preview:hover , #container .photographie #photo #comment_form #submit:hover  {
-webkit-transition:opacity 0.3s ease;
-moz-transition:opacity 0.3s ease;
-o-transition:opacity 0.3s ease;
opacity:1;
}


#container .weblog #weblog #comment_form #buttons, #container .photographie #photo #comment_form #buttons {
margin:9px 0 0 0;
}

#container .apropos #apropos>div {
margin-bottom:13px;
}

#container .apropos #loutres {
width:448px;
border:none;
}

#container .apropos #trucs {
clear:left;
}

#container .error #ohno {
font-size:224px;
line-height:180px;
margin:-31px 0 0 0;
padding:0;
}

#container .error #page {
font-size:70px;
color:#b8b8b8;
margin:49px 0 23px 0;
padding:0;
}

#container .error #explanation {
margin:18px 0 13px 0;
}

#container .error p {
width:916px;
}

#container #footer {
float:left;
clear:both;
width:916px;
height:89px;
margin:0 0 0 20px;
position:absolute;
left:50%;
bottom:0;
margin:0 0 0 -458px;
border-top:1px solid #b8b8b8;
/*background:url('http://www.thomasverrier.com//visuel/footer.png') repeat-x;*/
}

#container #footer #copyright {
float:left;
margin: 40px 0 0 0;
width:448px;
}

#container #footer #info {
float:left;
margin: 40px 0 0 254px;
width:214px;
}