/*RESET*/
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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*STYLES GENERAUX*/
body {
    
    background-image : url( 'images/fond.jpg' ) ;
    background-size : 130% ;
    
}

#teinte {

    width : 100% ;
    height : 100% ;
    display : flex ;
    flex-direction : column ;
    align-items : center ;
    background : linear-gradient( rgba( 219,  243 , 245 , 0.075 ) , rgba( 109 , 90 , 78 , 0.726 ) ) ;

}

button {

    border-radius : 5px ;

}

/*PARTIE HEADER*/
header {

    display: flex;
    align-items: center;
    justify-content: space-around;

}

#logo {

    width : 211px ;
    position : relative ;
    right : 20px ;

}

#conteneurDiaporama {

    overflow : hidden ;
    margin : 50px ;
    border-radius : 5px ;
    display: flex;

}

#diaporama {

    display : flex ;
    position : relative ;

}

#fleche_indications {

    position : relative ;
    right : 25px ;

}

#dessinIndications {

    display : flex ;
    flex-direction : column ;

}

#indications {

    height : 68px ;
    width : 67% ;
    position : relative ;
    left : 107px ;

}

/*PARTIE SECTION*/
#map {

    border : 3px solid rgb( 59 , 59 , 59 ) ;
    border-top-left-radius : 10px ;
    
}

section {

    display : flex ;
    justify-content : center ;
    
}

#titreSection {

    display : none ;

}

#encart {

    background-color : rgba( 133 , 133 , 133 , 0.842 ) ;
    width : 318px ;
    height : 600px ;
    color : rgb( 241 , 241 , 241 ) ;
    padding : 15px ;
    font-size : 1.2em ;
    font-Weight : 800 ;
    border-top-right-radius : 50px ;
    border-bottom-right-radius : 50px ;
    font-family : Bahnschrift ;

}

#divEncart{

    width : 100% ;
    flex-direction : column ;
    align-items : center ;
    display : none ;

}

li {

    margin-bottom : 25px ;

}

li span {

    font-weight : 100 ;

}

#description {

    margin-bottom : 40px ;

}

.traitsCSS {

    border : 1px solid rgba( 54 , 54 , 54 , 0.4 ) ;
    width : 24% ;
    height : 0px ;

}

#divTitreReservation {

    width : 100% ;
    display : flex ;
    margin-bottom : 30px ;
    align-items : center ;
    font-size : 1.4em ;

}

#titreReservation {

    color : rgb( 54 , 54 , 54 ) ;
    font-weight : 800 ;
    margin-left : 15px ;
    margin-right : 15px ;

}

#canvas {

    border : 10px solid rgb( 31 , 47 , 74 ) ;
    border-right : 0px ;
    border-left : 0px ;
    background-color : rgb( 197 , 197 , 197 ) ;
    margin-bottom : 30px ;
    
}

#boutonValider {

    margin-bottom : 15px ;
    background-color : rgb( 93 , 172 , 90 ) ;
    border-bottom : 6px solid #164119 ;
    border-right : 4px solid rgb( 195 , 240 , 191 ) ;
    border-top : 2px solid rgb( 195 , 240 , 191 ) ;
    border-left : 4px solid rgb( 195 , 240 , 191 ) ;
    font-weight : 900 ;
    font-size : 15px ;
    color : #f1efef ;

}

#boutonEffacer {

    margin-bottom : 15px ;
    background-color : rgb( 204 , 38 , 38 ) ;
    border-bottom : 6px solid #5f0f0f ;
    border-right : 4px solid rgb(187 , 139 , 139 ) ;
    border-top : 2px solid rgb( 187 , 139 , 139 ) ;
    border-left : 4px solid rgb( 187 , 139 , 139 ) ;
    font-weight : 900 ;
    font-size : 15px ;
    color : #f1efef ;
}

#divBoutons {

    display : flex ;

}

/*PARTIE FOOTER*/
footer {

    height : 100px ;
    width : 1000px ;
    background-color : rgb( 255 , 255 , 255 ) ;
    border : 2px solid rgb( 59 , 59 , 59 ) ;
    border-left : 5px dotted rgb( 59 , 59 , 59 ) ;
    border-right : 5px dotted rgb( 117 , 41 , 41 ) ;
    border-top : 0px ;
    margin-bottom : 29px ;
    display : flex ;
    flex-direction : column ;
    justify-content : center ;
    align-items : center ;
    border-radius : 3px ;
    font-weight : 600 ;
    color : rgb( 78 , 78 , 78 ) ;
    padding : 10px ;
    
}

footer p {

    margin-bottom : 30px ;

}

#boutonAnnulation {

    display : none ;

}