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;
}

p {
font-size:150%;
}

.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 .selector {
margin:4px 0 -4px 20px;
width:214px;
float:left;
}

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

#container #header .selector a:hover {
color:#727272;
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;
-mozilla-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;
-mozilla-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 19px 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:18px 0 0 0;
height:35px;
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:-1px;
}

#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:755px;
}

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

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

#container .apropos {
padding:0 0 17px 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 .accueil #weblog .entry, #container .weblog #weblog .entry { 
float:left;
margin:0 20px 17px 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:1px 0 0 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 .apropos #apropos>div p,  #container .apropos>div p {
margin:0 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 .photographie #photo #right p {
margin:18px 0 18px 0;
padding:0;
}

#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:20px;
}

#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 {
margin-bottom:23px;
}

#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 0 0;
}

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

#container .photographie #right {
float:left;
width:214px;
margin:37px 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 {
bottom:-15px;
}

#container .weblog #bottom {
bottom:-19px;
}

#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 {
float:left;
width:214px;
margin:1px 0 -5px 0;
}

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

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


#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 .apropos #apropos>div {
margin-bottom:16px;
}

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

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

#container #footer {
float:left;
clear:both;
width:916px;
height:89px;
margin:0 0 0 0;
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;*/
font-size:150%;
}

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

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