@charset "UTF-8";
/* CSS Document */

.tabs {
height:600px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:30px;
padding:0px;
width:1000px;
}

/* Navigation */
.tabs .tabNavigation {
background:url(../img/vert.jpg) repeat;
display:block;
float:left;
height:600px;
list-style:none;
margin-bottom:0px;
margin-left:0px;
margin-right:1px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
width:279px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}

.tabs .tabNavigation li {
border-bottom:1px dotted #ffffff;
}

.tabs .tabNavigation li a {
display:block;
float:left;
padding:5px;
margin-bottom:5px;
margin-top:5px;
width:269px;
}

.tabs .tabNavigation li a:hover {
background:#FFFFFF;
color:#333333;
display:block;
float:left;
padding:5px;
margin-bottom:5px;
margin-top:5px;
text-decoration:none;
width:269px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
}


/* Vignette */
.tabs .vignette {
display:block;
float:left;
height:600px;
width:700px;
}

.tabs .vignette .image {
float:left;
height:499px;
margin-bottom:1px;
width:700px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
}

.tabs .vignette .options {
background:#999999;
color:#ffffff;
float:left;
height:80px;
margin:0px;
padding:10px;
width:680px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
}

.tabs .vignette .options .utiliser {
border-bottom:1px #ffffff dotted;
font-size:1.2em;
padding-bottom:10px;
padding-top:0px;
}

.tabs .vignette .options p {
display:block;
float:left;
height:30px;
line-height:30px;
padding-left:35px;
padding-bottom:0px;
padding-right:0px;
padding-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:15px;
margin-left:20px;
}

.tabs .vignette .options .web {
background:url(../img/portfolio/options/web.png) left no-repeat;
}

.tabs .vignette .options .photo {
background:url(../img/portfolio/options/photographie.png) left no-repeat;
}

.tabs .vignette .options .graph {
background:url(../img/portfolio/options/graphisme.png) left no-repeat;
}

.tabs .vignette .options .impr {
background:url(../img/portfolio/options/impression.png) left no-repeat;
}

.tabs .vignette .options .bouton {
background:url(../img/bouton.jpg) repeat-x top;
color:#FFFFFF;
display:block;
float:right;
font-size:0.9em;
height:30px;
line-height:30px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.tabs .vignette .options .bouton:hover {
text-decoration:none;
color:#cccccc;
}