/**
 * Style principale du site
 */
/** GENERAL **/
body {
    background-image: url('../images/interface/bg-main.jpg');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-color: #002f59;
    font-family: sans-serif;
}
a {
    color: #dd5e14;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
label,
p.submit input {
    cursor: pointer;
}
div.clear {
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
}
/** /GENERAL **/
/** ERROR MESSAGES **/
.error {
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    margin: 5px 150px 5px 150px;
    text-align: center;
    border: 1px solid #d8000c;
    color: #d8000c;
    background-color: #FFBABA;
}
/** /ERROR MESSAGES **/
/** HEADER **/
#header {
    height: 51px;
    background-image: url('../images/interface/bg-header-main.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-color: transparent;
}
#header .center {
    width: 1150px;
    margin: 0 auto 0 auto;
}
#header .center a {
    float: left;
}
#header h1 {
    float: left;
}
#header p {
    float: right;
    margin: 5px 90px 0 0;
}
/** /HEADER **/
/** WRAPPER **/
#wrapper {
    width: 100%;
    background-image: url('../images/interface/bg-wall.jpg');
    background-position: 50% 0px;
    background-repeat: no-repeat;
}
/** /WRAPPER **/
/** ILLUSTRATION **/
#illustration {
    width: 974px;
    margin: 51px auto 0 auto;
    background-color: transparent;
}
    .illustration-size-l {
        height: 307px;
        background-image: url('../images/interface/illustration-l-default.jpg');
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .illustration-size-xl {
        height: 367px;
        background-image: url('../images/interface/illustration-xl-default.jpg');
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .illustration-size-xxl {
        height: 426px;
    }
/** /ILLUSTRATION **/
/** CONTENT **/
#content {
    width: 974px;
    margin: 0 auto 0 auto;
    background-image: url('../images/interface/logo-france.jpg');
    background-repeat: no-repeat;
}
    .size-l {
        height: 164px;
        background-position: 888px 100px;
    }
    .size-xl {
        height: 223px;
        background-position: 888px 159px;
    }
    .size-xxl {
        height: 283px;
        background-position: 888px 219px;
    }
#content .title {
    height: auto;
    text-align: center;
    background-image: url('../images/interface/border-title-bottom.gif');
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
    #content .title h2 {
        height: 17px;
        color: #0094d1;
        font-size: 17px;
        font-weight: normal;
        padding: 9px 0 9px 0;
    }
        #content .title h2 strong {
            color: #19265e;
            font-weight: normal;
        }
/** /CONTENT **/
/** ACCUEIL **/
div.accueil div.offres {
    width: 350px;
    height: 164px;
    float: left;
    font-size: 11px;
    margin: 0 0 0 15px;
}
    div.accueil div.offres h2 {
        text-align: center;
        margin: 5px 0 5px 0;
    }
    div.accueil div.offres ul {
        height: 120px;
        line-height: 1.2em;
    }
    div.accueil div.offres ul li {
        clear: both;
        padding: 5px 0 5px 0;
        height: 30px;
    }
    div.accueil div.offres .logo {
        float: left;
        width: 85px;
        height: 25px;
    }
    div.accueil div.offres .texte {
        float: left;
        width: 230px;
        margin: 0 0 0 13px;
    }
    div.accueil div.offres a {
        text-decoration: none;
        color: #9297ab;
    }
    div.accueil div.offres a:hover {
        text-decoration: underline;
    }
    div.accueil div.offres a strong {
        color: #0b2652;
        font-weight: bold;
    }
    div.accueil div.offres .attente {
        margin: 16px 0 0 43px;
    }
    div.accueil div.offres .voir-offres {
        text-align: right;
        font-size: 11px;
        margin: 0 30px 0 0;
    }
    div.accueil div.offres .voir-offres a {
        color: #0093D1;
        text-decoration: underline;
    }
    div.accueil div.offres .voir-offres a:hover {
        color: #0093D1;
        text-decoration: none;
    }
