/* 
    Document   : content
    Created on : Apr 2, 2012, 12:42:54 AM
    Author     : alex
    Description:
        Purpose of the stylesheet follows.
*/

.img {
    padding: 5px;
    background-color: #FFF;
    border-radius: 10px; 
}

#main_content {
    width: 100%;
    position: relative;
}

#menu {
    position: absolute;
    width: 22%;
    padding-bottom: 10px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background: url(../images/image_transparent.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 5px 5px 5px;
    -moz-box-shadow: #666 5px 5px 5px;
}

#menu h1 {
    font: normal 300% 'Yanone Kaffeesatz', 'News Cycle', sans-serif;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    text-align: center;
    color: #C5E105;
}

#menu ul.nav_gallery {
    display: block;
    margin: 0 auto;
    width: 280px;
    list-style: none;
    /*padding : 10px 0 10px 0; /* aucune marge intérieure */
}

#menu ul.nav_gallery li {
    font: normal 200% 'Yanone Kaffeesatz', 'News Cycle', sans-serif;
    display : inline-block; /* on change le type d'élément, les liens deviennent des balises de type block */
    margin-top: 10px;
    width : 135px; /* largeur */
    text-align: center;
    padding: auto;
    color: #FFF;
    border-radius: 8px;
    text-shadow: 1px 1px #000;
}

#menu ul.nav_gallery li.triangle {
    position: relative;
    left: 67px;
    /*margin-bottom: 10px;*/
}

#menu ul.nav_gallery li.active, #menu ul.nav_gallery li:hover {
    background-color: #FFF;
    color: #C5E105;
    cursor: pointer;
}

div#separateur_menu {
    width: 50%;
    height: 1px;
    padding: 5px;
    border-bottom: 1px solid #FFF;
}

#content {
    display: block;
    margin-left: 24%;
    padding: 20px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background: url(../images/image_transparent.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 5px 5px 5px;
    -moz-box-shadow: #666 5px 5px 5px;
}


#content h2, #content h3, #content h4, #content h5, #content h6{
    color: #C5E105;
}

#content h2 {
    font-size: 300%;
    margin-bottom: 15px;
}

#content h3 {
    font-size: 240%;
}

#content h4 {
    font-size: 150%;
}

#content h2 a {
    color: #C5E105;
}

#content h2 a:hover {
    color: #FFF;
    background-color: transparent;
}

#content p {
    font-size: 150%;
    margin: 10px 0;
    line-height: 25px;
    text-align: justify;
    text-indent: 20px;
}

#content ul {
    font-size: 130%;
    line-height: 25px;
    color: #FFF;
    margin-left: 30px;
}

#content .yoxview.video_thumbs{
    width: 100%;
    position: relative;
    margin: 30px 0;
}


#content .video_thumb {
    display: inline-block;
    width: 18%;
    
}


#content .video_thumb p {
    font-size: 100%;
    margin: 2px 1px 1px 1px;
    line-height: 15px;
    text-align: center;
}

#content img.clickable {
    text-decoration: none;
    background: transparent;
    opacity: 0.67;
}

#content img.clickable:hover {
    opacity: 1.0;
}

#content img.clickable {
    cursor: pointer;
}




#content .prev_thumb {
    position: absolute;
    top: 35px;
   /* left: 1.5%;*/
    display: none;
}

#content .next_thumb {
    position: absolute;
    top: 35px;
    right: 1%;
}


#content img.float {
    margin: 0 21px 0 0;
    float: left;
    padding: 5px;
    background-color: #FFF;
}

#content img {
    padding: 5px;
    background-color: #FFF;
    border-radius: 8px;
}

#content .split {
    width: 90%;
    margin: 40px auto;
    height: 1px;
    border-bottom: 1px solid #FFF;
}

#content .infos {
    float: left;
}

#content .contact_us .form {
    float: left;
    width: 400px;
}

#content .google_map {
    margin-left: 350px;
}

#content .img.office {
    display: block;
    margin-left: 430px;
}

#content .category_pictures {
    display: inline-block;
}

#content .category_pictures:hover {
    cursor: pointer;
}

#content .category_pictures h4 {
    text-align: center;
}

#content .category_pictures.left {
    margin-right: 10px;
}

#content .category_pictures.centered, #content .galleria.centered {
    margin-left: 230px;
}

#content .galleria {
    width: 450px;
    height: 310px;
    display: inline-block;
}

#content .galleria img {
    padding: 0;
    background-color: transparent;
}


#content .hide {
    display: none;
}

#content .video_galleria {
    width: 930px;
    height: 523px;
}

#content .video_galleria img {
    padding: 0;
    background-color: transparent;
}

#content .title_category {
    display: inline-block;
    width: 450px;
    height: 30px;
}