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: 850px;}
	
#titre{font-family:'Oswald';color:#525d64;text-decoration: underline;}	

#mentions{font-family:'Oswald'; font-weight:lighter;}



		





#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;}


.menubas:hover {text-decoration: underline;}

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