/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none inside;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after
    {
        content: '';
        content: none;
    }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* hide any HRs used in the layout, but show them in main content */
hr,
.ahem,
#skip-link
{
    display: none;
}

#main hr
{
    display: block;
}

/* Holy Grail Layout ---------------------------------------------------------
   ref: http://www.alistapart.com/articles/holygrail
   This layout takes advantage of negative margins to float the sidebars to
   either side of the main content. It also floats the navigation above the
   content, but you could just as easily absolutely position it.
   
   LC stands for Left Column, RC for Right Column
   
   Obvously, this layout is for left-to-right languages. For a
   right-to-left layout, just swap all the left and rights below.
   */


/* General */
html
{
}

body
{
    background: #fff url('../img/bg/body.png') no-repeat 50% 0;
    font-size: 13px;
    font-family: 'Candara W01 Regular', Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    line-height: 120%;
    color: #000;
    letter-spacing: 0;
}

    body.admin-menu
    {
        background-position: 50% 22px;
    }

/* Typo */
h1
{
    font-size: 30px;
}

h2
{
    font-size: 20px;
}

h3
{
    font-size: 18px;
}

h4
{
    font-size: 16px;
}

h1, h1 a, h2, h2 a:link, h2 a:visited, h2 a:hover, h3, h3 a
{
    font-family: "Trebuchet MS", Verdana, sans-serif;
    color: #333;
    line-height: 100%;
}

h4, h4 a
{
    color: #7f7f7f;
}

