/* Copyright 2009 http://www.sf-i.net */
*{margin:0;padding:0;font-size:1em;color:black;border:0;text-decoration:none;list-style:none;background:transparent;}

body {
	background:#fef5e8;
	font-size:12px;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* polices */
h1, h2, h3, h4, h5, h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#19457d;}
.text, .introduction{font-family:Geneva, Arial, Helvetica, sans-serif}	

/* divers */
.nettoyeur{font-size:.01em; float:none; clear:both;line-height:.01em;height:.01em;}
.invisible {display:none;}
hr {border-top:1px solid black;clear:both;float:none;}
.bt{color:white;padding:.5em 1em;text-decoration:None;font-weight:bold;cursor:pointer;}
.btw{color:#19457d;padding:.5em 1em;text-decoration:None;font-weight:bold;cursor:pointer;}
.text a.bt {text-decoration:None;}
.cpr{display:none}
.bbtm {height:1px; float:none; clear:both; border-bottom:1px solid #aaa; margin:20px 0px;}
button {cursor:pointer;}
.biger {font-size:1.15em; font-weight:bold;}
.errorlist li{color:#19457D;font-style:italic}



/* liens courrants */
a {color:#19457d; text-decoration:None}

/* entete des pages */	
#banner {background:#Dccfbc;}
#head {
	background:url('/icons/image_fond.jpg') 0 0 repeat-x;
	margin-bottom:4em;
	
}

#headcontent {
	width:1024px; 
	margin:0 auto;
	padding:1px 0px 0 0;
	position:relative;
	height:174px;
	background:url('/icons/bandeau1.jpg') 0 0 no-repeat;	
	}
#logosite {position:absolute; top:0; left:0;}
#usertools {
	color:white;
	font-size:.9em;
	float:right;
	margin-bottom:10px;
	position:relative;
	height:16px;	
	}
#usertools a,#connect {
	color:white;
	padding:.2em 1em;
	background:#20204B;
	border-left:1px solid white;
	}
#usertools a:first-child{border-left:none;}
#usertools #flag {color:white;padding:.2em 0 .2em 1em;}
#usertools #flag img {vertical-align:text-bottom;}
#langswitch, #login {
	background:#FEF5E8;
	display:none;
	padding:1em;
	border:1px solid #19457d;
	position:absolute;
	top:3em;
	right:30%;
	z-index:600;
	width:340px;	
	}
#login th {display:block; width:100px;}
#login input {width:}	
	
#searchform {float:right;margin-right:1em;height:78px; margin-top:20px;}
#searchform form {padding:0}
#searchform p {margin:1em 0;font-size:.9em;text-align:right;}
#searchform p a {color:white;text-decoration:none;}
#searchform p img {vertical-align:middle ;padding-left:10px;}

/* menu */
#menu {
	clear:both;
	margin-top:10px;
	position:relative;
	background:url('/icons/menu.png') repeat-x 0 0;
	height:40px;}
#menu li {
	text-align:center;
	float:left;
	width:112px;
	height:40px;
	border-left:1px solid #aaa;
	}
#menu li:first-child{border-left:none;}	
#menu li a {color:black;text-decoration:none;transparent}
#menu li a img {}
#menu .navbar{
	position:absolute;
	width:1024px;
	top:40px; 
	left:0;
	background:#fef5e8;
	height:1.31em;
	padding:.5em 0;
	text-align:left;
	z-index:0;
	}
#menu .navbar a{
	padding:4px 1em;
	font-weight:bold;
	color:#19457d;
}

#menu .navbar a:hover{text-decoration:underline;}	
.on {background:rgb(254, 245, 232); }
.on  .navbar {font-weight:normal;display:block;}
.navbar {display:none;}


#userspace {margin-right:1em;}
#flag{cursor:pointer;}

/* contenu des pages */
#page {width:1024px; margin:0 auto;}
#conteneur {width:884px; float:left;padding:0 10px;}
.introduction{font-weight:bold;margin-bottom:1em;text-align:justify;}
.text{text-align:justify;}
.text img {max-width:884px;}
.logo{float:left;margin-right:10px; margin-bottom:10px;position:relative;}
.logo img {}
.desc {font-size:.85em;}
.desc img {margin:5px 5px 0 0; float:left;}

