@charset "UTF-8";
/* CSS Document cesar palace paris*/

* {margin:0; padding:0;}
body {
	background:#500000;
	text-align: center;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.main {width:1300px; margin:0 auto 0 auto;}
.mc-gauche {width:150px;}
.mc-droite {width:150px;}

.mc-gauche h1 {color:#500000; font-size:10px; line-height:1px;}
.mc-gauche h2 {color:#500000; font-size:9px; line-height:1px;}
.mc-gauche p {color:#500000; font-size:8px; line-height:1px;}

.mc-droite h1 {color:#500000; font-size:10px; line-height:1px;}
.mc-droite h2 {color:#500000; font-size:9px; line-height:1px;}
.mc-droite p {color:#500000; font-size:8px; line-height:1px;}

#conteneur {width:1000px; margin:auto; min-height:640px;}

.spacer {clear:both;}

.black {color:#000000;}

.titre {color:#000000; font-size:6px; float:left;}

.entete {width:100%; margin:auto;height:5px; background:#500000;}
.entete a {font-size:12px; color:#500000; float:left; letter-spacing:-5px; line-height:0px;}
.entete a:hover {color:#500000;}
.entete h1 {font-size:12px; color:#500000; float:left; letter-spacing:-5px; line-height:0px;float:left;}

/*----------------header------------------------------------------------------------------------------------------------*/

#titre {color:#999999; text-indent:-5000px;}
.bandeau {font-size:12px; margin:0 auto 0 auto; width:1000px; height:15px; color:#000000;}
.bandeau2 {font-size:12px; margin:0; color:#f92653; float:left;}

#header1 {width:1000px; height:330px; background:url(../cesarimages/bandeau-cesar-new2.png) left top no-repeat; margin:0 auto;}

#btn-resa {width:101px; height:250px; display:block; float:right; background:url(../cesarimages/btn-resa3.png) left -60px no-repeat; margin-right:80px;}
#btn-resa:hover {background:url(../cesarimages/btn-resa2.png) left -60px no-repeat;}

#btn-park {width:166px; height:86px; display:block; background:url(../cesarimages/logo-park.png) left top no-repeat;position:relative; top:0px; left:0px;}

/*------------------------------annonceur ---------------------------------*/

#annonceur {width:1000px; height:40px; background:url(http://www.cesar-palace-paris.com/cesarimages/annonceur-st-valentin-2012.png) left top no-repeat; padding-top:110px; margin-top:1px;}
#annonceur .lienleft { background:url(../cesarimages/fd-lienleft.png)left -3px no-repeat; padding-left:25px; color:#FFFFFF; text-transform:uppercase; font-size:14px;}
#annonceur .lienleft:hover {text-decoration:underline;}

#reflet {background:url(../cesarimages/fond-bas2.png) left top repeat-y; width:1000px; height:100px;}
#groupon {display:block; height:68px; width:250px; background:url(../cesarimages/btn-groupon.png) left top no-repeat; margin:6px auto 0 auto; text-indent:-5000px; }
#groupon:hover {background:url(../cesarimages/btn-groupon-actif.png) left top no-repeat;}


#btn-cassenoisette {width:200px; height:100px; float:left; padding-top:10px;}
#annonce-cassenoisette {width:600px; height:100px; float:left;}
#btn-resa {padding-top:40px;}

#haut-page {width:100%; height:5px;; background:#500000; margin:0 auto 0 auto; font-size:5px; color:#500000; margin-bottom:1px;letter-spacing:-10px;}
#haut-page h1 {color:#500000; font-size:8px;}
#haut-page a {color:#500000;}

#milieu-page {width:100%; height:20px;}
#milieu-page h1 {color:#FFFFFF; font-size:12px;}
#milieu-page a {color:#FFFFFF;}


#noel {width:500px; height:90px; float:left; color:#f92653;background:url(../cesarimages/fond-annonce2.png) left top no-repeat; }
.noel {text-decoration:none; color:#FFFFFF; display:block; width:156px; height:20px; background:url(../cesarimages/btn-annonce.png) left top no-repeat; font-size:12px; margin:35px 0 0 30px; text-indent:10px; float:left;}
.noel2 {text-decoration:none; color:#FFFFFF; display:block; width:156px; height:20px; background:url(../cesarimages/btn-annonce2.png) left top no-repeat; font-size:12px; margin:35px 30px 0 0; text-indent:-10px; float:right;}
#nouvel_an {width:500px; height:90px;float:right; color:#f92653; background:url(../cesarimages/fond-annonce3.png) left top no-repeat; }

#st-valentin {width:156px; height:20px; background:url(../cesarimages/btn-annonce.png) left top no-repeat; margin:85px 0 0 30px; float:left;}
#st-valentin a {text-decoration:none; color:FFFFFF; display:block; width:156px; height:20px; font-size:12px; text-indent:10px;}

#st-valentin2 {width:156px; height:20px; background:url(../cesarimages/btn-annonce2.png) left top no-repeat; margin:85px 30px 0 0; float:right;}
#st-valentin2 a {text-decoration:none; color:FFFFFF; display:block; width:156px; height:20px; font-size:12px; text-indent:-10px;}

/*-------------------------------menus----------------------------------------------------------------------------------*/

/*#sitenav {width:1000px; height:22px; text-align:center; font-size:14px;}
#sitenav li {float:left; list-style-type:none;margin-left:5px;}
#sitenav li a {color:#f92653; text-decoration:none;display:inline;line-height:10px;}
#sitenav li a:hover {color:#FFFFFF;}*/
/*#sitenav {height:60px; width:950px; text-align:center; margin:auto;}
#sitenav li {display:inline;}
#sitenav li a {display:block; height:60px; text-decoration:none; color:#f92653; background: url(../cesarimages/fille5_menu.png) top left no-repeat; float:left; margin-left:10px; background-position:50% 20px; font-size: 1em;}
#sitenav li a:hover {color:#FFFFFF; background: url(../cesarimages/fille3_menu.png) top left no-repeat; background-position:50% 20px;}*/


#sitenav
{
	height:60px;
	width:1000px;
	margin:1px auto 1px auto;
	padding:0 auto 0 auto;
	background: #000000;
}
#sitenav li
{
	height:60px;
	width:auto;
	float:left;
	list-style-type:none;
	
}
#sitenav li a
{
	display:block; float:left; height:60px; width:auto; text-decoration:none;
	/*background: url(../cesarimages/fille5noel_menu.png) top left no-repeat;*/
	/*background-position:50% 20px;*/
	color:#FFFFFF;
	text-transform:uppercase;
	 line-height:40px;
	font-size:14px; padding-top:10px; width:auto;text-align:center;padding-left:15px;padding-right:15px;letter-spacing:0px;
}
#sitenav li a:hover
{
	color:#a51c24;
	background: url(../cesarimages/btn-actif.png) center 30px no-repeat;
	/*background-position:50% 20px;*/
	
}
.menu-actif {background: url(../cesarimages/btn-actif.png) center 30px no-repeat;}

#menu-mc li {list-style-type:none;}
#menu-mc a {font-size:10px; color:#000000;}
#menu-mc a:hover {font-size:10px; color:#000000;}

/*--------------------------------textes liens et titres----------------------------------------------------------------*/
p {font-size:14px; color:#cbc1af; margin:10px 0 10px 0;}
h1 {font-size:18px; color:#f92653;}
a {color:#cbc1af; text-decoration:none;}
a:hover {color:#cbc1af;}
.source li {color:#cbc1af;}

.lien {color:#f92653;}
.lien:hover {color:#FFFFFF;}

.noellien {text-decoration:none; color:#FFFFFF; display:block; width:156px; height:20px; background:url(../cesarimages/btn-liens.png) left top no-repeat; font-size:11px;  text-indent:30px; }
h4 {color:#f92653;}

#menus-aleatoires {width:1000px; height:80px;background:#000000; text-align:center;}
#menus-2011 {display:block; width:250px; height:80px; background:url(../cesarimages/menus-2011.png) left top no-repeat; text-indent:-5000px; float:left; margin-left:200px;;}
#menus-2012 {display:block; width:250px; height:80px; background:url(../cesarimages/menus-2012.png) left top no-repeat; text-indent:-5000px; float:right; margin-right:200px;}

#btn-devis {display:block; width:250px; height:80px; background:url(../cesarimages/btn-devis.png) left top no-repeat; text-indent:-5000px; margin-left:125px;}
#btn-laresa {display:block; width:250px; height:80px; background:url(../cesarimages/btn-reservation.png) left top no-repeat; text-indent:-5000px; margin:auto;}
#btn-programme {display:block; width:250px; height:80px; background:url(../cesarimages/btn-programme.png) left top no-repeat; text-indent:-5000px; margin:auto;}

/*--------------------------------slider------------------------------------------------------------------------*/

#slider { width:550px; height:300px; margin:0; padding:0; float:left; margin-right:20px; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:550px; height:300px; overflow:hidden; }


/*--------------------------------blocs des pages------------------------------------------------------------------------*/

/*--------------premiere page index----------------*/
/*#colone_gauche {padding:40px O 20px 0; margin:0 0 0 100px; float:left; width:450px; height:550px;}
#colone_gauche p {text-align:justify;}
#colone_gauche h1 {text-align:left;}

#colone_droite {float:right; width:280px;height:550px; background:url(../cesarimages/menu_gauche.png) bottom right no-repeat;padding:40px O 20px 0;margin:0 100px 0 0;}
#colone_droite h1 {text-align:left;}
#colone_droite p {text-align:justify;}*/
.sous-titre {font-size:14px; text-align:center; color:#ba0420; margin-bottom:0;}

/*------------------page index definitif----------------------*/
#colone_gauche2 {float:left; width:350px;height:550px; background:url(../cesarimages/menu_gauche2.png) bottom right no-repeat;padding:40px O 20px 0;margin:0 40px 0 100px;}
#colone_gauche2 p {text-align:justify; font-size:12px;}
#colone_gauche2 h1 {text-align:left;}

#colone_droite2 {padding:40px O 20px 0; margin:0 100px 0 0; float:right; width:400px; height:550px;}
#colone_droite2 h1 {text-align:left;}
#colone_droite2 p {text-align:justify; font-size:12px;}

/*-------------page salle------------------*/
#salle {margin:auto; width:750px; text-align:center;}

/*-------------page spectacle------------------*/
.photobox {margin:15px 5px 0px 5px;;}

#spectacle {margin:auto; width:500px; text-align:center;}
#spectacle_images img {border:2px solid #CCCCCC; margin:10px;}
.livreor4 img {border:1px solid #FFFFFF; margin:20px; width:130px;}
.livreor5 img {border:1px solid #FFFFFF; margin:10px; width:240px;}
.text_img {margin:0 20px 0 20px; font-size:12px; width:130px; float:left; text-align:center;}

.livreor4 ul {width:550px; height:20px; text-align:center; font-size:12px;margin:0px 20px 0px 20px;}
.livreor4 li {display:block; width:130px; float:left; list-style-type:none;margin:0px 20px 0px 20px;}

.livreor5 ul {width:550px; height:20px; text-align:center; font-size:12px;margin:0px 20px 0px 20px;}
.livreor5 li {display:block; width:255px; float:left; list-style-type:none;}

.text2_img {margin:0 65px 0 65px; font-size:12px;}

/*-------------page dejeuner------------------*/
/*on utilise uniquement les styles spectacle et spectacle_images de la page spectacle sans modifications*/

/*-------------page diner------------------*/
#diner {margin:auto; width:900px; text-align:center;}
#menus {height:640px;}
#menus p {font-size:12px;}
#centurion {float:left; margin:10px 10px 10px 10px; width:280px;}
#cesar1 {float:left; margin:10px 10px 10px 10px; width:280px;}
#cleopatre {float:left; margin:10px 10px 10px 10px; width:280px;}
#text_diner {width:600px; margin:auto;}

/*-------------page groupes------------------*/
#groupes {margin:auto; width:950px; text-align:center;}

#menus_groupes {height:660px;}
#menus_groupes p {font-size:11px;}

#groupes #centurion {float:left; margin:10px 37px 10px 37px; width:220px;}
#groupes #centurion2 {float:left; margin:10px 37px 10px 37px; width:220px;}
#groupes #centurion3 {float:left; margin:10px 37px 10px 37px; width:220px;}

#menus_groupes2 {height:680px;}
#menus_groupes2 p {font-size:11px;}

#groupes #cesar {float:left; margin:10px 7px 10px 7px; width:220px;}
#groupes #laurier_cesar {float:left; margin:10px 7px 10px 7px; width:220px;}

#groupes #cleopatre {float:left; margin:10px 7px 10px 7px; width:220px;}
#groupes #folies_cleopatre {float:left; margin:10px 7px 10px 7px; width:220px;}

/*-------------page revue presse------------------*/
.source {padding:20px 20px 20px 0px; width:530px; margin:20px auto 0 auto; min-height:300px; text-align:justify;}
.source2 {padding:10px; width:800px; margin:auto; background:url(../cesarimages/fond_message2.png) top center no-repeat;min-height:240px; }
/*-------------page livre or ------------------*/
.livreor3 {padding:10px; width:1000px; height:auto; margin:0 auto 0 auto; background:url(../cesarimages/fond_blocs.png) top left no-repeat; min-height:220px;}
.livreor {text-align:center; padding:10px; width:550px; margin:40px auto 0 auto; background-color:#000000;}
.livreor4 {text-align:center; padding:10px; width:550px; margin:40px auto 0 auto; background-color:#000000;}
.livreor5 {text-align:center; padding:10px; width:550px; margin:40px auto 0 auto; background-color:#000000;}
.livreor2 {text-align:left; padding:10px; width:550px; margin:30px auto 0 auto;min-height:220px;}
.date {font-size:14px; color:#ba0420; margin:10px 0 10px 0;}

/*-------------page reservations ------------------*/
.reservation2 {padding:10px; width:800px; margin:auto; background:url(../cesarimages/fond_livreor.png) top center no-repeat; }
.reservation {text-align:center; padding:10px; width:500px; margin:40px auto 0 auto;}
.annonce_speciale {padding:10px; width:900px; height:auto; margin:0 auto 0 auto; background:url(../cesarimages/fond_blocs_annonce.png) top left no-repeat; min-height:100px;}
.annonce_speciale span {color:#f92653;}
/*-------------page paiement_confirme ------------------*/
#paiement_confirme {border:solid #f92653 1px; text-align:center; padding:10px; width:500px; margin:auto; background-color:#000000;}

/*---------------------------------footer--------------------------------------------------------------------------------*/

#footer {width:1000px; margin:0 auto; background:#000000;}
#footer p {font-size:10px; color:#FFFFFF; padding:10px;}
#footer a {color:#7b1419;}
#footer a:hover {color:#FFFFFF;}
#footer h1 {font-size:5px;}

#bas-page {width:1000px; height:140px; background:#000000; margin:0 auto;}
#bas-page h1 {color:#7b1419; font-size:8px; }
#bas-page h1 a {color:#7b1419;}
#bas-page h1 a:hover {color:#7b1419;}


/*---------------------------------admin--------------------------------------------------------------------------------*/

#header {background:url(../cesarimages/bandeau-cesar.png) top left no-repeat; height:250px;}

.adminav {width:1000px; height:20px; text-align:right; font-size:14px;}
.adminav li {float:left; list-style-type:none;}
.adminav li a {color:#fab4f4; text-decoration:none;margin-left:30px;}
.adminav li a:hover {color:#f92653;}

/*------------------------------page réservations groupon ---------------------------------*/

.groupon{min-height:500px;padding:10px 80px 10px 80px; background:url(../cesarimages/fond-bas2.png) left top repeat-y;}
#formGroupon {width:600px; height:120px; background:url(../cesarimages/fd-n-groupon.png) left top no-repeat; margin:auto;}
.col1 {width:360px; color:#FFFFFF; padding:15px 0 0 10px; text-align:center; font-size:14px;}
.col2 {padding:10px 0 0 0; }
.nGroupon {background:url(./images/fd-input-groupon.png) left top no-repeat; border:none; width:200px; height:30px; padding-left:10px; font-size:18px;}
.ligne2 {text-align:center;}
.groupon a {color:#FFFFFF; text-decoration:underline;}
.groupon a:hover {color:#f92653;}

/*------------------------------page réservations groupon date---------------------------------*/

#formGrouponDate {width:600px; height:auto; margin:auto; color:#b0ccfb; font-size:14px;}
.survol {height:40px;}
.survol:hover {color:#f92653;}
.coljour {width:150px; text-align:left;}
.coldate {width:200px;}
.coldispo {width:150px;}
.colreserver {width:150px; text-align:right; padding-right:15px;}

/*------------------------------page réservations groupon validate ---------------------------------*/

#valid-resa-groupon {width:600px; height:200px; background:url(../cesarimages/fd-valid-resa-groupon.png) left top no-repeat; margin:auto;}
.l1  {width:600px; height:140px; text-align:center;}
.l2  {width:600px; height:20px; text-align:center;}
.l2 a {font-size:18px;}

/*------------------------------page réservations groupon finaliser ---------------------------------*/

#finaliser-resa-groupon {width:600px; height:400px; background:url(../cesarimages/fd-form-finaliser-resa-groupon.png) left top no-repeat; margin:10px auto 0 auto; padding-top:20px; font-size:16px;}
.ask {font-size:16px; text-align:right; width:280px; color:#FFFFFF; padding-right:10px; height:40px;}
.answer {font-size:16px; text-align:left; width:310px; color:#000000; height:40px;}
.result {background:url(./images/fd-input-final.png) left top no-repeat; border:none; width:300px; height:30px; padding-left:10px; font-size:16px;}
.envoi {font-size:16px;}
#recap_resa {font-size:16px;}