@charset "UTF-8";
@font-face
{
    font-family:RolandBecker;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;

    src:url("../font/rlrdb-webfont.eot");
    src:
        url("../font/rlrdb-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/rlrdb-webfont.woff") format("woff"),
        url("../font/rlrdb-webfont.ttf") format("truetype"),
        url("../font/rlrdb-webfont.svg#rolandbeckerregular") format("svg");
}
@font-face
{
    font-family:SFMovie;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;

    src:url("../font/sf_movie_poster2-webfont.eot");
    src:
        url("../font/sf_movie_poster2-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/sf_movie_poster2-webfont.woff") format("woff"),
        url("../font/sf_movie_poster2-webfont.ttf") format("truetype"),
        url("../font/sf_movie_poster2-webfont.svg#sf_movie_posterregular") format("svg");
}
@font-face
{
    font-family:Rage;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;

    src:url("../font/rage-webfont.eot");
    src:
        url("../font/rage-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/rage-webfont.woff") format("woff"),
        url("../font/rage-webfont.ttf") format("truetype"),
        url("../font/rage-webfont.svg#windsongregular") format("svg");

}

root, 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
}
:focus {
    outline:0;
}
body {
    line-height:1;
    color:black;
    background:white;
}
ol, ul {
    list-style:none;
}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:"";
}
blockquote, q {
    quotes:"" "";
}
img
{
    overflow:hidden;
}

/*
#############
##couleurs ##
#############

principale:#AF0000
principale_hover:#ED0000

*/


/*
##########################
## html, body et commun ##
##########################
*/

html{
    height:100%;
    width:100%;
}
body{
    width:100%;
    height:100%;
    color:#3c3c3c;
    background:#BD0200;
}
#fond_page{
    background-color:#dbd5cc;
    width:100%;
}
#page{
    width:900px;
    margin:auto;
    background:white;
}
.contenu{
    margin:auto;
    padding:20px;
    background:white;
    width:860px;
    overflow:hidden;
    font-family:Arial, sans-serif;
    position:relative;
    z-index:5;
}
.contenu2{
    margin:auto;
    padding:40px;
    background:white;
    width:820px;
    overflow:hidden;
    font-family:Arial, sans-serif;
}
a{
    text-decoration:none;
    color:#3c3c3c;
}
a:hover, a:focus{
    text-decoration:underline;
}
.gras{
    font-weight:bold;
}
.italique{
    font-style:italic;
}
.colomn2_text {
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:0.5rem;
    -moz-column-gap:0.5rem;
    column-gap:0.5rem;
    margin:0.5rem 0 0 0.5rem;
}
ul.colomn2_text{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:0rem;
    -moz-column-gap:0rem;
    column-gap:0rem;
    list-style-position:inside;
    margin-left:21px !important;
}

/*
############
## HEADER ##
############
*/

#bloc_header
{
    width:100%;
    background-color:#FFF;
    position:relative;
    z-index:5;
}

#bloc_header2
{
    display:none;
    background-color:#FFF;
    border-top:5px solid #AF0000
}

header
{
    width:900px;
    margin:auto;
    color:white;
    background-color:#FFF;
    overflow:hidden;
    position:relative;
    z-index:5;
}

/*
##########
## MENU ##
##########
*/

#bloc_menu{
    width:100%;
    height:50px;
    margin-bottom:-50px;
    background-color:#AF0000;
    border-top:6px solid #000;
    position:relative;
    z-index:5;
}
#menu{
    height:50px;
    width:900px;
    margin:auto;
    background-color:#AF0000;
    font-family:RolandBecker;
    overflow:hidden;
    position:relative;
    z-index:5;
}
#menu li{
    display:inline-block;
    overflow:hidden;
    vertical-align:top;
}
#menu a{
    display:block;
    text-align:center;
    line-height:50px;
    font-size:20px;
    text-decoration:none;
    color:#FFFFFF;
    transition:
        background-color 0.4s linear 0s,
        color 0.4s linear 0s;
}
#menu #barreMenu_lien1{
    width:140px;
}
#menu #barreMenu_lien2{
    width:233px;
}
#menu #barreMenu_lien3{
    width:141px;
}
#menu #barreMenu_lien_fin{
    width:144px;
}

