/* Stylesheet for relais-chantiers.eu
* v1.0 - 06/2014
*/

/* VARIABLES CMSMS*/


/* ----------------------------- */
/* ==summary */
/*
/*  01. typo
/*  02. layout
/*  03. form
/*  04. global
/*  05. application
/*
/* ----------------------------- */

/* ----------------------------- */
/*
/*  01. typo
/*
/* ----------------------------- */
body{
    font-family: 'Ubuntu', sans-serif;
}

/*FONT-SIZE + LINE-HEIGHT*/

body,
.footer-l
{
    font-size: 12px;
}

.mainmenu a,
.main p, .main ul,
.more,
.home-actu p,
.img-title,
aside
{
    font-size: 14px;
}

.footer-c, .footer-c h3
{
    font-size: 16px;
}

/*.mainmenu a.active, .mainmenu a:hover,*/
h2.actu span
{
    font-size: 18px;
}

.highlight h3
{
    font-size: 21px;
}

h2
{
    font-size: 26px;
}

h2.actu
{
    font-size: 30px;
}

/*.mainmenu a:hover, .mainmenu a.active{
    font-size: 130%
}*/

.img-title,
.partenaires-title
{
    font-weight: 700;
}

h2.actu span{
    font-weight: 400;
}

a{
    text-decoration: none;
}

h2.actu span{
    text-transform: none;
}

aside h2,
.img-title,
.dnl,
h3.contactform-title
{
    text-align: center;
}

.main p{text-align: justify;}

h2.actu{
    line-height: 30px;
}

/* ----------------------------- */
/*
/*  02. Layout
/*
/* ----------------------------- */
.wrapper{
    min-height: 1000px;
}

header{
    margin-bottom: 45px;
}

    .logo{
        display: inline-block;
        margin: 10px;
    }

        .logo-img{
            width: 100%;
        }

            .logo-img:hover{
                opacity: 0.75;
            }

        
        
    .mainmenu{
        background: #969b99 url(/img/bg/mainmenu.jpg) top center no-repeat;
        margin: 10px 0 30px 0;
        padding-top: 15px;
    }

        .mainmenu li{
            float: left;
            width: 14.28%;
            /*padding: 7px 0 3px 0;*/
            height: 45px;
            line-height: 45px;
            vertical-align: middle;
        }

                .mainmenu li:nth-child(odd){
                    background: #969b99; /* Old browsers */
                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2OWI5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NzhiODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top,  #969b99 0%, #878b89 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969b99), color-stop(100%,#878b89)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #969b99 0%,#878b89 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #969b99 0%,#878b89 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #969b99 0%,#878b89 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #969b99 0%,#878b89 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969b99', endColorstr='#878b89',GradientType=0 ); /* IE6-8 */
                }

                    .mainmenu li a{
                        display: block;
                    }

.main{
    width: 540px;
    margin: 0 0 25px 40px;
}

aside{
    width: 330px;
    margin-right: 18px;
    padding-right: 20px;
}

footer{
    padding: 40px 0;
}

     .footer-l, .footer-c, .footer-r{
         min-height: 200px;
     }

    .footer-l, .footer-c{
        border-right: 1px dotted #969b99
    }

    	.footer-l{padding-top: 50px;}
    	.footer-c{padding-top: 20px;}
    	.footer-r{padding-top: 20px;}

/* ----------------------------- */
/*
/*  04. Global
/*
/* ----------------------------- */
body{
   /* background: #969a99 url(/img/bg/body/body-01.jpg) top center no-repeat;*/
}

/*TITRES*/
.main h3, .main h4{
    border-bottom: 2px solid #b1c903;
    padding: 7px 0;
    margin-bottom: 25px;
}

.highlight h3{
    border-bottom: 0 none;$
    padding: 0;
    margin: 0;
}

/*COLORS*/

    /*TRANSPARENT*/
    .mainmenu a.active:hover{
        background: transparent;
    }

    /*WHITE*/
    .mainmenu a,
    .more,
    .img-title,
    .dnl,
    h3.contactform-title,
    .contactform-wrapper input[type=submit]
    {
        color: #fff;
    }

        /*bg*/
        .wrapper,
         aside h2 span{
             background: #fff;
         }

    /* BLACK */
    footer a:hover,
    #liens .main a
    {
        color: #000;
    }

    /*GREY*/
    h2, h2.actu a,
    footer, footer a, footer h2, footer h3
    aside .cadre, aside .cadre h3, aside .cadre a,
    .dnl-puce,
    .partenaires-link
    {
        color: #969b99;
    }

        /*bg*/
        .more:hover, .violet .more:hover, .bleu .more:hover, .orange .more:hover,
        .img-title,
        .contactform-wrapper input[type=submit]:hover
        {
            background: #969b99;
        }

    /*LIGHT-GREY*/
    footer
    {
        background: #cacdcc;
    }

    /*VERY LIGHT GREY*/
    .contactform-wrapper{
        background: #e3e4e5;
    }

    /*VERT*/
    a,
    .green,
    /*a:hover,*/
    .mainmenu a.active,
    h2.actu a:hover,
    h2.actu span,
    .main h3 span, .highlight h3,
    .cadre a:hover,
    .dnl-puce:hover,
    .partenaires-link:hover
    {
       color: #b1c903;
    }

        /*bg*/
        .more,
        .mainmenu a:hover,
        .img-title:hover,
        .contactform-wrapper input[type=submit]
        {
            background: #b1c903;
        }

    /* BLEU */
    .bleu h3
    {
        color: #39A9DC;
    }

        /*bg*/
        .bleu .more
        {
            background: #39A9DC;
        }

    /* VIOLET */
    .violet h3
    {
        color: #A00D59;
    }

        /*bg*/
        .violet .more
        {
            background: #A00D59;
        }

    /* ORANGE */
    .orange h3
    {
        color: #F19300;
    }

        /*bg*/
        .orange .more
        {
            background: #F19300;
        }