.text a, .introduction a, #download a {text-decoration:underline;}
.auteur {text-align:right;font-weight:bold;font-style:italic;margin:40px 0;}
.midmidle{width:50%; margin:3em auto;}
.border{border:1px solid #19457d; padding:1em; }
#roundcornerwhite {padding:20px;margin:20px 0 0 0;}
.btblue {padding:5px;color:white;}

#dateform fieldset p {float:left;margin-left:20px;}
#dateform fieldset p label {padding-left:0px;}

.num_day {
	width:30px; 
	height:24px;
	padding-top:6px;
	margin-right:10px;
	margin-top:20px;
	float:left;
	text-align:center;
	color:white;
	font-weight:bold;	
	}


.pagination{font-size:1.5em;  text-align:center; margin:20px 0;color:#888;}
.step-links .current, .step-links {color:#888;}
.step-links a.bt {font-size:.7em;}

/* page de test */
#distrib {
	width:165px; 
	float:left;
	margin:0 20px 0 0px;
	font-weight:bold;
	font-size:.9em;
	}

#distrib .cartouche {text-align:center;	}

#distrib dl dd ul li {
	list-style-image:url(/icons/puceb.png);
	list-style-position:outside;
	margin:0 0 5px 15px;
}

#distrib dt {margin:5px 0 0 0;color:#19457d;}

.tech{padding-left:10px;}
.tech .t2 {margin-left:-10px;}
#distribution{text-align:left;}

#principal{width:688px;float:right;}
#cartouche-titre {margin-bottom:20px;}
#cartouche-titre .t1{width:400px; float:left;margin-top:0;min-height:62px;}
#cartouche-titre .smaler {font-size:.8em;color:#19457d;}
#ovation {width:74px;height:62px;float:left;}
#gnote {
	width:129px;
	height:62px;
	float:right;
	background:url('/icons/note_generale.png') 0 0 no-repeat;
	}

#gnote p{
	text-align:right;
	font-size:2.3em;
	color:white;
	font-family:Times,serif;
	font-style:italic;
	margin-top:28px;
	margin-right:79px;
	}

.composer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#19457d;
	font-weight:bold;
	font-size:1.2em;
	padding-left:27px;
	}
	
.kinds {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#19457d;
	font-weight:bold;
	font-size:1.1em;
	padding-left:27px;
	margin-bottom:;
	}
	

.half-left{
	float:left;
	border-right:1px solid #aaa;
	padding-right:27px;
	width:316px;	
	}
.half-right{
	float:right;
	padding-left:27px;
	width:316px;	
	}		