#menu a:hover,
#menu a:focus,
#menu .pageSite_actuelle,
#menu .menu_barre_verti_sel
{
    background-color:#FFFFFF;
    color:#AF0000;
    transition:
        background-color 0.4s linear 0s,
        color 0.4s linear 0s;
}

.barreMenu_barre_verti
{
    transition:background-color 0.4s linear 0s;
    height:50px;
    width:1px;
    background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(2%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(98%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
    background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%);
    background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%);
}



/*
############
## FOOTER ##
############
*/

#bloc_footer
{
    height:180px;
    width:100%;
    margin-top:-16px;
    background-color:#BD0200;
    border-top:16px solid #000;
    position:relative;
    z-index:4;
}



#bloc_footer2
{
    display:none;
}

footer
{
    height:180px;
    width:900px;
    background-color:#BD0200;
    margin:auto;
    margin-top:-180px;
    overflow:hidden;
    position:relative;
    z-index:5;
}

footer a
{
    text-decoration:none;
    color:#FFF;
}

footer a:hover, footer a:focus
{
    text-decoration:underline;
}

footer > div
{
    display:inline-block;
    overflow:hidden;
    clear:both;
    vertical-align:top;
}

footer > .bloc_pied
{
    height:180px;
    width:299px;
    font-family:Arial, serif;
    font-size:14px;
    line-height:19px;
    color:#FFF;
}

footer > .bloc_pied > h3
{
    margin-top:21px;
    margin-left:26px;
    padding:0px;
    font-size:30px;
    line-height:30px;
    font-family:SFMovie, Comic, serif;
    color:#FFF;
}

footer > .bloc_pied > div
{
    margin-top:13px;
    margin-left:23px;
}

footer > .bloc_pied > div > img,
footer > .bloc_pied > div > a > img
{
    margin-right:15px;
    vertical-align:top;
    color:white;
    margin-top:2px;
}

footer > .bloc_pied > div > img
{
    background-color:#AF0000;
}

footer > .bloc_pied > div > ul
{
    display:inline-block;
    font-size:14px;
}

footer > .barre_verti
{
    height:180px;
    width:1px;
    background:-moz-linear-gradient(top,  rgba(199,199,199,0) 0%, rgba(199,199,199,1) 20%, rgba(199,199,199,1) 80%, rgba(199,199,199,0) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,0)), color-stop(20%,rgba(199,199,199,1)), color-stop(80%,rgba(199,199,199,1)), color-stop(100%,rgba(199,199,199,0)));
    background:-webkit-linear-gradient(top,  rgba(199,199,199,0) 0%,rgba(199,199,199,1) 20%,rgba(199,199,199,1) 80%,rgba(199,199,199,0) 100%);
    background:-o-linear-gradient(top,  rgba(199,199,199,0) 0%,rgba(199,199,199,1) 20%,rgba(199,199,199,1) 80%,rgba(199,199,199,0) 100%);
    background:-ms-linear-gradient(top,  rgba(199,199,199,0) 0%,rgba(199,199,199,1) 20%,rgba(199,199,199,1) 80%,rgba(199,199,199,0) 100%);
    background:linear-gradient(rgba(199,199,199,0) 0%,rgba(199,199,199,1) 20%,rgba(199,199,199,1) 80%,rgba(199,199,199,0) 100%);
}

#footer_logo
{
    background-color:#AF0000;
    color:white;
    width:300px;
    height:180px;
    overflow:hidden;
}

/*
############
## DIVERS ##
############
*/