h1, h2, h2, h4
{
    font-style: normal;
    font-weight: 400;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

a:link, a:visited
{
    text-decoration: none;
    color: #1372D0;
}

a:hover
{
    text-decoration: underline;
}

li
{
    line-height: 140%;
}

/* Structure */
#page
{
}

#header, #container, #footer
{
    width: 964px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

#header
{
    background: url('../img/bg/header.png') no-repeat 0 0;
    height: 114px;
}

#main,
#navigation,
#sidebar-left,
#sidebar-right
{
    float: left;
}

#home
{
    float: left;
    padding-top: 25px;
    width: 27px;
}

#slider
{
    position: relative; /*width: 964px;*/
    height: 268px;
}

#main
{
    background: url('../img/bg/main.png') no-repeat 50% 100%;
    width: 100%;
    margin-right: -100%;
    margin: 0 -20px;
    padding: 0 20px;
}

#main-squeeze
{
    padding: 30px;
    background: url('../img/bg/content.jpg') no-repeat 0 -116px;
    min-height: 437px;
}

#content
{
    width: 100%;
}

.sidebar-left #main-squeeze
{
    padding-left: 200px; /* LC width */
}

.sidebar-right #main-squeeze
{
    padding-right: 298px; /* RC width */
}

.two-sidebars #main-squeeze
{
    /*padding-left: 200px; /* LC width */
    padding-right: 298px; /* RC width */
}

#sidebar-left
{
    width: 200px; /* LC width */
    margin-right: -200px;
}

#sidebar-right
{
    float: right;
    width: 298px; /* RC width */
    margin-left: -298px; /* RC width */
}

#footer
{
    clear: both;
}
/* IE6 fix */
* html #sidebar-left
{
    left: 298px; /* RC width */
}

/* Header */
#logo
{
    display: block;
    width: 59px;
    height: 32px;
    margin: 6px 23px;
    outline: 0;
}

#block-user-0
{
    position: absolute;
    top: 20px;
    right: 7px;
}

#user-login-form .form-item
{
    float: left;
    margin: 0 2px;
}

#user-login-form input
{
    width: 150px;
    padding: 2px 1px 3px;
    border: 2px solid #b6b6b6;
    border-left-width: 1px;
    border-right-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 10px Arial;
    color: #666;
}

#user-login-form .new_password a
{
    display: block;
    margin: -2px 0 0 60px;
    font: 10px Arial;
    color: #666;
    text-decoration: underline;
}

#user-login-form #edit-submit,
#user-login-form .form-submit
{
    width: 28px;
    height: 23px;
    margin: -1px 0 3px -6px;
    text-indent: -5000px;
    border: 0;
    background: url(../img/login_submit.png) no-repeat 0 0;
}

#block-extranet_link-0
{
    position: absolute;
    top: 10px;
    right: 10px;
}

    #block-extranet_link-0 .content
    {
        margin-top: -5px;
        padding-left: 35px;
    }

    #block-extranet_link-0 .username
    {
        font-size: 16px;
        font-weight: bold;
        padding: 0 0 0.2em 0;
    }


/* Sidebar */
#sidebar-right
{
    background: url(../img/bg/sidebar.png) no-repeat 0 0;
    min-height: 409px;
    padding-top: 52px;
}

    #sidebar-right .block
    {
        margin: 0 14px 0 20px;
    }

    #sidebar-right h2
    {
        font: 20px "Trebuchet MS", Verdana, sans-serif;
        color: #333;
    }

    #sidebar-right .view-id-same_term ul
    {
        margin: 6px 0 25px;
        padding: 0;
    }

    #sidebar-right .view-id-same_term li
    {
        margin: 0;
        padding: 0 0 0 20px;
        list-style-type: none;
        border-bottom: 1px dotted #DE901C;
    }

        #sidebar-right .view-id-same_term li.views-row-first
        {
            border-top: 1px dotted #DE901C;
        }

        #sidebar-right .view-id-same_term li a
        {
            font: 15px "Trebuchet MS", Verdana, sans-serif;
            color: #333;
        }

/* Breadcrumbs */
.breadcrumb a
{
    font: 11px Arial;
    color: #999;
}

/* Tabs */
div.tabs
{
}

    div.tabs ul
    {
        border: 0;
    }

.tabs.primary a:link, .tabs.primary a:visited, .tabs.primary a:hover
{
    font-weight: bold;
    background: transparent none;
    border: 0;
    color: #000;
}

.tabs.primary a.active
{
    border: 0;
    background: transparent none;
}

/* Nav */
#block-superfish-1
{
    margin: 50px -40px 0;
    padding: 0 40px;
    background: url(../img/bg/nav_wrapper.png);
}

#superfish-1
{
    margin: 0 0 0 189px;
    padding-left: 157px;
    background: url(../img/bg/nav.png) no-repeat;
}

    #superfish-1 li
    {
        display: block;
        float: left;
        padding: 0;
    }

        #superfish-1 li.last
        {
            background: #fff;
        }

        #superfish-1 li a
        {
            display: block;
            height: 32px;
            line-height: 33px;
            padding: 0 4px;
            font-family: "Trebuchet MS", Verdana, sans-serif;
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            border: 0;
            border-right: 1px solid #ffd18b;
            background: url(../img/bg/nav_li.png);
        }

        #superfish-1 li.last a
        {
            border-right: 1px solid #77ADE4;
            background: url(../img/bg/nav_li_alt.png);
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-radius: 0px 5px 0px 0px;
            border-radius: 0px 5px 0px 0px;
            /* IE9: */
            width: 62px\9;
            border-right: 0\9;
        }

        #superfish-1 li li a
        {
            background: #fff;
            border: 0;
            border-bottom: 1px dotted #999999;
            color: #666;
        }

        #superfish-1 li ul
        {
            padding: 8px 0 0;
            background: #fff url(../img/bg/ticker-nav.png) no-repeat 50% 0;
            border: 1px solid #666;
            border-top: 0;
        }

        #superfish-1 li li.last a
        {
            background: #fff;
            border: 0;
        }

    #superfish-1 ul li a:hover, ul.nav-extranet li a:active
    {
        text-decoration: none;
        background: #FF9900;
        color: #fff;
        font-size: 15px;
    }

    #superfish-1 li:hover > ul, #superfish-1 li.sfHover > ul
    {
        top: 32px;
    }

/* Service message */
#block-service_msg-0
{
    position: absolute;
    left: 50%;
    width: 205px;
    height: 90px;
    padding: 10px 16px 30px;
    margin-left: -460px;
    font: 14px/100% "Trebuchet MS",Verdana,sans-serif;
    text-align: center;
    color: #fff;
    background: url(../img/bg/service_msg.png) no-repeat 0 0;
    z-index: 999;
}

/* Slider */
#block-views-slider-block_1
{
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 2892px;
    height: 268px;
}

    #block-views-slider-block_1 ul
    {
        width: 3900px;
        padding: 0;
    }

    #block-views-slider-block_1 li
    {
        float: left;
        margin: 0;
        list-style-type: none;
    }

#slider_mask_left, #slider_mask_right
{
    position: absolute;
    top: 0;
    width: 200px;
    height: 200px;
    background: url(../img/bg/slider.png);
    z-index: 999;
}

#slider_mask_left
{
    left: 0;
}

#slider_mask_right
{
    right: 0;
}

#slider_btn_left, #slider_btn_right
{
    position: absolute;
    top: 146px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1000;
}

#slider_btn_left
{
    background: url(../img/slider_btn_left.png);
}

#slider_btn_right
{
    background: url(../img/slider_btn_right.png);
}

/* Home */
body.front #breadcrumb
{
    display: none;
}

/* Node */
#page-title
{
    margin-bottom: 8px;
}

.node .content h2
{
    margin: 0.8em 0 0.3em;
}

.node .content ul
{
    overflow: hidden;
}

.node .content li
{
    margin: 3px 2px 3px 30px;
    list-style-image: url(../img/puce_orange.png);
}

.node .content ul ul
{
    margin: 10px 0;
}

    .node .content ul ul li
    {
        margin-left: 50px;
        list-style-image: url(../img/puce_grise.png);
    }

.node .content strong
{
    color: #f90;
}

.node .content .fieldgroup
{
    clear: both;
}

#block-cck_blocks-field_news_main_picture, #block-cck_blocks-field_page_main_picture
{
    float: left;
    padding: 0;
    margin: 0 20px 15px 0;
}

    #block-cck_blocks-field_news_main_picture img, #block-cck_blocks-field_page_main_picture img
    {
        border: 1px solid #ccc;
    }

.field-field-news-chapeau, .field-field-page-chapeau
{
    padding: 1em 0;
    font-weight: 700;
    color: #F90;
}
/* Galerie photos */
.field-field-page-gallery-photos
{
    overflow: hidden;
}

    .field-field-page-gallery-photos .field-item
    {
        float: left;
    }

        .field-field-page-gallery-photos .field-item img
        {
            margin-right: 6px;
            border: 1px solid #CCC;
        }
/* Témoignages */
.group-page-testimonies
{
    margin-top: 2em;
}

.field-field-page-testimonies-testimoni .field-label
{
    font: 20px "Trebuchet MS", Verdana, sans-serif;
    color: #333;
    border-bottom: 1px dotted #DE901C;
    margin-bottom: 23px;
}

.field-field-page-testimonies-testimoni > .field-items > .field-item
{
    float: left;
    width: 310px;
    position: relative;
}

.field-field-page-testimonies-testimoni .field-item h2
{
    position: absolute;
    top: 0;
    left: 92px;
    font: 16px "Trebuchet MS", Verdana, sans-serif;
    color: #f90;
    margin: 0 0 0.3em;
}

    .field-field-page-testimonies-testimoni .field-item h2 a
    {
        color: #f90;
    }

.field-field-page-testimonies-testimoni .field-item .field-field-testimonial-position
{
    bottom: 0;
    left: 92px;
    margin: 0.3em 0;
    position: absolute;
}
/* Encart demi largeur */
.field-field-page-block-half-width
{
    margin-top: 30px;
}

    .field-field-page-block-half-width > .field-items > .field-item
    {
        float: left;
        width: 310px;
        padding-top: 15px;
    }

    .field-field-page-block-half-width .field-item.odd
    {
        clear: left;
    }

    .field-field-page-block-half-width .field-item img
    {
        border: 1px solid #CCC;
    }

    .field-field-page-block-half-width .field-field-illustated-insert-title
    {
        width: 297px;
        margin-bottom: 2px;
        font: 20px "Trebuchet MS", Verdana, sans-serif;
        color: #333;
    }

    .field-field-page-block-half-width .field-field-illustated-insert-subtitle
    {
        margin-bottom: 3px;
        font: 14px "Trebuchet MS", Verdana, sans-serif;
        color: #f90;
    }

    .field-field-page-block-half-width .field-field-illustated-insert-text .field-item
    {
        width: 297px;
    }

/* Page vidéos */
#block-views-videos-block_1
{
    margin-top: 10px;
}

    #block-views-videos-block_1 .views-row
    {
        float: left;
        width: 295px;
        margin: 30px 15px 0 0;
    }

        #block-views-videos-block_1 .views-row.views-row-odd
        {
            clear: left;
        }

    #block-views-videos-block_1 .thumb
    {
        float: left;
        margin-right: 8px;
    }

    #block-views-videos-block_1 h2
    {
        font-size: 16px;
    }

        #block-views-videos-block_1 h2 a
        {
            color: #f90;
        }

#colorbox
{
    padding: 0 !important;
}

    #colorbox iframe
    {
        margin: 0 15px;
    }

    #colorbox p
    {
        text-align: center;
    }

/* Presse */
.view-presse.view-display-id-page_1 .views-row
{
    padding: 15px 0;
    border-top: 1px dotted #DE901C;
}

.view-presse.view-display-id-page_1 .views-field-view-node a
{
    font-size: 11px;
    font-variant: small-caps;
    color: #f90;
}

/* Actualités */
.page-actualites #page-title
{
    display: none;
}

.page-actualites #content-content
{
    clear: both;
}

.views-field-field-news-main-picture-fid
{
    float: left;
    margin-right: 15px;
}

.views-field-created
{
    float: right;
    height: 17px;
    padding: 0 10px 0 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: right;
    background: url(../img/bg/date_indicator.png) no-repeat 0 0;
}

#block-views-lde_actualites-block_2 h2
{
    clear: right;
    font-size: 30px;
}

.view-lde-actualites .views-field-view-node a
{
    font-size: 11px;
    font-variant: small-caps;
    color: #f90;
}

.view-lde-actualites
{
    padding: 10px 0;
}

    .view-lde-actualites.view-display-id-page_1
    {
        clear: left;
    }

        .view-lde-actualites.view-display-id-page_1 .views-row
        {
            padding: 15px 0;
            border-top: 1px dotted #DE901C;
        }

    .view-lde-actualites select
    {
        font-family: 'Candara W01 Regular', Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    }

/*Recrutement*/ 
#views-recrute-block_2 h2
{
    clear: right;
    font-size: 30px;
}

.view-recrute .views-field-view-node a
{
    font-size: 11px;
    font-variant: small-caps;
    color: #f90;
}

.view-recrute
{
    padding: 10px 0;
}

    .view-recrute.view-display-id-page_1
    {
        clear: left;
    }

        .view-recrute.view-display-id-page_1 .views-row
        {
            padding: 15px 0;
            border-top: 1px dotted #DE901C;
        }

    .view-recrute select
    {
        font-family: 'Candara W01 Regular', Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    }

/* Partenaires */
#block-views-partenaires-block_1
{
    padding: 20px 0;
}

    #block-views-partenaires-block_1 h3
    {
        padding: 10px 0 5px;
        clear: left;
        color: #f90;
    }

    #block-views-partenaires-block_1 h4
    {
        padding: 10px 0 5px;
        clear: left;
    }

    #block-views-partenaires-block_1 ul
    {
        padding: 5px 0 0;
    }

    #block-views-partenaires-block_1 li
    {
        float: left;
        width: 138px;
        height: 138px;
        margin: 0 15px 26px 0;
        border: 1px solid #ccc;
        list-style-type: none;
    }

/* Teasers */
/* Dans la sidebar */
#sidebar-right .block-nodeblock h2,
#sidebar-right .block-nodeblock h3
{
    font-family: "Trebuchet MS", Verdana, sans-serif;
    color: #fff;
}

    #sidebar-right .block-nodeblock h2 a
    {
        color: #fff;
    }

#block-block-12
{
    padding-bottom: 1em;
}

    #block-block-12 a
    {
        text-decoration: underline;
        font: 12px Arial;
        color: #FF9900;
    }
/* Assistant de commande */
#sidebar-right #block-nodeblock-13
{
    margin: 0 -15px 0 15px;
}

#block-nodeblock-13 h2
{
    width: 241px;
    height: 48px;
    padding: 12px 45px 12px 15px;
    font-size: 21px;
    line-height: 90%;
    text-align: right;
    background: url(../img/bg/nb_assistant.png);
}

#block-nodeblock-13 .content
{
    padding: 0 9px;
    font: 13px "Trebuchet MS", Verdana, sans-serif;
    text-transform: uppercase;
    color: #f90;
}


/*  Reforme des lycées */

/* ATTENTION: Changer l'id 279 par l'id du nouveau bloc en prod et supprimer ce commentaire ! */

#block-nodeblock-278{
    margin-bottom: 30px !important;
}

#block-nodeblock-278 h3
{
    width: 277px;
    height: 56px;
    padding: 6px 9px 12px 15px;
    font-size: 19px;
    text-transform: uppercase;
    background: url(../img/bg/Bloc_rouge.png);
    font-size: 90%;
    padding-bottom: 6px;
    padding-top: 11px;
    text-align: center;
}

#block-nodeblock-278 h2
{
    display: block;
    font-size: 17px;
    margin: -39px 0 0;
    padding: 0 9px 12px 6px;
    text-align: center;
    text-transform: uppercase;
    width: 277px;
}

#block-nodeblock-278 > h2:nth-child(1){
    display: none /* Je n'ai pas trouver comment ne pas afficher le titre */
}

