@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}
body {
	background-color: #000000;
	text-align: center;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#conteneur {width:1000px; margin:auto; min-height:640px;}

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

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

#reflet {background:url(../cesarimages/reflet-cesar.png) left top no-repeat; width:100%; height:90px;}

#haut-page {width:100%; height:40px; background:url(../cesarimages/fond_haut.png) left top repeat-x;}
#haut-page h1 {color:#f92653; font-size:8px;}
#haut-page a {color:#f92653;}

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

/*-------------------------------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:auto;
	padding:0 auto 0 auto;
}
#sitenav li
{
	height:60px;
	width:90px;
	float:left;
	list-style-type:none;
	text-align:center;
}
#sitenav li a
{
	display:block; float:left; height:60px; width:100px; text-decoration:none;
	background: url(../cesarimages/fille5_menu.png) top left no-repeat;
	background-position:50% 20px;
	color:#f92653;
	font-size:13px;
}
#sitenav li a:hover
{
	color:#FFFFFF;
	background: url(../cesarimages/fille3_menu.png) top left no-repeat;
	background-position:50% 20px;
}
/*--------------------------------textes liens et titres----------------------------------------------------------------*/
p {font-size:14px; color:#999999; margin:10px 0 10px 0;}
h1 {font-size:18px; color:#f92653;}
a {color:#999999; text-decoration:none;}
a:hover {color:#999999;}

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


/*--------------------------------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:#f92653; 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------------------*/
#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; width:530px; margin:20px auto 0 auto; min-height:240px; 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:800px; margin:auto; background:url(../cesarimages/fond_livreor.png) top center 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:#f92653; 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;}

/*-------------page paiement_confirme ------------------*/
#paiement_confirme {border:solid #f92653 1px; text-align:center; padding:10px; width:500px; margin:auto; background-color:#000000;}

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

#footer {width:100%; margin:auto;}
#footer p {font-size:10px; color:#FFFFFF; padding:10px;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#FFFFFF;}
#footer h1 {font-size:5px;}

#bas-page {width:100%; height:120px; background:url(../cesarimages/fond_bas.png) left top repeat-x;}
#bas-page h1 {color:#f92653; font-size:8px;}
#bas-page h1 a {color:#f92653;}
#bas-page h1 a:hover {color:#f92653;}


/*---------------------------------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:#FFFFFF;}