/* FONTS TEXTE */
@font-face {
	font-family: 'Conv_Aleo-Regular';
	src: url(../fonts/Aleo-Regular.eot);
	src: local('☺'), url(../fonts/Aleo-Regular.woff) format('woff'), url(../fonts/Aleo-Regular.ttf) format('truetype'), url(../fonts/Aleo-Regular.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


/* FONTS NAVIGATION */
@font-face {
	font-family: 'Conv_Dosis-Bold';
	src: url(../fonts/Dosis-Bold.eot);
	src: local('☺'), url(../fonts/Dosis-Bold.woff) format('woff'), url(../fonts/Dosis-Bold.ttf) format('truetype'), url(../fonts/Dosis-Bold.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


/* FONTS NAVIGATION */
@font-face {
	font-family: 'Conv_Dosis-Regular';
	src: url(../fonts/Dosis-Regular.eot);
	src: local('☺'), url(../fonts/Dosis-Regular.woff) format('woff'), url(../fonts/Dosis-Regular.ttf) format('truetype'), url(../fonts/Dosis-Regular.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


/* FONTS SLOGAN */
@font-face {
	font-family: 'Conv_Aleo-Italic';
	src: url(../fonts/Aleo-Italic.eot);
	src: local('☺'), url(../fonts/Aleo-Italic.woff) format('woff'), url(../fonts/Aleo-Italic.ttf) format('truetype'), url(../fonts/Aleo-Italic.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}



/* FONTS TITRE ROUGE */
@font-face {
	font-family: 'Conv_Dosis-ExtraBold';
	src: url(../fonts/Dosis-ExtraBold.eot);
	src: local('☺'), url(../fonts/Dosis-ExtraBold.woff) format('woff'), url(../fonts/Dosis-ExtraBold.ttf) format('truetype'), url(../fonts/Dosis-ExtraBold.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


/* LOGO */
.logo {

}

@media(min-width:991px) {
    .not-fullscreen3 {
        height:700px;
        position: relative;
    }

    .not-fullscreen {
        height:80%;
        position: relative;
    }

    .not-fullscreen2 {
        height:350px;
        background:#000;
    }

}


@media(max-width:767px) {

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #000;
	background: rgba(0, 0, 0, 0.7);
}

}


@media(max-width:991px) {


    .logo {
        display: none;
    }



    .fullscreen,
    .contenu-1 {
        width:100%;
        overflow:hidden;

    }



    .fullscreen.overflow,
    .fullscreen.overflow .contenu-1 {
        height:100%;
        min-height:100%;

    }






    /* CONTENU */
    .contenu-1 {

        display:table;
        text-align:center;
        position: relative;


    }




    .contenu-2 {

        display:table-cell;
        position:relative;
        vertical-align:middle;
        text-align:center;
        font-family: 'Conv_Aleo-Italic';
        font-size:52px;
        color:#fff;

    }



    .not-fullscreen {

        position: relative;

    }


    .not-fullscreen {
        height:80%;
        position: relative;
    }


    .not-fullscreen3 {
        height:900px;
        position: relative;
    }


    .not-fullscreen2 {
        height:350px;
        background:#000;
    }





    /* BORDURE */
    .border-1 {
        background: url("../images/border1.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 96px;

    }


    .border-2 {
        background: url("../images/border2.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 87px;

    }


    .border-3 {
        background: url("../images/border3.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 182px;

    }


    .border-4 {
        background: url("../images/border4.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 78px;

    }


    .border-5 {
        background: url("../images/border5.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 73px;

    }


    .border-6 {
        background: url("../images/border6.png") no-repeat;
        background-size: cover;
        background-position: center 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 72px;

    }


}












/* CONFIGURATION BACKGROUND */
.background {
    background-repeat:no-repeat;

    /* POSITION BACKGROUND */
    background-position:50% 50%;

    /* ie8 */
    background-position:50% 50%\9 !important;
    position: relative;
}



/* CONFIGURATION PLEINE PAGE */
html, body {

    height:100%;
}

.fullscreen,
.contenu-1 {
    width:100%;
    height:80%;
    overflow:hidden;
}

.fullscreen.overflow,
.fullscreen.overflow .contenu-1 {
    height:auto;
    min-height:100%;
}






/* CONTENU */
.contenu-1 {
    display:table;
    text-align:center;
    position: relative;

}

.contenu-2 {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
    font-family: 'Conv_Aleo-Italic';
    font-size:52px;
    color:#fff;
}



/* STYLE VISUEL */
body{
    margin:0;
    font-family:sans-serif;
    font-size:28px;
    line-height:100px;
    color:#ffffff;
    text-align:center;
}

section {
    background:#f3f3f3;
    position: relative;
}









/* BORDURE */
.border-1 {
    background: url("../images/border1.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 96px;

}


.border-2 {
    background: url("../images/border2.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 87px;

}


.border-3 {
    background: url("../images/border3.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 182px;

}


.border-4 {
    background: url("../images/border4.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 78px;

}


.border-5 {
    background: url("../images/border5.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 73px;

}


.border-6 {
    background: url("../images/border6.png") no-repeat;
    background-size: cover;
    background-position: center 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 72px;

}

/* MODAL NOTICE */
.notice-modal .notice-logo {
    height:100px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.notice-modal span.emphasized {
    font-family: 'Conv_Dosis-Bold';
}

.notice-modal .notice-link {
    color: #337ab7;
}

.notice-modal p {
    margin-top: 1.4em;
}