* {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	width:100%;
	min-width:600px;
	background-color:#202040;
}

#general {
	width:100%;
	max-width:1000px;
	min-width: 655px;
	display:block;
	margin:auto;
}

/*@media only screen and (max-width: 900px) {
	#general {
		width:100%;
	}
	.comment {
		font-size:1.0rem;
	}
	.casting {
		font-size:1.0rem;
	}
}*/

#entete {
	height:200px;
}

#messagespecial {
    margin:auto;
    margin-bottom:30px;
	margin-top:20px;
    padding:1.3rem;
    width:700px;
    background-color:#202030;
    color:#bbb;
    font-size:1.5rem;
    border-radius:10px; 
	border:1px solid yellow;
    text-align:center;
}

#imgEnt{
	width:100%;
	height:100%;
    background: url('imgEnteteB.jpg');
    background-repeat: no-repeat;
	background-size:100% 100%;
	display:block;
}

#nav ul {
    background-color: #000033;
    height: 42px;
	border-top:1px solid yellow;
	border-bottom:1px solid yellow;
	padding-top:5px;
}

#nav li {
    font-size: 1.5rem;
    height: 29px;
    display: inline;
    background-color: #ffffcc;
    margin-left: 8px;
    float: right;
    text-align: center;
    border-radius:3px;
}

#nav a {
    text-decoration: none;
    color: blue;
}

#nav li:hover {
    background-color: #e5c956;
    cursor: pointer;
}

.divglobal {
	width:100%;
	margin:auto;
    background-color: #202030;
    padding-bottom: 30px;
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.divglobalinfo {
    /*max-width: 800px;*/
    /*min-width: 460px;*/
	padding-top:10px;
    background-color: #202030;
    padding-bottom: 30px;
	display:block;
}

.txtBxDat {
    color: #ffff77;
	width:100%;
    text-align: center;
    background-color: #202030;
    font-weight: 500;
    Font-Size: 1.8em;
	margin:auto;
	margin-top:40px;
}

.ptitre {
	width:100%;
    color: #ccccff;
    font-size: 1.6em;
    font-style: italic;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

#foot1 {
    width: 100%;
    background-color: #202030;
	border-top:1px solid yellow;
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.pied {
	color:#ffffff;
	font-size:1.0rem;
	margin-top:10px;
	width:100%;
	display: flex;
    justify-content: space-between;
}

.pied a {
	color:#aaaaff;
	padding:10px;
	cursor:default;
}
.pied a:hover {
	color:#ffffaa;
}

h5 {
	font-size:0.9em;
	margin-top:5px;
}

.blocId {
    width: 800px;
	text-align:center;
    margin: auto;
	margin-top :50px;
	margin-bottom:30px;
	padding-top:10px;
    background-color: #ffffcc;
    padding-bottom: 20px;
}

.idCmpt {
	font-size:1.4rem;
    display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
    width: 90%;
    height: 28px;
    margin: auto;
    margin-top: 50px;
    background-color: #ffffcc;
}

.inptContact {
	font-size:1.2rem;
	background-color:#ffffff;
	padding-left:5px;
	width:680px;
	margin-left:20px;
}

/*#txtmail {
	width:90%;
    margin:auto;
    margin-top: 50px;
	margin-bottom:0px;
}

#textemail {
	width:680px;
	height:400px;
	background-color:#ffffff;
}*/

.blocFilm {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.affichBF {
    width: 280px;
    height: 370px;
	margin-top: 5px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-color:#ffffff;
	background-image: url('imageBlanche.png');
}

.titreBF {
    width: 100%;
    border: 1px solid #9999ff;
    border-radius:6px;
	background-color:#3333aa;
}

.titrBlocFilm {
	font-size: 1.5rem;
	font-weight:500;
	text-transform:uppercase;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#ffff00;
}

.blocAffichDescr {
	width:100%;
    display: flex;
	justify-content:space-between;
}

.description {
	font-size:1.3rem;
    height: 375px;
	margin-top: 6px;
	margin-left:6px;
	flex:1;/*pour que la div occupe la place restante dans la div parent. Utile car la div de gauche a une largeur fixe*/
}

.casting {
    height: 114px;
	background-color:#ffffcc;
	padding:4px;
	overflow:auto;
}

.comment {
    height: 247px;
	margin-top: 7px;
	overflow:auto;
	background-color:#ffffcc;
	padding:4px;
}

.tablHorair {
    text-align: center;
    font-size: 1.2rem;
    Width: 100%;
    margin-top: 50px;
}

.cellHor {
    width: 9%;
}

.headHorair {
    background-color: #114477;
    color: #ffff88;
    height: 50px;
}

.rowHorair {
    background-color: #7788bb;
    height: 40px;
    color: white;
}

.txtBxProch {
    width: 99%;
    padding-left: 5px;
	margin-bottom:0px;
	margin-top:0px;
    overflow: hidden;
    background-color: #7788bb;
}

#prochain {
    width: 100%;
    margin-top: 40px;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: left;
}

.id {
    display: flex;
    justify-content: space-between;
    width: 420px;
    height: 28px;
    background-color: #bbbbbb;
    margin: auto;
    margin-top: 20px;
}

.idBtn {
    display: flex;
    justify-content: flex-start;
    width: 150px;
    height: 30px;
    margin: auto;
    margin-top: 30px;
}

h4 {
    height: 20px;
    font-size:14px;
    font-weight:300;
    margin: 5px;
}

.infoCompt {
    /*max-width: 760px;*/
    text-align: center;
    /*margin-top: 30px;*/
    margin-bottom: 10px;
	color:#ffffbb;
}

#visu {
	text-align:center;
	margin-top:50px;
}

/*conteneur général titre + image fond*/
#conteneur0 {
	width:650px;
	margin-top:60px;
	padding-left:50px;
}