#background_pied
{
    position:relative;
    top:0px;
    left:0px;
    margin-top:-80px;
    width:100%;
    height:150px;
    background-color:#731128;

    visibility:collapse;
}

/*
####################
## PAGE :CONTACT ##
####################
*/

#contact
{
    font-family:Arial, serif;
}

#contact > #formulaire{
    width:320px;
    height:645px;
    float:left;
    margin-left:53px;
    margin-top:20px;
    position:relative;
    z-index:20;
}
#contact > #presentation{
    width:300px;
    height:465px;
    margin-right:53px;
    margin-top:20px;
    float:right;
}
#contact > iframe{
    width:752px;
    height:460px;
    margin:46px 0px 46px 53px;
    border:1px solid #AF0000;
    background-color:#AF0000;
    position:relative;
    z-index:10;
}

/* FORMULAIRE */

#formulaire > form
{
    width:320px;
}

#formulaire > h3
{
    font-family:Arial, serif;
    font-size:22px;
    font-weight:bold;
    margin-bottom:9px;
}

#formulaire > form > label
{
    display:block;
    margin-bottom:5px;
    font-size:13px;
    position:relative;
    z-index:30;
}

#formulaire > form > input,
#formulaire > form > div > input
{
    width:310px;
    border:1px solid silver;
    box-shadow:none;
    margin-bottom:9px;
    border-radius:3px;
    padding:4px;
    transition:
        border 0.3s linear 0s,
        box-shadow 0.3s linear 0s;
}

#formulaire > form > input:hover, #formulaire > form > input:active, #formulaire > form > input:focus
{
    border:1px solid #AF0000;
    box-shadow:0px 0px 5px #AF0000;
    transition:
        border 0.3s linear 0s,
        box-shadow 0.3s linear 0s;
}

#formulaire > form > textarea
{
    width:310px;
    min-width:310px;
    max-width:310px;
    height:118px;
    min-height:5rem;
    border:1px solid silver;
    margin-bottom:10px;
    padding:4px;
    border-radius:5px;
    transition:
        border 0.3s linear 0s,
        box-shadow 0.3s linear 0s;
    box-shadow:none;
    position:relative;
    z-index:25;
}

#formulaire > form > textarea:hover, #formulaire > form > textarea:active, #formulaire > form > textarea:focus
{
    border:1px solid #AF0000;
    box-shadow:0px 0px 5px #AF0000;
    transition:
        border 0.3s linear 0s,
        box-shadow 0.3s linear 0s;
}

#formulaire > form > div > #submitFormContact
{
    margin-top:7px;
    margin-left:20px;
    width:200px;
}

#formulaire > form > div > #submitFormContact:active, #formulaire > form > div > #submitFormContact:hover, #formulaire > form > div > #submitFormContact:focus
{
    border:1px solid #AF0000;
    box-shadow:0px 0px 2px #AF0000;
    transition:
        border 0.2s linear 0s,
        box-shadow 0.2s linear 0s;
}

/* PRESENTATION */

#presentation
{
    font-family:Arial, serif;
}

#presentation ul li
{
    font-size:17px;
    line-height:30px;
}

#presentation ul li h3
{
    font-family:Arial, serif;
    font-size:22px;
    font-weight:bold;
}

#presentation img
{
    border:1px solid #AF0000;
    width:298px;
    margin-top:19px;
    background-color:#AF0000;
    color:#634C4C;
}

#presentation #horaire
{
    margin:11px 0px 13px 0px;
    border:1px solid #AF0000;
    text-align:center;
    padding:10px 0px 10px 0px;
}

#presentation #horaire h3
{
    margin-bottom:5px;
}

#presentation #horaire .heure
{
    margin-top:-10px;
}



/* ERREUR FORMULAIRE */

.erreurTraitement
{
    color:#8d1b35;
}

.frm_champInvalide
{
    background-color:rgba(228, 100, 100, 0.5);
}


/*
#############################
## PAGE :MENTIONS LEGALES ##
#############################
*/