#block-nodeblock-278 .content
{
    font: 13px "Trebuchet MS", Verdana, sans-serif;
    color: black;
    text-align: center;
    width: 103%;
}

#block-nodeblock-278 .content p
{
    padding: 0 14px;
}

#block-nodeblock-278 a:link,
#block-nodeblock-278 a:visited
{
    text-decoration: none;
    color:white;
}

#block-nodeblock-278 a:hover{
    text-decoration: underline;
    color:white;
}

/* Callback */
#sidebar-right #block-nodeblock-14
{
    margin: 20px -15px 0 15px;
}

#sidebar-right #block-nodeblock-178
{
    margin-top: 40px;
}

#block-nodeblock-14 h2,
#block-nodeblock-178 h3
{
    width: 277px;
    height: 37px;
    padding: 6px 9px 12px 15px;
    font-size: 19px;
    text-transform: uppercase;
    background: url(../img/bg/nb_callback.png);
}

#block-nodeblock-178 h3
{
    font-size: 90%;
    padding-bottom: 6px;
    padding-top: 9px;
    text-align: center;
}

#block-nodeblock-178 h2
{
    display: block;
    font-size: 17px;
    margin: -30px 0 0;
    padding: 0 9px 12px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 277px;
}

#block-nodeblock-14 .content
{
    letter-spacing: -0.3px;
    font: 12px "Trebuchet MS", Verdana, sans-serif;
}

