@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Marmelad);

/*////////// STRUCTURE //////////*/

html, body {
margin:0;
padding:0;
/* font-family:Arial, Helvetica, sans-serif; */
font-family: 'Marmelad', sans-serif;
font-size:11px;
background:#fff url(../../structure/visuels/background.png);
color:#505050;
text-align:justify;
overflow-y:scroll;
}

hr {
border-top:none;
border-bottom:1px solid #C0C0C0;
}

a {
text-decoration:none;
color:#a0b63b;
}

a:hover {
color:#6e811a;
}

.sectionheader {
color:#909090;
}

input {
background:rgba(255,255,255,0.6);
color:#666666;
border:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
padding:8px;
}
input:hover {
background:rgba(255,255,255,1);
color:#444444;
cursor:pointer;
}

#wrap {
position:relative;
margin:0 auto;
width:900px;
}

img {
max-width:600px;
}

#logo {
position:relative;
width:230px;
height:66px;
background:url(../../structure/visuels/logo.png) no-repeat;
margin:62px 0 20px 0;
}

#left {
float:left;
width:230px;
}

#main {
float:right;
margin:0 0 0 0;
width:600px;
}

#content {
position:relative;
margin:50px 0;
}

.gallery {
margin:0 0 -20px 0;
}

/*////////// TEXT //////////*/

#breadcrumbs {
position:fixed;
top:0;
margin:-10px 0 0 0;
font-size:12px;
line-height:40px;
padding:7px 10px 0 10px;
color:#fff;
background:rgba(50,50,50,0.3);	
-moz-box-shadow: 1px 1px 5px #555555;
-webkit-box-shadow: 1px 1px 5px #555555;
box-shadow: 1px 1px 5px #555555;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
z-index:999;
}

#breadcrumbs a {
color:#303030;
}

#copyright {
position:relative;
text-align:left;
margin:15px 0 10px 0;
}

#copyright a {
color:#aaaaaa;
}

#copyright a:hover {
color:#909090;
}

#share {
float:right;
margin:10px 0 0 0;
}

#share img {
width:20px;
height:20px;
}

/*////////// MENU VERTICAL //////////*/

#menu_v{
border:0;
border:none;
padding:0;
margin:50px 0 0 0;
}

#menu_v ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu_v li{
padding:0;
margin:0;
text-align:right;
letter-spacing:1px;
}

#menu_v li a{
display:inline-block;
font-weight:normal;
color:#505050;
letter-spacing:1px;
margin:0 0 15px 0;
padding:8px;
text-align:right;
text-decoration:none;
font-size:12px;
background:rgba(100,100,100,0.1);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
}

#menu_v li a:hover {
background:rgba(100,100,100,0.5);		
color:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
text-decoration:none;
cursor:pointer;
}




/*////////// MENU HORIZONTAL //////////*/

#menu_h{
width:600px;
min-height:35px;
border:none;
border:0;
margin:95px 0 0 0;
padding:0;
z-index:999;
}

#menu_h ul{
height:35px;
list-style:none;
margin:0;
padding:0;
}

#menu_h li{
float:left;
padding:0px;	
border-top:2px solid #808080;
border-bottom:2px solid #808080;
display:block;
font-weight:normal;
line-height:35px;
margin:0 10px 0 0;
padding:0 1px;
text-align:center;
letter-spacing:1px;
}

#menu_h li:hover {
border-top:2px solid #a0b63b;
border-bottom:2px solid #a0b63b;
color:#a0b63b;
cursor:default;
}

#menu_h li a{
color:#606060;
line-height:32px;
font-size:12px;
display:block;
text-decoration:none;
}

#menu_h li a:hover, .menu_h ul li:hover a{	
color:#a0b63b;
cursor:pointer;
}

#menu_h li ul{
display:none;
height:auto;
padding:0;
margin:0;
border:0;
position:absolute;
z-index:200;
}

#menu_h li:hover ul{
display:block;
padding:12px 0 0 0;
}

#menu_h li li {	
display:block;
float:none;
margin:0 0 2px 0;
padding:0 10px;
min-width:150px;
z-index:999;
}

#menu_h li:hover li {
background:none;
border:none;
color:#fff;
}

#menu_h li:hover li a{
background:none;
border:none;
color:#fff;
}

#menu_h li:hover li {
background:rgba(50,50,50,0.8);
}

#menu_h li ul a{
color:#fff;
display:block;
margin:0;
padding:0;
text-align:left;
letter-spacing:1px;
}

#menu_h li li:hover, #menu_h li ul a:hover, .menu_h li ul li:hover a, .menu_h li ul li:hover {
background:#a0b63b;	
color:#fff;
text-decoration:none;
cursor:pointer;
}

#menu_h p{
clear:left;
}