/*------------------------------------------------------------------------------

[MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework

Document : index CSS
Author   : Damien SYREN

------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------

SURCHARGE LAYOUT.CSS

------------------------------------------------------------------------------*/

/*
- DEFAULT LAYOUT ---------------------------------------------------------------
*/

html{
    overflow-x:hidden;
    min-height:100%;
    background: #d3d3d3;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#ededed 100%);
    background: -o-linear-gradient(top, #d3d3d3 0%,#ededed 100%);
    background: -ms-linear-gradient(top, #d3d3d3 0%,#ededed 100%);
    background: linear-gradient(top, #d3d3d3 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ededed',GradientType=0 );
    *zoom:1
}
.body:after,
.page:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.page{
    margin:0 auto;
    width:1000px;
    word-wrap:break-word; /* CSS3 permet de faire des cesure sur les long mots sans espaces */
}

#ct{
    position:relative;
    padding:40px 0;
    min-height:100%;
    z-index:1;
}
.wrapper{
    display:block;
}
.ccmCt{
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
a:hover .ccmCt{
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,.5);
}

#bulle{
    position:absolute;
    top:-50px;
    right:-50px;
    width:598px;
    height:724px;
    background:url(../img/homepage/bulle.png) no-repeat 0 0;
}
.nosSites a{
    float:left;
}

footer, .foot.commonFoot{
    width:100%;
    bottom:0;
    left:0;
    color:#666;
    padding:15px 0;
    background: #bfbfbf;
    background: -moz-linear-gradient(top, #bfbfbf 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#ebebeb));
    background: -webkit-linear-gradient(top, #bfbfbf 0%,#ebebeb 100%);
    background: -o-linear-gradient(top, #bfbfbf 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #bfbfbf 0%,#ebebeb 100%);
    background: linear-gradient(top, #bfbfbf 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ebebeb',GradientType=0 );
    *zoom:1
}

/* inscription newsletter */
.formNewsletter label{
    display:block;
    margin-bottom:5px;
}
    .formNewsletter input[type=text]{
        width:232px;
        font-size:115%;
        padding:7px 10px 8px;
        height:15px;
        line-height:15px;
        background:#c3c3c3;
        border:none;
        border-bottom:1px solid #dddddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }
    /* http://davidwalsh.name/html5-placeholder-css */
    .placeholder{ color:#666 }
    ::-webkit-input-placeholder{ color:#666 }
    :-moz-placeholder{ color:#666 }
    .formNewsletter input[type=text]:focus{
        -webkit-box-shadow: inset 0px 0px 8px 0px rgba(214, 7, 27, .3);
        -moz-box-shadow: inset 0px 0px 8px 0px rgba(214, 7, 27, .3);
        box-shadow: inset 0px 0px 8px 0px rgba(214, 7, 27, .3);
    }
    .formNewsletter input[type=image]{
        position:absolute;
        right:0;
        *top:1px;
    }
    .formNewsletter input[type=image]:focus{ top:1px; *top:2px; }

/*------------------------------------------------------------------------------

SURCHARGE CONTENT.CSS

------------------------------------------------------------------------------*/

/* default heading */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1, h2, h3, h4, h5, h6{ font-weight:bold; text-rendering:optimizeLegibility; }

/* surlignage */
::selection         { background:#005195; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#005195; color:#fff; /* Firefox */ }

/* elements */
em,.em          { font-style:normal; color:#747e87 }
strong,.strong  { font-weight:bold }
code,pre        { color:#0B8C8F }
sup             { color:#999; font-weight:normal; font-size:70% }
cite            { display:block; text-align:right; padding-top: 10px }
ins             { background-color:#ff9; color:#000; text-decoration:none }
mark            { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del             { text-decoration: line-through }
abbr[title],
dfn[title]      { border-bottom:1px dotted #000; cursor:help }
blockquote      { color:#a21460; margin:0 30px; text-indent:-21px; *text-indent:0 }
blockquote:before{ content:"\201C"; font-size:30px; font-weight:bold; line-height:0 }  /* http://www.ascii.cl/htmlcodes.htm */
blockquote:after{  content:"\201E"; font-size:30px; font-weight:bold; line-height:0 }  /* http://www.ascii.cl/htmlcodes.htm */

/* liens */
a{ color:#005195; text-decoration:none }
a:hover, a:focus{ text-decoration:underline; cursor:pointer }

/*
- TYPOGRAPHIC SKIN ------------------------------------------------------------------
*/

/* couleur de font du theme */
.fcTheme1{ color:#d6071b}
/* couleur complementaire du theme (jaune) */
.fcTheme2{ color:#fdf200 }
/* couleur complementaire du theme (gris) */
.fcTheme3{ color:#303030 }
/* couleur neutre (gris clair) */
.fcNeutre{ color:#666 }

/* .h1-.h6 doivent etre utiliser de maniere semantiques */
h1, .h1{ font-size: 28px }
h2, .h2{ font-size: 24px }
h3, .h3{ font-size: 22px }
h4, .h4{ font-size: 18px }
h5, .h5{ font-size: 16px }
h6, .h6{ font-size: 14px }
h1,h2,h3,h4,h5,h6,h7{ line-height: normal }

/* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */
h1 a, .h1 a, h1 a:hover, h1 a:focus, .h1 a:hover, .h1 a:focus,
h2 a, .h2 a, h2 a:hover, h2 a:focus, .h2 a:hover, .h2 a:focus,
h3 a, .h3 a, h3 a:hover, h3 a:focus, .h3 a:hover, .h3 a:focus,
h4 a, .h4 a, h4 a:hover, h4 a:focus, .h4 a:hover, .h4 a:focus,
h5 a, .h5 a, h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus,
h6 a, .h6 a, h6 a:hover, h6 a:focus, .h6 a:hover, .h6 a:focus,
h7 a, .h7 a, h7 a:hover, h7 a:focus, .h7 a:hover, .h7 a:focus{color: #303030}
h1.fcTheme1 a, .h1.fcTheme1 a,
h2.fcTheme1 a, .h2.fcTheme1 a,
h3.fcTheme1 a, .h3.fcTheme1 a,
h4.fcTheme1 a, .h4.fcTheme1 a,
h5.fcTheme1 a, .h5.fcTheme1 a,
h6.fcTheme1 a, .h6.fcTheme1 a,
h7.fcTheme1 a, .h7.fcTheme1 a{color:#005195}
h1.fcTheme2 a, .h1.fcTheme2 a,
h2.fcTheme2 a, .h2.fcTheme2 a,
h3.fcTheme2 a, .h3.fcTheme2 a,
h4.fcTheme2 a, .h4.fcTheme2 a,
h5.fcTheme2 a, .h5.fcTheme2 a,
h6.fcTheme2 a, .h6.fcTheme2 a,
h7.fcTheme2 a, .h7.fcTheme2 a{color:#fdf200}
h1.fcTheme3 a, .h1.fcTheme3 a,
h2.fcTheme3 a, .h2.fcTheme3 a,
h3.fcTheme3 a, .h3.fcTheme3 a,
h4.fcTheme3 a, .h4.fcTheme3 a,
h5.fcTheme3 a, .h5.fcTheme3 a,
h6.fcTheme3 a, .h6.fcTheme3 a,
h7.fcTheme3 a, .h7.fcTheme3 a{color:#303030}
h1.fcNeutre a, .h1.fcNeutre a,
h2.fcNeutre a, .h2.fcNeutre a,
h3.fcNeutre a, .h3.fcNeutre a,
h4.fcNeutre a, .h4.fcNeutre a,
h5.fcNeutre a, .h5.fcNeutre a,
h6.fcNeutre a, .h6.fcNeutre a,
h7.fcNeutre a, .h7.fcNeutre a{color: #666}

.imgS1{
    padding:3px;
    background:#fff;
    border:1px solid #d8d5d5;
}

/* lists */
.list1,
.list1 a{ color:#666 }
.list1 li{
    color: #D6071B;
    list-style-type: square;
    margin-left:13px;
}

/*------------------------------------------------------------------------------

SURCHARGE MOD.CSS

------------------------------------------------------------------------------*/