/* ________________________________________________________*/
/* CONTENEURS                                              */
#conteneur		{ width:980px; height:700px; margin:0 auto; text-align:left; padding:0; position:relative; background:url('../img/cie-des-astres-theatre-pontchartrain.jpg') no-repeat; top:15px;}
#header			{ width:845px; height:100px; position:relative; margin:0; padding:0; background:url('../img/logo-cie-des-astres-theatre-pontchartrain-2.png') no-repeat top left; padding-top:25px; left:25px; text-align:right;}
#logo			{ display:block; width:100%; height:100%; }
#logo span		{ }
#corps 			{ position:relative; width:900px; height:500px; text-align:left; }
#footer			{ clear:both; float:none; height:30px; margin-left:150px; position:absolute; bottom:0;}

/* ________________________________________________________*/
/* BALISES                                                 */
html			{ padding:0; margin:0;}
body			{ background:#E6E6E6; color:#484C4C; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; text-align:center;}
a				{ color:#932b24; text-decoration:none; }
a:visited		{}
a img			{ border:none;}
a:hover			{ color:#932b24;}
p				{ margin:0 0 20px; text-align:justify; }
img				{ -moz-box-shadow:0 0 25px 5px #777; -webkit-box-shadow: 0 0 10px #666; margin-bottom:15px; display: block; margin-left: auto; margin-right: auto;}
img.no_border	{ border:none;}

#main object	{ position:absolute; z-index:40; top:-10px; padding:0; }
#titletip		{ background-color: #BA4E56; color:#fff; margin-top:40px; margin-left:75px; padding-left:10px; padding-right:10px; -moz-box-shadow:0 0 25px 5px #E6E6E6; -webkit-box-shadow: 0 0 10px #E6E6E6;} 

h1 				{ color:#484C4C; font-size:20px; }
h2				{ font-size:1.5em; margin:0 0 4px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
h3 				{ font-size:1.2em; margin:0 0 4px; color:#484C4C; }
h4				{ font-size:1.2em; margin:0; font-style:italic;}
h5				{ }
ul,ol			{ padding:0 0 0 14px; margin-left:30px; list-style-position:outside; list-style-type:square;}
li				{ padding-left:0;margin-left:0; margin-bottom:4px; }
dl				{ }
dl dd			{ padding:0; margin:0;}
dl dd p			{ padding:0; margin:0; }
acronym			{ cursor:pointer; }

fieldset		{ border:none; padding:0;}
label			{ display:block; font-weight:bold;}
input, select, textarea{ width:350px; border:1px solid #8c99a3; background:#FFF; margin-bottom:6px; color:#777; padding:3px;}
input:hover, select:hover, textarea:hover{ }
textarea:hover{ background-position:top;}
label.error { float: none; color:#F80; margin-top:-10px; }
.submit			{ background:#718A91; color:#FFF; width:auto; margin:0; border:none;}
#bouton_promo	{ width:150px;}

table			{ background:#cecece; padding:6px; }
thead			{ background:#4f4f4f; color:#fff; font-weight:bold; }

.encart			{ width:100%; color:#484C4C; font-size:10px; margin:0; margin-top:80px; position:absolute; clear:both; float:none; }
.encart a		{ color: #838383;}
.encart a:hover	{ color:#932b24;}
.encart p		{ text-align:center;}
.encart h2		{ }
.encart h3		{ }
.encart h4		{ }

/* ________________________________________________________*/
/* CLASSES                                                 */
.article			{ clear:both; float:none;}
.left				{ float:left; margin:0 10px 10px 0; }
.right				{ float:right; margin:0 0 10px 10px; }
.center				{ text-align:center;}
.cale				{ display:block; clear:both; float:none; height:0; }
.margin				{ margin:15px; }
.bouton_lien		{ background-color:#856B58; padding:3px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.addthis_button		{ margin-left:15px; position:absolute; bottom:10px; width:auto;}
.bordeaux			{ color:#932b24;}
.diapo				{ display:block;float:left; width:100px; height:90px; margin-right:5px; }
.insert				{}

/* Colonnes (defaut) */
.c1					{ width:540px; height:90%; float:left; position:relative; margin:25px 0 0 180px;}
.c2					{ width:110px; height:117px; float:right; position:relative; margin:30px 140px 0 0;}
.c3-1				{ width:30%; float:left; position:relative; margin:0 0; }
.c3-2				{ width:30%; float:left; position:relative; margin:0 15px 0 200px;}
.c3-3				{ width:100%; float:right; position:relative; margin:15px 15px; text-align:right; }/*TITRE DU HEADER*/
.c4					{ width:540px; float:left; position:relative; margin:35px 0 0 220px;}
.c6					{ width:540px; float:left; position:relative; margin:35px 0 0 220px;}
/* Header */
#retour				{ position:absolute; display:block; width:150px; height:115px; margin:0 0 0 25px;}


/* NAVIGATION */
#navigation			{ position:absolute; top:165px; left:25px; width:130px; z-index:10;}
#navigation ul		{ padding:0; margin:0; }
#navigation ul ul	{ display:none; height:auto; width:123px; position:absolute; left:96px; top:0; }
#navigation li		{ list-style:none; list-style-position:inside; width:auto; float:left; position:relative; margin-bottom:3px; padding:0; }
#navigation li li	{ float:none; clear:both; }
#navigation li.current{ }
#navigation ul a	{ display:block; width:123px; height:22px; background:url('../img/cie-des-astres-pontchartrain.png') no-repeat; padding:5px 0 0 5px; text-decoration:none; color:#932b24; font-size:12px;}

#tl,#tr,#br,#bl	{ background:url('../img/coins-corps.png') no-repeat; width:10px; height:10px; position:absolute; }
#tl				{ top:0; left:0; background-position:-10px -10px; }
#tr				{ top:0; right:0; background-position:0 -10px; }
#br				{ bottom:0; right:0; background-position:0 0; }
#bl				{ bottom:0; left:0; background-position:-10px 0; }

#overlay2 { 
	background:#FFF;
	width:600px;
    color:#efefef; 
    height:450px; 
	display:none;
}
#splash-screen,
#overlayVideo {
	width:620px;
    color:#efefef; 
    height:390px; 
	display:none;
	z-index:1000;
} 
#overlayVideo .close { 
    background:#F80 url(../img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* SOUS-RUBRIQUES */
.menu_images	{ margin:5px;}
.menu_images a	{ display:block; background:url('../../www/img/cie-des-astres-jouars-pontchartrain.png') no-repeat; width:110px; height:22px; padding:5px 0 0 5px; text-decoration:none; color:#932b24; font-size:12px;}

/* MODELES */
.accueil .c3-2	{ width:66%; height:82%; float:left; position:relative; margin:15px 0 50px 180px;}

.modele1 .c1		{ width:650px;}
.modele1 img		{ display: block; margin-left: auto; margin-right: auto;}

.modele2 .c1		{ width:600px;}
.modele2 img 		{ margin:10px 10px 10px 10px;}

.modele-sous-nav .c1		{ width:540px; float:left;}
.modele-sous-nav .c2		{ width:30px; float:right;}
.modele-sous-nav .c2 ul		{ margin-left:0;}
.modele-sous-nav .c1 li		{ margin-left:15px;}
.modele-sous-nav .c1 img	{ display: block; margin-left: auto; margin-right: auto;} 
.modele-sous-nav .c2 li		{ list-style:none;}

.diaporamas .c1 			{ width:540px; float:left;}
.diaporamas #corps p		{ width:400px; height:15px;}
.diaporamas .c1 a img		{ width:90px;} 
.diaporamas .c2				{ width:30px; float:right;}
.diaporamas .c2 ul			{ margin-left:0;}	
.diaporamas .c2 li			{ list-style:none;}
.diapo						{ margin-bottom:50px;}


.contact .c1		{ width:350px; margin-top:15px;}
.contact .c1 p		{ width:350px;}
.contact .c2		{ width:150px;}
.contact .c4		{ width:600px; margin-left:180px; margin-top:0; margin-bottom:0;}
.contact .c1 #message_true	{ max-width:150px;}
.txterror { color: black; font-size: 11px; }

.modele-liens .c1		{ width:540px; float:left; height:auto;}
.modele-liens .c4		{ width:220px; float:left; margin:0 0 0 150px; font-size:10px;}
.modele-liens .c4 li	{ margin-left:0;}
.modele-liens .c6		{ width:220px; float:left; margin:0 0 0 20px;}
.modele-liens .c6 li	{ margin-left:0; font-size:10px;}
.modele-liens .c2		{ width:30px; float:right;}
.modele-liens .c2 ul	{ margin-left:0;}
.modele-liens .c2 li	{ list-style:none;}

/* POPUP */
#people			{ text-align:left;}
#people h2		{ height:150px; background:url('../img/logo-cie-des-astres-theatre-pontchartrain-2.png') no-repeat top left; text-align:right; margin:40px 50px 0 30px;}
#people p		{ margin:30px 100px 0 100px; padding:0;}
#people p img	{ display:inline;}
#bouton	{ float:right; background-color:#009933;}
#sortir			{ font-size:10px; margin:50px 0 0 550px; font-style:italic; position:absolute;}

.modele-troupe ul			{ list-style-type:none; margin:0 15px 0 15xp; padding:0}
.modele-troupe ul li		{ padding-left:0;}
.modele-troupe ul li a		{ display:block;float:left; width:90px; }
.modele-troupe ul li a img	{ width:70px;}
.modele-troupe .c1			{ height:230px; width:650px;}
.modele-troupe .c1 h2		{ margin-bottom:25px;}
.modele-troupe .c2			{ height:96px; width:650px; float:left; margin-left:180px; margin-top:10px;}
.modele-troupe .c2 ul		{ margin-bottom:0;}
.modele-troupe .c4			{}

/* VIDEO */

.modele2 .c1		{ width:660px;}
.modele2 .c1 h2		{ width:320px;}
.modele2 .c1 h3		{ width:320px; float:right; font-size:1.5em; margin:0 0 4px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

/* NEWSLETTER */
#newsletter						{ width:980px; background-color:#969696; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; text-align:center;}
#contenu_newsletter				{ background-color:#c0c0c0; left:25%; margin:0 auto; width:50%; position:absolute; text-align:left;}
#logo_newsletter			{ width:259px; float:left; margin:0; padding:0;}
.contenu_newsletter_gauche		{ width:259px; float:left; padding-top:90px;}
.contenu_newsletter_droit		{ width:500px; float:right; margin:15px;}
.contenu_newsletter_droit h2	{ color:#a62711;}
.contenu_newsletter_droit p		{}