#mentionsLegales
{
    color:#3c3c3c;
    font-family:Arial, serif;
}

#mentionsLegales > div
{
    border:1px solid #AF0000;
    padding:20px;
    width:300px;
    float:right;
    clear:both;
}

#mentionsLegales > div > ul > li
{
    margin:10px 0px;
}

#mentionsLegales > div > h3
{
    font-size:20px;
    line-height:25px;
}

#mentionsLegales > h3
{
    font-size:20px;
    line-height:25px;
}

#mentionsLegales > ul
{
    font-size:15px;
    line-height:20px;
}

#mentionsLegales > p
{
    font-size:12px;
    line-height:18px;
    text-align:justify;
    margin-top:5px;
}


/*
###########################
## PAGE :MESSAGE SUCCES ##
###########################
*/

#succes > img
{
    margin:auto;
    margin-top:75px;
    margin-bottom:75px;
    margin-left:275px;
    width:350px;
    height:220px;
}

/*
#############
## ACCUEIL ##
#############
*/

#accueil > p
{
    font-size:20px;
    line-height:24px;
    font-family:Verdana, Arial, serif;
    text-align:justify;
    margin:20px 10px 10px 10px;
}

#carrousel
{
    width:858px;
    height:538px;
    border:1px solid #AF0000;
    background-color:#AF0000;
    position:relative;
    overflow:hidden;
}

.slide
{
    position:absolute;
    top:0;
    left:0;
    width:916px;
    height:212px;
}

.navigation
{
    position:absolute;
    bottom:5px;
    right:5px;
}

.navigation span
{
    background:#AF0000;
    color:#FFF;
    padding:2px 4px;
    cursor:pointer;
    margin:0 1px;
}

.navigation span:hover,.navigation span.active
{
    background:#FFF;
    color:#AF0000;
}

/*
################
# PAGE GALERIE #
################
*/

#galerie
{
    margin:auto;
    margin-top:10px;
    width:840px;
}

#galerie h2
{
    font-size:24px;
    line-height:28px;
    margin-bottom:10px;
}

#galerie img
{
    overflow:hidden;
    width:200px;
    height:150px;
    background-color:#006198;
    border:1px #006198 solid;
}

#galerie img:hover
{
    border:1px #008CD8 solid;
}

#galerie .ligne
{
    width:840px;
    overflow:hidden;
    margin-bottom:8px;
}

#galerie .ligne .interPhoto
{
    display:inline-block;
    width:10px;
    height:150px;
}


/*
##########
# PAGE 1 #
##########
*/
#page1 > h1{
    font-size:34px;
    margin-bottom:15px;
}
#page1 > p{
    font-size:17px;
    line-height:21px;
    text-align:justify;
    margin-top:20px;
}
#page1 > ul{
    margin-top:10px;
    margin-left:36px;
    font-size:17px;
    line-height:23px;
    list-style-type:disc;
}
#page1 > ul.page1_galerie{
    margin-left:0px;
    list-style:none;
    -webkit-columns:4;
    -moz-columns:4;
    columns:4;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px;
    width:100%;
    padding-left:1px;
    margin-top:6px;
}
#page1 > ul.page1_galerie > li > a > img{
    width:205px;
    border:1px solid #0068A1;
}

.barre_horizontale
{
    height:2px;
    border-top:2px solid #AF0000;
    border-bottom:1px solid #AF0000;
    margin:20px 10px 20px 10px;
}

form .captcha{
    padding:0.5rem;
    margin:1rem 0;
    background-color:#DDD;
    max-width:500px
}
form .captcha p{
    margin:0 0 0.5rem;
    font-size:0.95rem
}
form .captcha img{
    width:100%;
    max-width:200px;
    vertical-align:middle
}
form .captcha input,
#formulaire > form > div > input,
#contactFormulaire .captcha input{
    margin-top:0.25rem;
    display:inline-block;
    width:6rem;
    vertical-align:middle
}