body {margin: 0;padding: 0;font-family: Raleway,sans-serif;
     background-size: auto 100%;background-color:rgb(255, 255, 255);}
body, html {height: 100%}
@font-face {font-family: 'Raleway';font-weight: 400;src: url('fonts/Raleway-Regular.ttf')}
@font-face {font-family: 'Raleway';font-weight: 700;src: url('fonts/Raleway-Bold.ttf') }
@font-face {font-family: 'Raleway';font-weight: 600;src: url('fonts/Raleway-Medium.ttf') }
@font-face {font-family: 'Raleway';font-style: italic;src: url('fonts/Raleway-Italic.ttf') }
@font-face {font-family: 'Raleway';font-weight: 700;font-style: italic;src: url('fonts/Gravity-BoldItalic.otf')}

a{text-decoration:none; color:inherit;}


.en_tete{height: 60px;margin: 0;padding: 0;caret-color: transparent;}
.nav{line-height: 0px;margin-left: auto;margin-right: auto;background-color:transparent ;opacity:100%;height: 60px;}  /* avant text-align: left; */
.nav img{height:60px}
.sticky_nav {position: fixed;top: 0;width: 100%;z-index:200;}
/* .sticky_nav + .content {padding-top: 30px;}  */

#corps_centre{padding:60px 25% 80px 25%;text-align:justify}
#titresection_centre{padding-top:40px; text-align:center}

.bas_de_page{text-align: center; margin-left: auto;margin-right: auto; padding: 0 ;height: 20px;line-height:10px;font-size:small;color:gray}


#SMPpresente {text-align:center; padding: 8% 3% 7% 3% ;color:white}

#sections_centre{padding:70px 15% 0px 15%;text-align:center}
#sections_centre_menu{padding : 0;margin : 0; display:inline-block;text-align: center;list-style : none; line-height : 100px; font-weight: 100;font-size : 20px; 
	margin-left: auto;margin-right: auto;height:420px; position:relative;color : white}
#sections_centre_menu a{display : block; text-align: center;padding : 0 0;width : 300px;color : white; text-decoration : none; }
#sections_centre_menu a:hover  {background-color: rgba(150,150,150,0.5)}
#sections_centre_menu li{float : left;display:inline;padding: 0 0 ;margin : 3px 3px; background-color: rgba(0, 0, 0,0.4);border: 0px solid rgba(255, 255, 255,1)}

#apropos{padding:20px 34% 110px 34%;text-align:justify}
#apropos h1{font-size:x-large;}

#bandeau_contact{padding:80px 34% 130px 34%;text-align:justify;background-image: url(images/levideur0-frise.png);background-repeat: no-repeat;background-size: cover;color:white}
#bandeau_contact a:hover{color:rgba(255,255,255,0.7)}
#bandeau_contact p{font-size:Large}
#bandeau_contact h1{font-size:x-large;}

#bandeau_autourdeSMP{padding:80px 34% 130px 34%;text-align:justify}
#bandeau_autourdeSMP h1{font-size:x-large;}

.multicolonnes_gallery_section figure {margin: 5% 0 80px 0; padding:0 ;border: solid white 3px;}
.multicolonnes_gallery_section img:hover {opacity:95%}
.multicolonnes_gallery_section {margin-left: auto;margin-right: auto; padding: 0% 7.5%; display:grid;  grid-template-columns: 33% 33% 33% ; grid-gap:1%;}
.titre_film_alaffiche{color:var(--color4);font-size:x-large}
.titre_film{color:var(--color4);font-size:large}
.cat_film{font-size:small;color:gray}
.description_film{font-size:small;text-align:justify}


.multicolonnes_project figure {margin: 0; padding:0 ;}
.multicolonnes_project {margin-left: auto;margin-right: auto; padding: 20px 16% 75px 16%; display:grid;  grid-template-columns: 55% 35% ; grid-gap:10%;}
.details_project{color:gray}