#block-nodeblock-14 .content
{
    color: #fff;
    margin: -29px 0 0 8px;
}

#block-nodeblock-178 p
{
    font-size: 110%;
    margin-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    width: 257px;
}

    #block-nodeblock-178 p a
    {
        background: url("../img/bg/cb_submit.png") no-repeat scroll 0 0 transparent;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 11px;
        font-weight: 700;
        height: 20px;
        padding: 4px 10px 4px 2px;
        text-align: left;
        text-transform: uppercase;
    }

        #block-nodeblock-178 p a:link,
        #block-nodeblock-178 p a:visited,
        #block-nodeblock-178 p a:hover
        {
            text-decoration: none;
        }

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #block-nodeblock-14 .content
    {
        font-size: 11px;
    }
}

#webform-client-form-20
{
    margin: 15px 0;
}

    #webform-client-form-20:after
    {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #webform-client-form-20 .form-item
    {
        margin: 4px 0;
    }

    #webform-client-form-20 input.form-text
    {
        width: 237px;
        padding: 4px 12px;
        background: url(../img/bg/cb_input.png) repeat-x 0 0;
        border: 1px solid #b6b6b6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font: 11px Arial;
        color: #666;
    }

    #webform-client-form-20 #webform-component-votre-telephone
    {
        float: left;
    }

        #webform-client-form-20 #webform-component-votre-telephone .form-item
        {
            margin-top: 0px;
        }

    #webform-client-form-20 #edit-submitted-votre-telephone
    {
        width: 160px;
        margin-right: 2px;
        float: left;
    }

    #webform-client-form-20 #edit-actions
    {
        float: left;
        width: 75px;
        height: 20px;
        margin: 1px 0;
        background: url(../img/bg/cb_submit.png) repeat-x 0 0;
    }

    #webform-client-form-20 input.form-submit
    {
        font-size: 13px;
        font-family: inherit;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        border: 0;
        background: transparent none;
        text-align: left;
        cursor: pointer;
    }
/* Videos */
#sidebar-right #block-cck_blocks-field_page_teaser_video
{
    margin: 0 14px 0 -18px;
}
/* Sur la home */
#block-nodeblock-12, #block-nodeblock-16
{
    float: left;
}

#block-nodeblock-12, #block-nodeblock-15, #block-nodeblock-16
{
    padding-top: 30px;
}
/* LDE en vidéos */
#block-nodeblock-12
{
    width: 260px;
    margin-right: 29px;
}

    #block-nodeblock-12 img
    {
        margin-left: -50px;
    }
/* Cristal web */
#block-nodeblock-16
{
    width: 332px;
}

    #block-nodeblock-16 img
    {
        margin-left: -10px;
    }
/* Depuis 1998 */
#block-nodeblock-15
{
    clear: both;
    margin-bottom: 25px;
}

    #block-nodeblock-15 h2
    {
        font: 20px "Trebuchet MS", Verdana, sans-serif;
        color: #f90;
    }

    #block-nodeblock-15 img
    {
        float: right;
    }

    #block-nodeblock-15 .content img
    {
        margin-top: 35px;
    }

    #block-nodeblock-15 .savoirplus
    {
        position: absolute;
        left: 226px;
        top: 135px;
    }

/* Contact */
#webform-client-form-8
{
    margin: 20px 0;
}

    #webform-client-form-8 .form-item
    {
        margin: 0;
    }

    #webform-client-form-8 .webform-component
    {
        float: left;
        padding: 5px 0;
    }

    #webform-client-form-8 .webform-component-textfield label,
    #webform-client-form-8 .webform-component-webform_email label,
    #webform-client-form-8 .webform-component-textarea label
    {
        display: block;
        float: left;
        width: 100px;
        text-align: right;
        color: #666;
        font-weight: 400;
        line-height: 24px;
    }

    #webform-client-form-8 .webform-component-textarea label
    {
        float: none;
        text-align: left;
    }

    #webform-client-form-8 .webform-component-textfield input,
    #webform-client-form-8 .webform-component-webform_email input
    {
        width: 184px;
        padding: 5px 3px;
    }

    #webform-client-form-8 select
    {
        width: 184px;
        padding: 5px 3px;
    }

    #webform-client-form-8 #webform-component-type .form-item
    {
        margin: 0 0 0 112px;
    }

    #webform-client-form-8 #webform-component-adresse-2
    {
        clear: left;
        margin-left: 112px;
    }

    #webform-client-form-8 #edit-submitted-adresse,
    #webform-client-form-8 #edit-submitted-adresse-2
    {
        width: 490px;
    }

    #webform-client-form-8 #webform-component-code-postal
    {
        clear: left;
    }

    #webform-client-form-8 #webform-component-pays
    {
        clear: left;
        margin: -5px 0 -5px 112px;
    }

    #webform-client-form-8 #webform-component-telephone
    {
        clear: left;
    }

    #webform-client-form-8 #webform-component-mobile
    {
        clear: left;
        margin-left: 112px;
    }

    #webform-client-form-8 #webform-component-civilite
    {
        clear: left;
        margin: -5px 0 -5px 112px;
        padding: 0;
    }

    #webform-client-form-8 #webform-component-nom
    {
        clear: left;
    }

    #webform-client-form-8 #webform-component-votre-message
    {
        margin-top: 10px;
        border-top: 1px dotted #666;
        padding-top: 10px;
    }

    #webform-client-form-8 #edit-submitted-votre-message-wrapper
    {
        margin-left: 112px;
    }

    #webform-client-form-8 #edit-submitted-votre-message
    {
        width: 488px;
        height: 100px;
    }

    #webform-client-form-8 #edit-actions
    {
        clear: left;
        text-align: right;
    }

    #webform-client-form-8 #edit-submit
    {
        width: 164px;
        height: 46px;
        line-height: 40px;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: -0.2px;
        text-indent: -5000px;
        border: 0;
        background: url(../img/bg/contact_form_submit.png);
    }

    #webform-client-form-8 input, #webform-client-form-8 select
    {
        border: 1px solid #b6b6b6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font: 10px Arial;
        color: #666;
    }

/* Assistant de commande */
#webform-client-form-111,
#webform-client-form-204 {
	margin: 20px 0;
}

