/* CSS Document */
/* ========================= STYLES GENERAUX =============================== */
*{
	margin:0px;
	padding:0px;
	border:0px;
}
body{
	background:#d7d7d7 url('../design/fond_header.jpg') repeat-x;
	color:#3471c2;
	font-size:12px;
	margin:0;
	padding:0px;
	font-family: verdana, geneva, arial, sans serif;
	
	}
.justify {
	text-align:justify;
}
.center{
	text-align:center;
}
a{
	text-decoration:none;	
	color:#003C8D;
	/*font-size:13px;*/
	font-weight:bold;	
}
a:link{
	}
img{
	border:0px;
}

a:visited{
	}
a:hover{
	color:#1451a2;
	text-decoration:underline;
	}
a:active{
	}

/*h1{
	color:#CCCC99;
	font-weight:bold;
	font-size:36px;
	font-family:"tahoma";
	text-align:center;
	}
*/
h2{
	color:#3471c2;
	font-size:16px;
	text-align:center;
	padding:15px;
}
.titre{
	width:100px;
	position:relative;
	top:0px;
	left:600px;
	color:#D2CEB1;
	font-size:19px;
}

p{
	margin-bottom:5px;
	margin-top:5px;
}

/* ========================= STRUCTURE =============================== */

#conteneur {
	position:absolute;
	top:160px;
	left:50%;
	/*margin:0px auto 0px auto;*/
	margin-left:-456px;
	width: 912px;
	background: url(../design/fond_corps.png) repeat-y;
}

#egalisateur{
clear:both;
width:100%;
height: 30px;
}


/* ========================= STYLE DU HEADER =============================== */
#header{
	width:1000px;
	height:271px;
	margin:auto;
	background: #DDD url(../design/header.jpg) no-repeat;
	background-position:0px 0px;
}
#menu_haut{
	position : absolute;
	top:105px;
	left:50%;
	margin-left:158px;
}
#menu_haut ul li
{
display: inline;
padding-top: 5px;
padding-bottom:5px;
}

#menu_haut ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom:5px;
color: white;
text-decoration: none;
}

#menu_haut ul li a:hover
{
border-top:5px solid #83b5ff;
color: white;
}


/* ========================= STYLE DU CORPS =============================== */
#corps{
	margin-top:0px;
	margin-bottom:0px;
	padding:14px;
}
#panneau_spectacles, #panneau_acteur{
	float:right;
	width:150px;
	background-color:#879A49;
	border-color:#BF4341;
	border: 2px solid;
}
#panneau_acteur{
	background-color:#BF4341;
	border-color:#902030;
}

p.main_frame{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
#carteID p.main_frame{
line-height:1.5em;
}
form.main_frame{
	text-align:left;
	padding-left:75px;
	padding-right:75px;
	padding-bottom:10px;
}
textarea.description{
	width:300px;
	height:200px;
}
input.envoyer{
	width:100px;
}
h1, h3.main_frame{
	color: #e11701;
	padding-left: 40px;
	background-position:  0% 40%;
	background-repeat: no-repeat;
	font: bold 1.6em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	/*background-image: url("../design/puce.gif");*/
	/*border-bottom: 1px solid #E8AC1A;*/
	padding-bottom:10px;
	margin-bottom:10px;
	margin-right:0;
	margin-left:25px;
}
ul.liste1
{
	padding-left:100px;
}
#panneau_spectacles ul, li, #panneau_acteur ul, li{
	padding-left:0px;
	margin-left:4px;
}
ul.niveau1, li.niveau1{
	list-style-type:none;
	padding-left:0px;
	margin-left:1px;
	
}

ul.main_frame li
{
margin:10px;
}
/* ========================= STYLE DU BAS =============================== */
#bas
{
	border-top:5px solid #3470c2;
	width:900px;
	margin-left:6px;
	clear:both;
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}

/* ========================= STYLE DIVERSES PAGES =============================== */
div#transversal {
	height:180px;
	width:540px;
	margin-left:171px;
}
li.random_spec{
	font-size:14px;
	/*background-color:#708022;*/
	text-align:center;	
	/*border:1px solid;*/
	width:150px;
	margin:0px 15px;
}

#home_texte{
	/*background-color:#879A49;*/
	float:left;
	text-align:justify;
}
#home_cadre_left{
	/*background-color:#BF4341;*/
	width:50%;
	float:right;
	text-align:justify;
	padding-left:25px;
}
#navigation{
	background-color:#E8AC1A;
	width:48%;
	float:right;
	text-align:justify;
	padding:5px;
	margin-top:5px;
}

#details_spec{
	text-align: justify;
}
.categorie{
	background-color:#879A49;
	padding:5px;
	text-align:center;
}
#carteID img{
	float:left;
	padding-right:20px;
}
#carteID{
	/*position:relative;
	left:40px;*/
	float:right;
	/*background-color:#BF4341;*/
	width:250px;
	min-height:250px;
	padding:15px;
	margin-top:10px;
	border: 1px solid red;
}
#liste_spectacles{
	width:870px;
	margin: 0px 11px;
}
#liste_spectacles ul,li{
	list-style-type:none;
	float:left;
}
#liste_spectacles li{
	width:150px;
	margin:0px 10px;
}

fieldset#form_contact{
	border:0px;
}

#form_contact label{
	width:120px;
	display:block;
	float:left;
	text-align:right;
	margin-right:30px;
}
#form_contact input{
	width:200px;
	border: 1px solid #3471c2;
	margin-bottom:5px;
	background-color:#E4F1FF; /*#d7d7d7; */
}
#form_contact textarea{
	width:350px;
	width:350px;
	border: 1px solid #3471c2;
	margin-bottom:5px;
	background-color:#E4F1FF; /*#d7d7d7;*/
}
img.miniature{
	width:100px;
	height:100px;
}
img.accueil{
	width:120px;
	height:120px;
}
img.detail{
	width:300px;
	height:300px;
}
.adresse ul{
	width:100%;
}
.adresse label{
	width:70px;
	display:block;
	float:left;
}
ul.adresse{
	padding:10px 0px;
}
.adresse li{
	float:none;
	margin-left:70px;
}
img.photo_detail{
	float:right;
	padding:25px;
}