/*conteneur image fond + fenêtre de défilement*/
#conteneur1 {
	width:550px;
	height:492px;
	margin-top:20px;
	background-image:url('salle.jpg');
	background-repeat: no-repeat;
	background-size:100% 100%;
	padding-top:30px;
}

/*conteneur fenêtre de défilement*/
#conteneur2 {
	width:380px;
	height:180px;
    border: 1px solid white;
	overflow:hidden;
	background-color:#dddddd;
	margin-left:80px;
}

@keyframes defil {
	from {margin-top: 0px;}
	to {margin-top: -650px;}	
}

#assoc {
	width:100%;
	color:#101020;
	font-size:1.3rem;
	background-color:#dddddd;
	animation-name:defil;
	animation-duration:30s;
	animation-iteration-count: infinite;
	animation-delay: 3s;
	animation-timing-function: linear;
	padding-top:40px;
}

#local {
	width:650px;
	color:#ddddaa;
	font-size:1.6rem;
	background-color:#202030;
	margin-top:60px;
	padding-left:50px;
}

.infodetail {
	margin: 5px;
	text-align:justify;
}

.infoTitres {
	font-size:1.1em;
	color:#ddddee;	
	font-style:italic;
}

#tarif {
	width:650px;
	color:#ddddaa;
	font-size:1.6rem;
	background-color:#202030;
	margin-top:60px;
	padding-left:50px;
}

#conteneurphot {
	width:650px;
	margin-top:60px;	
	padding-left:50px;
}

#photos {
	width:550px;
	height:410px;
	animation-name:diapo;
	animation-duration:20s;
	animation-iteration-count: infinite;
	background-image:url('dia-1.jpg');
	background-repeat: no-repeat;
	background-size:100% 100%;
	margin-bottom:0px;
	margin-top:35px;
}

@keyframes diapo {
  20%  {background-image:url('dia-1.jpg');}
  40%  {background-image:url('dia-2.jpg');}
  60%  {background-image:url('dia-3.jpg');}
  80%  {background-image:url('dia-4.jpg');}
  100% {background-image:url('dia-5.jpg');}
}

#lettre {
	margin-top:30px;
	width:80%;
	color:#ffffff;
	font-size:1.1em;
	text-align:left;
}
.actu{
	margin-top:50px;
	width:90%;
	color:#bbbbff;
	font-size:1.1rem;
	text-align:left;	
}
.actuTxt{
	color:#ffffff;
	font-size:1.1rem;
	text-align:left;
	margin-bottom:20px;
}