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

/* ---------- HTML STANDARD -------------------------------------------- */
body {	
	background-color: #4b125a;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	line-height: 1em;	
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
hr {
	color: #4B125A;
	height:1px;
}
h1 {
	color: #4b125a
}
h2 {
	color: #4b125a
}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;		
	color: #4b125a
}
h4 {
	color: #4b125a
}
/* liens */
a {	
	font-size: 12px;  
	font-weight: normal; 
	color: #502656;	
	text-decoration: none
}
a:hover { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #84598e}

.a1 { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #FFFFFF
}
.a1:hover { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #84598e
}

.a2 { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #502656
}
.a2:hover { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #84598e
}
/* champs formulaires */
.inputfile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B125A;
	border: thin none #FFFFFF;
	background-color: #FFFFFF
}
input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B125A;
	border: thin none #FFFFFF;
}
/* ------------- DIV de présentation graphique Interface -------------------- */
#web_menu_manager {
	width: 1280px;
	overflow:hidden;
	text-align: left;
}



#web {
	width: 1280px;
	overflow:hidden;
}
/* HAUT GAUCHE */
#web_actions {
	width: 140px; height: 306px;
	background-color:#4b125a;
	background-image:url(/images/film2_hg.jpg);
	background-position:right;
	float:left; display:inline;
}
/* HAUT CENTRE */
#web_logo {
	width: 380px; height: 306px;
	float:left; display:inline;
	background-color:#4b125a;
	background-image:url(/images/film2_h.jpg);
	text-align:left;
}
/* HAUT DROITE */
#web_menu {
	width: 760px; height: 306px;
	float:left; display:inline;
	background-color:#4b125a;
	background-image:url(/images/fond_menu.jpg);
}
/* BANDEAU + MENU */
#web_bandeau {
	width: 1140px; height: 306px;
	float:left; display:inline;
	background-color:#4b125a;
	background-image:url(/images/film2_bandeau.jpg);
	text-align:right;
}

/* GAUCHE ANNONCEURS */
#web_push1  {
	width: 114px; height: 402px;
	float:left; display:inline;
	background-color:#4b125a;
	/*background-image:url(/images/film_g.jpg);*/
	text-align:right;
	padding-right:14px;
}
/* PAGE CENTRALE DE CONTENU */
#web_page {
	width: 998px; height: 402px;
	float:left; display:inline;
	background-color:#fdedf8;
	color: #4b125a;
	text-align:left;
	overflow:auto;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 1em;
}
/* DROITE ANNONCEUR */
#web_push2 {
	width: 116px; height: 402px;
	float:left; display:inline;
	background-color:#4b125a;
	/*background-image:url(/images/film_d.jpg);*/
	overflow:visible;
	text-align:right;
	padding-left:14px;
}
/* BAS FOOTER */
#web_footer {
	width: 1280px; 
	height: 20px; 
	float: none;
	text-align:right;
}
/* CREDITS DU BAS */
#web_credits {
	width: 1280px; height: 20px; float:right;
	background-color:#4b125a;
	padding-top: 0.2em;
	padding-right: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em
}
#web_credits a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	color: #FFFFFF;
}
/* fenetre message d'erreur */
#web_message_erreur_flotant {
	z-index: 9999;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
	text-align:center;
	position: absolute;
	margin-left: -300px;
	margin-top: 100px;
	left: 50%;
	border: thin solid #FF0000;
	background-color: #FFFFFF;
	padding: 2px;
}
#web_message_erreur {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
	text-align:center;
	border: thin solid #FF0000;
	background-color: #FFFFFF;
	padding: 2px;
	display: none;
}
#web_message_erreur .error_fermer {
	text-align:right;
}
#web_message_erreur .error_ok {
	font-size: 10px;
	font-weight:bold;
	color: #FF0000;
	border: 0px solid #FF0000;
	width:auto;
	padding-top: 2px;
	background-color: #FFFFFF;
}
#web_message_info {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9E4ABA;
	font-weight:bold;
	text-align:center;
	border: thin solid #9E4ABA;
	background-color: #FFFFFF;
	padding: 2px;
	display: none;
}
#web_message_info .info_fermer {
	text-align:right;
}
#web_message_info .info_ok {
	font-size: 10px;
	font-weight:bold;
	color: #9E4ABA;
	border: 0px solid #9E4ABA;
	width:auto;
	padding-top: 2px;
	background-color: #FFFFFF;
}
/* =========================== BLOC STANDARD FILM + CONTENU  =================================== */
#web_film {
	padding: 5px;
	float: none;
}
#web_film .ok {
	background-color: #4b125a;
	color: #FFFFFF;
	padding-left: 3px;
}
#web_film .saisie {
	color: #4B125A;
	border: thin none #FFFFFF;
	width: 200px;
}
#web_film .saisie_courte {
	color: #4B125A;
	border: thin none #FFFFFF;
	width: 80px;
}
#web_film .span50 {
	width: 450px;
	text-align:left;
	float:left;
	display:block;
}
#web_film label {
	width: 150px;
	text-align:left;
}
/* =========================== BULLES GRAPHIQUES =================================== */
.web_bulle1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1em; 
	color: #4b125a; 
	float:none; 
	padding-top:5px; 
}
.web_bulle1 .hg, .web_bulle1 .hd, .web_bulle1 .bg, .web_bulle1 .bd { 
	height: 9px; 
	width: 9px; 
	background-repeat: no-repeat; 
	float:left; 
}
.web_bulle1 .hg { 
	top: 0px; left: 0px; 
	background-image: url("/images/cadre_rond_hg.gif");
	background-position: left top; 
}
.web_bulle1 .hd { 
	top: 0px; 
	right: 0px; 
	background-image: url("/images/cadre_rond_hd.gif");
	background-position: right top; 
}
.web_bulle1 .bg { 
	bottom: 0px; left: 0px; 
	background-image: url("/images/cadre_rond_bg.gif"); 
	background-position: left bottom; 
}
.web_bulle1 .bd { 
	bottom: 0px; 
	right: 0px; 
	background-image: url("/images/cadre_rond_bd.gif"); 
	background-position: right bottom; 
}
.web_bulle1 .h, .web_bulle1 .b { 
	height: 9px; 
	background-color: #FFFFFF; 
	float:left; 
}
.web_bulle1 .d, .web_bulle1 .g { 
	background-color: #FFFFFF; 
	float:left; 
}
.web_bulle1 .txt { 
	text-indent: 12px; 
	text-align:right; 
	color: #4b125a; 
	background-color: #FFFFFF; 
	float:left; 
}