.rstt, .lstf {margin-bottom:1em;}
.rstt ul li:hover, .lstf ul li:hover {background:#E0CDA5;}
.rstt ul li, .lstf ul li {text-align:justify; /*height:58px;  overflow:hidden; */ font-size:.9em; padding:3px;}

.brownbox{padding:15px;}

.btbrown{padding:3px;}

.video-trailer, .obj {width:320px; margin:0 auto;}

/* recherche avancée */
#adv-search fieldset {margin-left:20px;}
#f1 label,#f2 p label, #f3 p label  {display:none;}
#f2 li,#f3 li {width:130px;float:left;} 
#fd p {width:150px; float:left;margin:0 10px 10px 0;}
#f4 p label, #f5 p label  {display:inline-block; width:150px;}
#fd p input {width:100px;}
#f4 p , #f5 p {margin-bottom:10px;}
#f4 p select, #f5 p select{width:214px;}
#f4 p input, #f5 p input{width:200px;}
#f5 {margin-top:40px;}

/* disquaires */
#carte {width:500px;float:left;margin-right:20px; height:500px;}
#list-disquaire{width:340px; height:500px; overflow:auto;float:right;}

/* plan du site */
#map {font-size:2em;}
#map ul li {font-size:.8em;margin:10px 0;}
#map ul li ul{padding-left:20px;}
#map ul li ul li{}


/* titraille */
/*h1, h2, h3 {clear:both; float:none;}*/

.surtitre {
	font-size:2.2em;
	margin:13px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 
.t1, .ts1 {
	font-weight:bold;
	float:none;
	clear:both;
	padding:4px;
	padding-left:8px;
	margin:13px 0;
	font-size:1.45em;
	border-left:18px #e0cda5 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#19457d;
}

.ts1{background:url('/icons/degrade_titres.png') repeat-y;}
.ts2{background:url('/icons/degrade_sous_titres.png') repeat-y;}

.t2, .text h2, .ts2 {
	padding:3px  3px  3px 5px;
	margin:13px 0;
	font-size:1.2em;
	border-left:10px #e0cda5 solid;
	float:none;
	clear:both;
}

h3, .t3{
	margin:13px 0;
	font-size:1.1em;
	float:none;
	clear:both;
}

.puce-bleu {
	background:url(/icons/puceb.png)no-repeat 0 2px ;
	padding-left:15px;
	
	}
.puce-brune {
	background:url(/icons/puce_brune.png)0 50% no-repeat;
	padding-left:15px;
	margin:15px 0 5px 0; 
	font-size:1.2em;
	/*padding-left:0px;*/		
	}

/* pied de page */
#footw {
	float:none;
	clear:both;
	background:#0F1223;
	height:23px;
	margin:50px 0 ;
	}
#foot {
	margin:0px auto ;
	width:1024px;
	height:17px;
	text-align:center;
	background:url(/icons/image_footer.png) top left no-repeat #0F1223;
	color:white;
	font-size:1.1em;
	padding:3px 0;	
	}
#foot a {color:white;text-decoration:none;}	

/* formulaires */
form {background:transparent;padding:.5em;}
input, textarea {border:1px solid #19457d;,color:#19457d;padding:.2em .5em;}
select {border:1px solid #19457d;,color:#19457d;padding:0em }
label {font-weight:normal;}
input[type=submit], input[type=radio] , input[type=checkbox]{border:0;cursor:pointer; text-align:left;}
#f5 input#id_ovation {width:14px; height:14px;}
form table th {width:50%;text-align:left;padding-right:1em;}
form table td {padding:.5em 0;}


#formvip input[type=text],#formvip input[type=password], #formvip select {width:200px;}

/* switcher de langue */ 
#usertools form{
	background:#FEF5E8;
	
	}
#ok5 {display:none;}


#usertools form select {width:100%;border:1px solid #19457d;}
	
.close{
	cursor:pointer;
	color:#19457d;
	text-align:center;
	margin:.5em 0;
	
}	
	
/* recherche texte */
#searchform form {}
#searchform form input{background:white;color:#19457d;font-size:.9em; padding:.2em;border:0;}

#searchform button img{vertical-align:middle ; }

/* home page */
#col1{width:635px; float:left;padding-right:10px}
#col1g{width:258px; float:left;padding-right:10px; border-right:1px solid #aaa;}
#col1d{width:345px; float:left;padding:0 10px;}
#col2{width:227px; float:right;;padding-left:10px; border-left:1px solid #aaa;padding-bottom:20px;}
.htrail object {margin:0 auto;}



/* galerie d'images */
#gallery{margin-bottom:20px;}
#thumbnails{position:relative;}

#alertvip {
	position: absolute; 
	display:none;
	border:1px solid #19457d; 
	background:#fef5e8;
	width:width:260px;
	padding:1em;
	width:260px;	
	}


/* publicites */
#banner{display:block; margin:0 auto;text-align:center;}
#col4 {width:120px; overflow:hidden; float:right;}
#dcol {width:635px; float:left;overflow:hidden;}
.pub {cursor:pointer;}
.publink {display:none;}

/* liens d'admin */
#adminlink {position:absolute; top:0; left:0;}
#adminlink p {margin:0;padding:10px;font-size:.8em;background:#666;border:1px solid white;}
#adminlink p a{color:white;font-weight:bold;}