#webform-client-form-111 .form-item,
#webform-client-form-204 .form-item {
	margin: 0;
}

#webform-client-form-111 .form-select {
	height: 18px;
	padding: 5px 3px;
}

#webform-client-form-111 .webform-component,
#webform-client-form-204 .webform-component {
	float: left;
	padding: 5px 0;
}

#webform-client-form-111 .webform-component-select,
#webform-client-form-204 .webform-component-select {
	float: left;
	padding: 5px 0;
}

#webform-client-form-111 .webform-component-textfield label,
#webform-client-form-111 .webform-component-webform_email label,
#webform-client-form-111 .webform-component-email label,
#webform-client-form-111 .webform-component-textarea label,
#webform-client-form-204 .webform-component-textfield label,
#webform-client-form-204 .webform-component-select label,
#webform-client-form-204 .webform-component-email label,
#webform-client-form-204 .webform-component-webform_email label,
#webform-client-form-204 .webform-component-textarea label,
#webform-client-form-204 .webform-component-markup label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	color: #666;
	font-weight: 400;
	line-height: 24px;
}

#webform-client-form-111 .webform-component-textarea label,
#webform-client-form-204 .webform-component-textarea label {
	margin-right: 1em;
}

#webform-client-form-204 .webform-component-checkboxes label {
	display: block;
	color: #666;
	font-weight: 400;
	line-height: 24px;
}