.buttons_project{align-self: center;} 
.buttons_projet_img {height:16px;vertical-align:middle}
.button_alignright{text-align: right;flex-grow: 1;}
.button_alignleft{text-align: left;flex-grow: 1;}
#nav_buttons_project{display:flex; flex-flow:row wrap; align-items: center; opacity:75% }


.topbandeau_project {padding: 0 2%;margin:0}
.buttons_retour{display: flex;align-items: center;opacity:60%}
.buttons_retour_img {height:18px}

#apropos-lateral p {text-align:left}
.project-lateral{text-align:justify}
.video-project-lateral iframe{ position: absolute;
    top: 0;
    left: 0;width:100%;height:100%}
.video-project-lateral{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}


.noweb{display: none;}


@media screen and (max-width: 1000px) {

	#corps_centre{padding:50px 3% 20px 3%;text-align:justify}
	#titresection_centre{padding-top:60px; text-align:center}

	#sections_centre{text-align:center;margin:0 0;padding:0}
	#sections_centre_menu{padding : 0;margin :70px 0; display:inline-block;text-align: center;list-style : none; line-height : 75px; font-weight: 100;font-size : 20px; 
		margin-left: auto;margin-right: auto;height:320px; position:relative;color : white}

	#sections_centre_menu a{display : block; text-align: center;padding : 0 0;width : 100%;color : white; text-decoration : none; }
	#sections_centre li{margin:2px 15%;padding:0;width : 70%}
	#sections_centre ul{font-size:medium}

	#SMPpresente {text-align:center; padding: 8% 3% 0px 3% ;color:white}
	#SMPpresente p {font-size:small}

	#bandeau_contact{padding:30px 3% 40px 3% ;text-align:justify;}
	#bandeau_contact p {font-size:medium;}
	#bandeau_contact h1{font-size:x-large;}
	#apropos{padding:40px 4% 50px 4%;text-align:justify}
	#apropos h1{font-size:x-large;}
	#bandeau_autourdeSMP{padding:30px 3% 40px 3% ;text-align:justify}
	#bandeau_autourdeSMP h1{font-size:x-large;}

	.multicolonnes_gallery_section {padding: 40px 3% 40px 3%;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-gap:0%;}
	.multicolonnes_gallery_section figure {margin: 5% 0; padding:0 ;border: solid white 0px;}
	.titre_film{color:var(--color4);font-size:large}

	.multicolonnes_project{padding: 35px 0 50px 0; grid-template-columns: 1fr;grid-template-rows: 1fr; grid-gap:5px;}
	.project-lateral{text-align:justify;padding:0 3%}
	.multicolonnes_project figure {margin:0;padding:0;}
	.multicolonnes_project figure img{width:100%}
	#apropos-lateral{padding: 0 0 0 0;text-align:justify}
	/* #apropos-lateral-SMP{padding: 30px 3%;margin:0; background-image: url(images/levideur0-frise.png);background-repeat: no-repeat;background-size: cover;color:white;} */
	#apropos-lateral-SMP{padding: 3px 3% 20px 3%;margin:0; background-color:rgb(239, 239, 239)}

	#apropos-lateral-contact{padding: 0 3%;margin:0}

	.topbandeau_project {padding: 10px 3% 0 3%;margin:0}
	.buttons_retour{display: flex;align-items: center;opacity:60%;font-size: smaller;}
	.buttons_retour_img {height:16px}

	.nav{line-height: 0px;text-align: left;margin-left: auto;margin-right: auto;background-color: transparent;height: 45px;border-bottom: 1px solid rgb(216, 216, 216)} 
	.nav img{height:45px}
	.sticky_nav {display: none;}
	.sticky_nav + .content {padding-top: 0;}
	.bas_de_page{height: 30px;margin-top:10%;font-size:x-small;color:gray}
	.nomobile{display: none;}
	.noweb{display: inline;}

	/* haut | droit | bas | gauche */
  }