body {background-color:#739aa2;}
body {font-size: 16pt;}
body {line-height: 30pt;margin:0;}
/*body {background:url(../images/logoseul.png) fixed center no-repeat;}*/


#header{background-color: #739aa2;width:1140px;height:80px; color:white;font-size: 18pt;position:fixed;top:0;border-bottom:2px solid white;left:50%;margin-left:-570px;z-index: 10000}

/* couleur des puces menu du bas*/

#header a{color: white;font-size: 18pt;font-family:'Oswald'; font-weight:bold;margin:0 auto 0;}
#header a{font-family:'Oswald';font-weight:bold,arial,verdana,serif,sans-serif;}

.contactmenu{border-right:2px solid white;padding-right:20px;background-position:right;}

#header li{ display:inline-block;list-style-type:none;padding-left:10px;margin:10px; /*background: red;*/ border-left:2px solid white;}
#header ul{float:right;margin-right:5px;margin-top:10px;}
#logo img{float:left;height:150px;}


/* Touche accueil normal et hover*/
.index:hover {background-image:url(../images/accueil.png);background-repeat: no-repeat;background-position:30px center;}
/* Touche saison normal et hover*/
.saison:hover {background-image:url(../images/la-saison.png);background-repeat: no-repeat;background-position:40px center;}
/* Touche billeterie normal et hover*/
.billeterie:hover {background-image:url(../images/billetterie.png);background-repeat: no-repeat;background-position:40px center;}
/* Touche infos pratiques normal et hover*/
.infospratiques:hover {background-image:url(../images/infos-pratiques.png);background-repeat: no-repeat;background-position:70px center}
/* Touche contact normal et hover*/
.contactmenu:hover {background-image:url(../images/contact.png);background-repeat: no-repeat;background-position:center;}
li:hover a{color:transparent!important;}


.bandeautitre{position:fixed;}

#content {color: #739aa2;}
#content {font-family:'Oswald'; font-weight:medium;padding:20px;height:900px;}

#titre{font-family:'Oswald';color:#525d64;text-decoration: underline;}	
#soustitre{padding-left:50px;}
li {font-family:'Oswald';font-weight:lighter;}

.texte1{margin-left:30px ;float: left;}
.texte2{margin-left: ;}
#handicape{margin-left:10px;margin-right: 20px; float:left;padding-top:20px}

.bandeautitre{position:fixed-top;}
iframe{width:1140px; height:450px;border:0;}


		





#footer {height:180px; background-color: white;font-size: 15pt; line-height: 20pt;
		font-family:'Oswald';font-weight:lighter;color :#739aa2;margin-top: 100px;}
		
#footer a{font-family:'Oswald'; font-weight:lighter;}
		
.informations {list-style-type: none; color: black;}

#ensemblemenubas {float: left;width:360px;margin:20px 20px 20px 20px; /*background: red;*/ border-left:2px solid #739aa2;border-right:2px solid #739aa2;}
#ensemblemenubas a{color:#739aa2;text-decoration:none;}

#ensemblemenubas a:hover {color:black!important;}

/* Touche contact normal et hover*/
 	.contact{height: 25px; background-image:url(../images/contact-nouveau-theatre-de-compiegne-.png);background-repeat: no-repeat;border: 5px solid white;}
 	.contact:hover {height: 25px; background-image:url(../images/hover-contact-nouveau-theatre-de-compiegne-.png);background-repeat: no-repeat;border: 5px solid white;}


/* TOUCHES RESERVER*/
/* touche réserver normal et hover*/
 .reserver{height: 80px;width: 80px;padding-right: 600px; background-image:url(../images/reserver-des-places-de-spectale-le-nouveau-theatre-de-compiegne.png);background-repeat: no-repeat;float: right;background-position: center;}
 .reserver:hover {height: 80px;background-image:url(../images/hover-reserver-des-places-de-spectale-le-nouveau-theatre-de-compiegne.png);}

 /* TOUCHES PLUS D'INFOS*/
/* touche plus d'infos normal et hover*/
 	.plusinfos{height: 80px;width:80px;padding-left:380px;background-position: right;background-image:url(../images/plus-infos-le-nouveau-theatre-de-compiegne.png);background-repeat: no-repeat;float: left;}
 	.plusinfos:hover {height: 80px; background-image:url(../images/hover-plus-infos-le-nouveau-theatre-de-compiegne.png);}

#informations{float: left;width:260px;height: 150px;padding-top:10px;}
.contact{float: left;width:100px;margin-top:120px;}
#reseauxsociaux div{display:inline-block;float: left;padding-top: 40px;}
#resauxsociaux{width:380px;}
/* RESEAUX SOCIAUX*/
.reseauxsociaux {height: 400px;display:inline-block}
/* FACEBOOK noir et couleur*/
 .facebook{height: 40px;width:40px; background-image:url(../images/facebook-du-nouveau-theatre-de-compiegne.png);background-repeat: no-repeat; display:inline-block;}
 .facebook:hover {height: 40px; background-image:url(../images/hover-facebook-du-nouveau-theatre-de-compiegne.png);display:inline-block;}
 

/* TWITTER noir et couleur*/
 .twitter{height: 40px;width:40px; background-image:url(../images/twitter-du-nouveau-theatre-de-compiegne.png);background-repeat: no-repeat;display:inline-block;}
 .twitter:hover {height: 40px;background-image:url(../images/hover-twitter-du-nouveau-theatre-de-compiegne.png);display:inline-block;}

 /* google+ noir et couleur*/
 .google{height: 40px; width:40px;background-image:url(../images/google-du-nouveau-theatre-de-compiegne.png);background-repeat: no-repeat;display:inline-block;}
 .google:hover {height: 40px;background-image:url(../images/hover-google-du-nouveau-theatre-de-compiegne.png);display:inline-block;}
 

a {text-decoration: none;outline:none;}

li :hover {color:red;}

/* bandeau sur le cote*/
#cotenathalieportman {padding-left: 50px;margin:20px; border-radius:20px 0 0 20px;font-size:10pt;font-family:Oswald; font-weight:bold;box-shadow:rgba(0,0,0,0,5);line-height:15pt;font-family:'Oswald';font-weight:bold;color:black;position:fixed;right:-215px;bottom:0;background-color:rgba(233,214,189,0.7);background-position: center left; background-repeat: no-repeat;background-image:url(../images/Page-web-avec-tranches-WEB_25.png);transition: all 1s; }
/* HOVER bandeau sur le cote*/
#cotenathalieportman:hover{right:-20px; }


#container{width: 1140px; margin:130px auto 0;background-color:white;}
.clearfix{clear:both;}