#webform-client-form-204 .webform-component-checkboxes label.option {
	margin-left: 113px;
}

#webform-client-form-111 .webform-component-textfield input,
#webform-client-form-111 .webform-component-webform_email input,
#webform-client-form-204 .webform-component-textfield input,
#webform-client-form-204 .webform-component-select input,
#webform-client-form-204 .webform-component-email input,
#webform-client-form-204 .webform-component-webform_email input {
	width: 184px;
	padding: 5px 3px;
	height: 14px;
}

#webform-client-form-111 select,
#webform-client-form-204 select {
	width: 192px;
	padding: 5px 3px;
	height: 26px;
}

#webform-client-form-111 #webform-component-type .form-item {
	margin: 0 0 0 112px;
}

#webform-client-form-111 #webform-component-adresse-postale {
	clear: left;
//	margin-left: 112px;
}

#webform-client-form-111 #webform-component-pays .form-item {
	margin: 0 0 0 112px;
}

#webform-client-form-111 #webform-component-civilite {
	clear: left;
	margin: -5px 0 -5px 112px;
	padding: 0;
}

#webform-client-form-111 #webform-component-nom {
	clear: left;
}

#webform-client-form-111 #edit-actions,
#webform-client-form-204 #edit-actions {
	clear: left;
	text-align: right;
}

