/*
    Document   : skin
    Created on : 23 avr. 2011, 16:38:42
    Author     : JC
    Description:
        Tous les styles particuliers à la mise en page du site.
*/

/**
 *
 * ITEM M
 * les différents types d'occurences des items de type médium
 */
/* occurence pour liste image+titre */
.item-M.item-01 { margin: 0; position: relative; width: 250px; }
.item-M.item-01 hgroup { overflow: hidden; }
.item-M.item-01 .poster { margin: 0 0 8px; }
.item-M.item-01 img { display: block; width: 100%; }
.item-M.item-01 .title { color: #000; display: block; font:bold 1.2em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0 0 0; overflow: hidden; position: relative; text-transform: uppercase; }
.item-M.item-01 .title-01.title { font-size: 2.3em; }
.item-M.item-01 .title a { color: #000; }
.item-M.item-01 .title a:hover { color: #999; }
.item-M.item-01 .subtitle { color: #999; display: block; font:normal 1.3em/1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 0 5px; overflow: hidden; position: relative; text-transform: uppercase; }
.item-M.item-01 .description { color: #999; display: block; font:bold 1.3em/150% 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0 0 0; overflow: hidden; position: relative; }
/*@catalog*/
.item-M.item-01 { display: inline-block; margin:0 22px 90px 0; vertical-align: top; }
.item-M.item-01.bottom { display: inline-block; margin:0 22px 90px 0; vertical-align: bottom; }
/*@catalog pr�c�d� d'un article libre*/
.item-free ~ .item-M.item-01 { width:150px; }
.item-free ~ .item-M.item-01 .features { /*height:55px;*/ position:absolute; }

/**
 *
 * ITEM S
 * les différents types d'occurences des items de type small
 */

/* occurence avec titre+lien */
.item-S.item-01 { margin: 0 0 10px; overflow: hidden; padding: 0; width: 100%;  }
.item-S.item-01:last-child { margin-bottom: 0; }
.item-S.item-01 .poster { display: block; float: left; margin: 0 10px 0 0; }
.item-S.item-01 .type { color: #999; display: block; font:normal 1em/1.2em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 0 0; overflow: hidden; position: relative; text-transform: uppercase; }
.item-S.item-01 .button { color: #000; display: block; font:bold 1.1em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0 0 0; overflow: hidden; position: relative; text-transform: uppercase; }
.item-S.item-01 :first-child { margin-bottom: 2px; }
.item-S.item-01 .button:hover { color: #999; }

/**
 *
 * ITEM FREE
 * les différents types d'occurences des items avec contenu libre
 */
/* occurence de présentation avec titre/soustitre/introduction @type1 */
.item-free.item-01 { margin: 0; padding: 0; position: relative; width: 100%; }
.item-free.item-01 hgroup { margin: 0; overflow: hidden; }
.item-free.item-01 .title { color: #000; display: block; font:bold 4em/0.8em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0 0 10px 0; position: relative; text-transform: uppercase; }
.item-free.item-01 .subtitle { color: #000; display: block; font:normal 2.5em/1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0; position: relative; text-transform: uppercase; }
.item-free.item-01 .introduction { color: #999; display: block; font:normal 1.6em/1.2em Arial, sans-serif; margin: 15px 0 0; position: relative; }

/* occurence de présentation avec titre @type1 */
.item-free.item-02 { margin: 0; padding: 0; position: relative; width: 100%;  }
.item-free.item-02 .title { color: #000; display: block; font:bold 2em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0; position: relative; text-transform: uppercase; }
.item-free.item-02 .description { color: #999; font-size: 1.2em; margin-top: 10px; }

/* occurence de présentation titre/soustitre/accroche @homepage */
.item-free.item-03 { margin: 0; padding: 0; position: relative; }
.item-free.item-03 hgroup { margin: 0; overflow: hidden; }
.item-free.item-03 .category { color: #999; display: block; font:normal 15px/1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 0 5px; position: relative; }
.item-free.item-03 .title { color: #000; display: block; font:bold 2em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif !important; margin: 0 0 10px; position: relative; text-transform: uppercase; }
.item-free.item-03 .subtitle { color: #000; display: block; font:normal 1.4em/1em Arial, sans-serif; margin: 0 0 10px; position: relative; text-transform: uppercase; }
.item-free.item-03 .introduction { color: #999; display: block; font:bold 15px/1.2em Arial, sans-serif; margin: 0 0 10px; position: relative; }
.item-free.item-03 .description { margin-top: 10px; }


/*style du texte libre*/
.item-free .description { color: #000; font: normal 1.3em/1.4em Arial,sans-serif; margin: 15px 0 0; overflow: hidden; position: relative; text-align: justify; }
.item-free .description a { color: #999;  }
.item-free .description img { display: block; }
.item-free .description img.left { float:left; margin:0 15px 15px 0; }
.item-free .description img.right { float:right; margin:0 0 15px 15px; }
.item-free .description iframe { position: static; z-index: 0; }

/**
 *
 * ITEM GALLERY
 * les différents types d'occurences de galerie média
 */

/* occurence galerie @sheet */
.gallery-01 { margin: 0; padding: 0; position: relative; width: 100%; }
.gallery-01 .catalog { list-style: none; overflow: hidden; }
.gallery-01 .catalog li { float: left; margin: 0 0 5px 0; overflow: hidden; position: relative; }
.gallery-01 .catalog li:nth-child(2n) { float: right; }
.gallery-01 .catalog li .button-video { background: url(../component/image/common/ico/ico_sprite.png) no-repeat 0 0; display: block; height: 32px; left:50%; margin: -16px 0 0 -16px; position: absolute; text-indent: -999em; top:50%; width: 32px; }
.gallery-01 .catalog .active { filter: alpha(opacity=50); opacity: .50; -khtml-opacity: .50; -ms-filter: "alpha(opacity=50)"; -moz-opacity: .50; }
/*@sheet*/
.sheet-01 .gallery-01 .catalog li { float: none; margin: 0 0 10px; }
.sheet-01 .gallery-01 .catalog li img { width: 95px; display:block }
/* occurence galerie visuel large simple */
.gallery-02 { margin: 0; padding: 0; position: relative; }
.gallery-02 .catalog { list-style: none; overflow: hidden; position: relative; width: 99999px; }
.gallery-02 .catalog li { display: inline-block; margin: 0 10px 0 0; overflow: hidden; position: relative; }
.gallery-02 .catalog li img { display: block; height: 350px; }
/*@homepage*/
.catalog-02 .gallery-02 { height: 350px; }
/* occurence galerie m�dias @gen */
.gallery-03 { margin: 0; padding: 0; position: relative; }
.gallery-03 .catalog { list-style: none; overflow: hidden; position: relative; }
.gallery-03 .catalog li { display: block; margin: 0 0 6px 0; overflow: hidden; position: relative; }
.gallery-03 .catalog li .button-video { background: url(../component/image/common/ico/ico_sprite.png) no-repeat 0 0; display: block; height: 32px; left:50%; margin: -16px 0 0 -16px; position: absolute; text-indent: -999em; top:50%; width: 32px; }







/**
 *
 * ARBORESCENCE DE MENU
 *
 */
/* occurence menu pour les pages @type1 */
.tree-01 { margin: 0; overflow: hidden; padding: 0; position: relative; }
.tree-01 .title { color: #999; display: block; font:normal 1.6em/1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 0 20px; position: relative; text-transform: uppercase; }
.tree-01 .title a { color: #999;  }
.tree-01 .menu { list-style: none; margin: 0; position: relative; }
.tree-01 .menu > li { color: #000; display: block; font:100 1.3em/1.2em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 0 15px; position: relative; text-transform: uppercase; }
.tree-01 .menu > li > a { color: #999; }
.tree-01 .menu > li > a:hover { color: #000; }
.tree-01 .menu > li > .active { font-family: 'HelveticaNeueW01-77BdCn 692722',Arial, sans-serif; font-weight: bold; }
.tree-01 .menu > li .submenu { list-style: none; margin: 0 0 0 10px; position: relative; }
.tree-01 #all-items { margin-bottom: 20px; }
.tree-01 .menu > .special .submenu { margin-left: 0; }
.tree-01 .menu > li .submenu a { color: #999; }
.tree-01 .menu > li .submenu a:hover { color: #000; }
.tree-01 .menu > li .submenu .active { font-family: 'HelveticaNeueW01-77BdCn 692722',Arial, sans-serif; font-weight: bold; }
.tree-01 .menu > li .submenu .active a { color: #000; }
.tree-01 .menu > li .submenu .active a:hover{ color: #999; }

/**
 *
 * TIMER
 *
 */

.timer-01 { background: #fff; height: 100%; left: 0; position: absolute; top: 160px; width: 100%; z-index: 500; }
.timer-01 .spinner { background: url(../component/image/common/ajax_loader/loader_01.gif) no-repeat 0 0; height: 48px; left: 50%; margin:-184px 0 0 -24px;  position: absolute; text-indent: -9999em; top: 50%; width: 48px; }
/* projets */
.timer-02 { background: #fff; height: 100%; left: 230px; position: absolute; top: 0; width: 100%; z-index: 500; }
.timer-02 span { display: block; text-indent: -999em; }
/* homepage */
.timer-03 { background: #fff; height: 100%; left: 0; position: absolute; top: 160px; width: 100%; z-index: 500; }
.timer-03 .spinner { display: block; background: url(../component/image/common/ajax_loader/loader_01.gif) no-repeat 0 0; height: 48px; left: 50%; margin:-184px 0 0 -24px;  position: absolute; text-indent: -9999em; top: 50%; width: 48px; }



#scroll-tip { background: #000; background: rgba(0,0,0,0.7);  left: -9999px; overflow: hidden; padding: 5px; position: absolute; text-transform: uppercase; top: 0; z-index: 100; }
#scroll-tip span { color: #fff; display: block; font:bold 1.1em/1em  Arial, sans-serif; }


/**
 *
 * MARGIN
 *
 */
.marg-b-30 { margin-bottom: 30px !important; }


/*search menu*/
.search-module .search-ico{
   width : 30px;
   height : 30px;
   background: url('../component/image/common/ico/search-ico.png') center center no-repeat;
   float: right;
   position: relative;
   top : -30px;
   cursor : pointer;
   z-index : 2;
}

.search-module .search-input{
    width: 100%;
    position: absolute;
    height : 33px;
    z-index: 1;
    font-size: 20px;
    opacity : 0;
    display : none;
    text-transform: uppercase;
    color: #ccc;

}

.search-module .search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #CCC;
}
.search-module .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #CCC;
   opacity:  1;
}
.search-module .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #CCC;
   opacity:  1;
}
.search-module .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #CCC;
}

.search-result .item-M.item-01 .title{

    font-size: 1.5em;

}

.search-result .item-M.item-01 .subtitle{
    font-size : 1.2em;
    margin : 5px 0 5px;
}

.search-result.gcontainer-02 .gcol-fluid{
    margin : 0;
}

.search-result .results{
    text-transform: uppercase;
    font-size : 14px;
    margin-bottom : 20px;
}

.search-result .item-M.item-01 > a{
    height : 200px;
    overflow : hidden;
    display: inline-block;
    width : 100%;
}

.gallery-01 .colBy2 .colLeft{
    float : left;
    width : 49%;
}

.gallery-01 .colBy2 .colRight{
    float : left;
    width : 49%;
}

.gallery-01 .colBy2 img{
    width : 100%;
}
.colBy2{
    overflow : hidden;
}
.Fullgrey{
    background: #818181;
    width : 100%;
    height : 100%;
}
.gcontainer .tab iframe{
    width : 100%;
}
.relation .item-S.item-01 a img{
    height : 68px;
}