/*ANIMATIONS*/

/* Couleur + reduction / agrandissement*/
.mainmenu a,
.logo-img,
footer a,
h1,
h2.actu a,
.more,
.img-title,
.dnl,
.home-actions.txtonly
{
-webkit-transition: all 125ms ease-in;
-moz-transition: all 125ms ease-in;
-ms-transition: all 125ms ease-in;
-o-transition: all 125ms ease-in;
transition: all 125ms ease-in;
}


/*blocs deco*/
.main h2{
   background: url(/img/titles/main-h.png) center left no-repeat;
    padding-left: 28px;
}

aside h2{
     background: url(/img/titles/aside-h2.png) center left no-repeat;
}

    aside h2 span{
        padding: 0 5px
    }

.cadre{
    padding-bottom: 20px;
    background: url(/img/bg/corner-bottom.png) bottom left no-repeat;
}

    .cadre h3{
        padding-top: 20px;
        background: url(/img/bg/corner-top.png) top right no-repeat;
    }

h3.contactform-title{
    padding: 10px 0 20px 0;
    background: #b1c903 url(/img/titles/contactform-title.jpg) bottom left no-repeat;
    border: 0 none;
    margin: 0;
}

/*Links*/


.img-title{
    border-top: 5px solid #b1c903;
    padding: 10px 5px;
}

.more{
    display: inline-block;
    padding: 2px 5px;
}

.dnl{
    display: block;
    padding: 10px 0 20px 0;
    background: #b1c903 url(/img/bg/dnl-bg.jpg) bottom left no-repeat;
}

    .dnl:hover{
        background: #969b99 url(/img/bg/dnl-bg.jpg) bottom left no-repeat;
    }

.dnl-puce{
    padding-left: 15px;
    background: url(/img/picto/li-circle.png) center left no-repeat;
}

.cadre li{
    padding-left: 15px;
    background: url(/img/picto/li-circle.png) 0px 5px no-repeat;
}

a.pdf{
    background: url(/img/picto/pdf.png) top right no-repeat;
    padding-right: 20px;
}

/*MESSAGES*/
.success-msg{
    margin-bottom: 20px;
    padding: 7px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #202406;
    background: #b1c903; /*vert*/
    border: 1px solid #6c7a08;
}
/* ----------------------------- */
/*
/*  05. Application
/*
/* ----------------------------- */

/*HOMEPAGE*/

.home-actions{
    display: block;
    margin-right: 60px;
    padding: 0px;
}

    .home-actions+.home-actions{
        margin-right: 0;
    }

.home-actions.txtonly{
    display: block;
    width: 240px;
    height: 224px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #969b99;
    color: #fff;
    border-top: 7px solid #b1c903;
}

        .home-actions.txtonly:hover{
            background: #b1c903;
        }

    /*HOMEPAGE ASIDE*/
    .metier-preview{
        margin: 10px 0;
        padding-left: 55px;
    }

        .bleu .metier-preview{background: url(/img/picto/grid-blue.png) 0px 5px no-repeat;}

        .violet .metier-preview{background: url(/img/picto/grid-violet.png) 0px 5px no-repeat;}

        .orange .metier-preview{background: url(/img/picto/grid-orange.png) 0px 5px no-repeat;}

        .metier-preview h3{
            margin: 0;
        }
        
        .metier-preview p{
            margin-top: 5px;
        }

/* NOS ACTIONS */
p.intro{
    font-size: 16px;
    color: #333;
}

/* NOS PARTENAIRES */
.partenaires-item{
    height: 140px;
    margin: 20px 0 !important;
}

    .partenaires-title{
        margin: 10px 0;
    }

    .partenaires-link{
        background: url(/img/bg/partenaires-link.png) bottom left no-repeat;
        padding: 0 0 10px 10px;
    }

/* PAGE CONTACT*/
.contactform-wrapper form{
    padding: 30px;
}

    .contactform-wrapper label{
        display: block;
        padding: 0 0 4px 0;
    }

        .contactform-wrapper input[type=text], .contactform-wrapper textarea{
            border: 1px solid #969b99;
            padding: 2px 5px;
            width: 100%;
        }

        .contactform-wrapper input[type=submit]{
            float: right;
            display: inline-block;
            cursor: pointer;
            border: 0 none;
            padding: 4px 7px;
        }
                
/* Stylesheet: styles Modified On 2014-11-20 09:40:48 */