#webform-client-form-111 #edit-submit,
#webform-client-form-204 #edit-submit {
	width: 164px;
	height: 46px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	text-indent: -5000px;
	border: 0;
	background: url(../img/bg/contact_form_submit.png);
}

#webform-client-form-111 input,
#webform-client-form-111 select,
#webform-client-form-204 input,
#webform-client-form-204 select {
	border: 1px solid #b6b6b6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font: 10px Arial;
	color: #666;
}


/* Pagination */
.item-list .pager
{
    float: right;
    font: 11px Arial, sans;
    font-weight: bold;
}

    .item-list .pager li
    {
        display: block;
        float: left;
        margin: 0 5px;
        padding: 2px 6px;
    }

    .item-list .pager a
    {
        color: #666;
    }

    .item-list .pager li.pager-first, .pager li.pager-last
    {
        display: none;
    }

    .item-list .pager .pager-previous, .item-list .pager .pager-next
    {
        width: 10px;
        height: 10px;
        text-indent: -5000px;
        padding: 4px 0;
    }

        .item-list .pager .pager-previous a, .item-list .pager .pager-next a
        {
            display: block;
            width: 10px;
            height: 10px;
        }

    .item-list .pager .pager-previous
    {
        background: url(../img/pager-prev.png) no-repeat 0 50%;
    }

    .item-list .pager .pager-next
    {
        background: url(../img/pager-next.png) no-repeat 0 50%;
    }

    .item-list .pager .pager-current
    {
        color: #fff;
        background: #666;
    }

/* Selectboxes jquery dropdown */
.selectbox .display
{
    width: 184px;
    margin-top: -1px;
    padding: 4px 3px; /* IE9 */
    padding-bottom: 3px\9; /* /IE9 */
    border: 1px solid #b6b6b6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 10px Arial;
    color: #666;
}

    .selectbox .display .arrow_btn
    {
        width: 20px;
        height: 16px;
        border: 0;
        border-left: 1px solid #EBEEF0;
        background: url(../img/bg/select.png) no-repeat 5px 9px;
    }

.selectbox.items
{
    width: 190px;
}

/* Pictos administration blocs */
.block-nodeblock
{
    position: relative;
}

    .block-nodeblock ul.links.inline
    {
        padding: 0;
    }