.web_bulle2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1em; 
	color: #4b125a; 
	float:none; 
	margin-bottom: 12px; 
}
.web_bulle2 .hg, .web_bulle2 .hd, .web_bulle2 .bg, .web_bulle2 .bd { 
	height: 9px; 
	width: 9px; 
	background-repeat: no-repeat; 
	float:left; 
}
.web_bulle2 .hg { 
	top: 0px; 
	eft: 0px; 
	background-image: url("/images/cadre_rond2_hg.gif");
	background-position: left top; 
}
.web_bulle2 .hd { 
	top: 0px; 
	right: 0px; 
	background-image: url("/images/cadre_rond2_hd.gif");
	background-position: right top; 
}
.web_bulle2 .bg { 
	bottom: 0px; 
	left: 0px; 
	background-image: url("/images/cadre_rond2_bg.gif"); 
	background-position: left bottom; 
}
.web_bulle2 .bd { 
	bottom: 0px; 
	right: 0px; 
	background-image: url("/images/cadre_rond2_bd.gif"); 
	background-position: right bottom; 
}
.web_bulle2 .h, .web_bulle2 .b { 
	height: 9px; 
	background-color: #4b125a; 
	float:left; 
}
.web_bulle2 .d, .web_bulle2 .g { 
	background-color: #4b125a; 
	float:left; 
}
.web_bulle2 .txt { 
	text-indent: 12px; 
	text-align:left; 
	color: #FFFFFF; 
	background-color: #4b125a; 
	float:none; 
}
/* =========================== BLOC LOGIN GAUCHE =================================== */
.login { 
	width: 120px; 
	position: relative; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1em; 
	color: #FFFFFF; 
	text-align:right; 
	padding-top: 10px;
	padding-right: 12px; 
}
	
.login input { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B125A;
	border: thin none #FFFFFF;
	width: 100px;
}
.login .lib_user { 
	text-align: right;
}
.login .log_user {
	padding-top: 3px;
	text-align: right;
	text-indent: 2px;
}
.login .lib_pwd { 
	padding-top: 5px;
	text-align: right;
}
.login .log_pwd {
	margin-top: 3px;
	text-align: right;
	text-indent: 2px;
}
.login .log_ok {
	color: #FFFFFF;
	border: thin none #FFFFFF;
	width:auto;
	padding-top: 1px;
	background-color: #7F27A1;
	padding-right: 1px;
	margin-top: 5px;
	
}
/* =========================== BLOC CHOIX DES LANGUES =================================== */
.choixlangue {
	width: 120px;
	padding-top: 15px;
	padding-right: 12px;
	text-align: right;
}
/* =========================== PARTIE MANAGER =================================== */
#manager {

}
#manager_menu {
	padding-top: 1px;
	text-align:left;
}
#manager input {

}
/* =========================== PARTIE PARTENAIRES =================================== */
.partenaire_push {
	width: 100px;
	margin: 0px;
	padding-top:2px;
}
.partenaire_nom {
	width: 100px;
	text-align:center;
	font-weight:bold;
	color: #4B125A;
}
.partenaire_info {
	width: 100px;
	text-align:left;
	font-size: 0.8em;
	color: #4B125A;
}
.partenaire_lien { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #502656
}
.partenaire_lien:hover { 
	font-size: 12px;  
	font-weight: normal; 
	text-decoration: none; 
	color: #84598e
}
/* =========================== PARTIE CONTACTS =================================== */
#contacts {
	padding: 5px;
	
	float: none;
	
}
#contacts  .saisie {
	width: 300px;
	
}
#contacts  .demande {
	width: 600px;
	height: 130px;
	
}
#contacts  .ok {
	color: #FFFFFF;
	border: thin none #FFFFFF;
	width:auto;
	padding-top: 1px;
	background-color: #4b125a;
	padding-right: 1px;
	margin-top: 5px;
}

/* -------------------------------------- fiche depot ----------------------------------- */
#depots {
	width: 980px;  height: 350px;
	float:none;
	padding: 3px;
	text-align:left;
}
#depots .line {
	width: 400px;
	height:22px;
	float:none;
	padding: 1px;
}
#depots .ok {
	background-color: #4b125a;
	color: #FFFFFF;
	padding-left: 3px;
}
#depots_1 {
	float: left;
	width: 250px;
	vertical-align: top
}
#depots_1 .saisielong {
	width:200px
}
#depots_2 {
	float: left;
	width: 450px;
	vertical-align: top
}
#depots_2 .saisielong {
	width:200px;
}
#depots_3 {
	float: left;
	width: 450px;
	vertical-align: middle
}