div.accueil .photo {
    float: left;
    width: 234px;
}
div.accueil .reseauxsociaux {
    background-image: url('../images/interface/bg-social.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    float:left;
    width:195px;
    height:165px;
    padding: 0;
    margin: 0 20px 0 20px;
}
    div.accueil .reseauxsociaux ul {
        margin: 52px 0 0 0;
        width: 195px;
    }
    div.accueil .reseauxsociaux ul li {
        text-align: center;
    }
    div.accueil .reseauxsociaux a {
        font-size: 11px;
        text-decoration: none;
        color: #000;
    }
div.accueil .newsletter {
	width: 300px;
	margin: 40px 0 0 20px;
	float: left;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 11px;
}
	div.accueil .newsletter .subtitle {
        line-height: 13px;
	}
	div.accueil .newsletter .texte {
        color: #dd5e14;
        padding: 7px 0;
	}
	div.accueil .newsletter .input {
        float: left;
        margin: 3px 0;
	}
	div.accueil .newsletter .submit {
        float: left;
        margin: 0 10px;
	}

div.accueil .concours {
    float: left;
    width: 400px;
}
    div.accueil .concours h2 {
        font-family: Geneva, Verdana, sans-serif;
        font-size: 19px;
        color: #dd5e14;
        font-weight: normal;
        text-transform: uppercase;
        margin: 20px 0 0 5px;
        padding: 0 0 0 16px;
        background-image: url('../images/interface/asterisque-concours.gif');
        background-position: 5px 2px;
        background-repeat: no-repeat;
    }
    div.accueil .concours p.subtitle {
        font-family: Geneva, Verdana, sans-serif;
        font-size: 14px;
        color: #cd173d;
        margin: 0 0 0 22px;
    }
    div.accueil .concours p.texte {
        color: #9397ab;
        font-size: 11px;
        margin: 10px 0 0 22px;
        width: 300px;
        height: 38px;
    }
    div.accueil .concours p.bouton {
        float: left;
        margin: 10px 0 0 22px;
    }
    div.accueil .concours p.logo {
        float: right;
        margin: 0 20px 0 0;
    }
/** /ACCUEIL **/
/** QUESTIONS **/
div#content.questions .title h2 {
    font-size: 14px;
    font-weight: bold;
}
    div#content.questions .title h2 strong {
        font-weight: bold;
    }
/** /QUESTIONS **/
/** FOOTER **/
#footer {
    clear: both;
    font-size: 10px;
    width: 974px;
    height: 30px;
    margin: 0 auto 0 auto;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
    #footer a {
        text-decoration: underline;
        color: #5087ab;
    }
    #footer a:hover {
        text-decoration: none;
    }
    #footer .left {
        float: left;
        margin: 10px 0 0 3px;
    }
    #footer .right {
        float: right;
        margin: 10px 3px 0 0;
    }
    #footer ul li {
        background-image: url('../images/interface/border-footer-lst.gif');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        float: left;
        padding: 0 10px 0 10px;
    }
    #footer ul li.first {
        background-image: none;
        padding: 0 10px 0 0;
    }
/** /FOOTER **/
/** BOX **/
.box {
    background-color: #ffffff;
    height: 100%;
    font-size: 11px;
    color: #9397ab;
}
.box .content {
    margin: 20px 0 0 0;
}
.box .title {
    height: auto;
    text-align: center;
    background-image: url('../images/interface/border-title-bottom.gif');
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
    .box .title h2 {
        height: 17px;
        color: #0094d1;
        font-size: 17px;
        font-weight: normal;
        padding: 9px 0 9px 0;
        text-transform: uppercase;
    }
    .box .title h2 strong {
        font-weight: normal;
        color: #19265e;
    }
/** /BOX **/
/** CREDITS **/
.box .credits {
    text-align: center;
    margin: 60px 0 0 0;
}
.box .credits .logo {
    margin: 20px 0 0 0;
}
/** /CREDITS **/
/** CONTACT **/
.box .contact {
    padding: 40px 120px 0 120px;
    font-size: 12px;
}
.box .contact address {
    font-style: normal;
    margin: 10px 0 20px 0;
}
/** /CONTACT **/