ul.links .nodeblock_edit, ul.links .nodeblock_configure
{
    display: none;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

ul.links .nodeblock_configure
{
    left: 26px;
}

    ul.links .nodeblock_edit a, ul.links .nodeblock_configure a
    {
        display: block;
        width: 16px;
        height: 16px;
        padding: 3px;
        text-indent: -5000px;
    }

.nodeblock_edit a
{
    background: url(../img/icon/pen.png) no-repeat 50% 50%;
}

.nodeblock_configure a
{
    background: url(../img/icon/tool.png) no-repeat 50% 50%;
}

.block-nodeblock:hover ul.links .nodeblock_edit, .block-nodeblock:hover ul.links .nodeblock_configure
{
    display: block;
}

/* Footer */
/* Footer news */
#footer #block-views-lde_actualites-block_1
{
    position: relative;
    width: 960px;
    border: 0;
    padding-bottom: 22px;
    background: url(../img/bg/news_title.png) no-repeat;
}

    #footer #block-views-lde_actualites-block_1 h2
    {
        float: left;
        width: 142px;
        padding: 18px 5px 20px 30px;
        font-size: 18px;
        color: #fff;
    }

    #footer #block-views-lde_actualites-block_1 .view-header
    {
        position: absolute;
        top: 58px;
        left: 32px;
        font: 12px Arial;
        text-decoration: underline;
        color: #f90;
    }

        #footer #block-views-lde_actualites-block_1 .view-header a
        {
            color: #f90;
        }

    #footer #block-views-lde_actualites-block_1 .view-content
    {
        float: left;
        margin: 6px 0;
    }

    #footer #block-views-lde_actualites-block_1 .views-row
    {
        float: left;
        width: 375px;
    }

    #footer #block-views-lde_actualites-block_1 .views-field-field-news-main-picture-fid
    {
        float: left;
    }

    #footer #block-views-lde_actualites-block_1 h3
    {
        margin-bottom: 1px;
        font-family: "Trebuchet MS", Verdana, sans-serif;
        font-size: 15px;
        line-height: 110%;
    }

    #footer #block-views-lde_actualites-block_1 .views-field-field-news-chapeau-value
    {
        font-family: Arial;
        font-size: 11px;
        line-height: 110%;
    }

    #footer #block-views-lde_actualites-block_1 .views-field-view-node
    {
        text-align: right;
        font-family: Arial;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

        #footer #block-views-lde_actualites-block_1 .views-field-view-node a
        {
            display: block;
            padding-right: 10px;
            color: #666;
            background: url(../img/puce_orange.png) no-repeat 100% 50%;
        }

    #footer #block-views-lde_actualites-block_1 img
    {
        margin: 0 10px;
        border: 1px solid #ccc;
    }

    #footer #block-views-lde_actualites-block_1 a
    {
        color: #333;
    }
/* Footer blocks */
#footer .block
{
    border-right: 1px dotted #ccc;
    float: left;
}

    #footer .block ul
    {
        padding: 0;
    }

        #footer .block ul ul
        {
            padding: 6px 0;
        }

    #footer .block li a
    {
        font-weight: 700;
        color: #1241A9;
    }

    #footer .block li li a
    {
        font-weight: 400;
        font: 10px Arial;
        color: #333;
    }

#block-block-1
{
    width: 146px;
}

#block-block-3, #block-block-4, #block-block-5, #block-block-7
{
    width: 114px;
    height: 168px;
    padding-left: 32px;
}

#block-block-7
{
    width: 200px;
}

#block-block-2
{
    border: 0;
}

#block-block-8
{
    width: 960px;
    border: 0;
    border-top: 3px solid #E9E4E1;
    text-align: center;
    padding-bottom: 30px;
    font: 10px Arial;
    font-weight: 700;
    color: #666;
}

    #block-block-8 a
    {
        color: #666;
    }

.bouton_orange
{
    display: block;
    width: 240px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    background: url(../img/bg/btn-vari.png) no-repeat 0 0;
}

.left
{
    float: left;
    margin: 0 10px 10px 0;
}

.right
{
    float: right;
    margin: 0 10px 10px 0;
}

.center
{
    display: block;
    margin: 10px auto;
}

.messages
{
    padding: 5px;
    margin: 10px 0;
}

    .messages.status
    {
        background: #D9F9CA;
        border-bottom: 1px solid #41C105;
        border-top: 1px solid #41C105;
    }

    .messages.warning
    {
        background: #FFDA9B;
        border-bottom: 1px solid #EA7704;
        border-top: 1px solid #EA7704;
    }

    .messages.error
    {
        background: #FFDDD6;
        border-bottom: 1px solid #D32A04;
        border-top: 1px solid #D32A04;
        border-right: 0;
        border-left: 0;
    }

#user-pass .form-item .description
{
    display: inline;
    font-size: 1em;
    color: #666;
}

.in-maintenance .maintenance-contact
{
    text-align: center;
    margin-top: 5em;
    font-size: 130%;
    line-height: 130%;
}

    .in-maintenance .maintenance-contact > p:last-child
    {
        margin-top: 3em;
    }

.in-maintenance #content-content
{
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    line-height: 100%;
    font-size: 20px;
}

.compassion{
    position: absolute; 
    display: hidden;
    margin-left: 200px; 
    margin-top: -28px;
    margin-bottom: auto;
}

.img_compassion
{
    //width: 140px;
    //height: 75px;
    //display: block;
}

.text_compassion{
    font-size: 15px;
}