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

/* jones-jr.com - V4 © 2003/2012 Jean-Michel Sorin */
/* dernière maj : 28/04/2012 */

/*------------------------------------ reset -----------------------------------*/

*{
outline:none; /* supprime les pointillés Firefox & les bordures bleues des spry */
padding: 0; /* mise à zéro des marges */
margin: 0;
border: 0; /* pas de bordures indésirables : input, textarea, select, button, table, fieldset, abbr, hr, img et object (si lien),iframe */
}

html {
font-size: 100%; /* évite un bug d'IE 6-7 */
background-color: #beb08b; /* évite bug background-color Safari */
}
	
/*==================================== body ========================================================*/

body {
font-family:verdana, Arial, Helvetica, sans-serif;
margin: 10px 0px 10px 0px;
text-align: center; /* pour supprimer le bug de centrage IE 7 */
background: #beb08b url(../images_interface/fond_carte.jpg) no-repeat center top;
}

/*=================================== wrapper ======================================================*/

#blocPrincipal { /* conteneur principal */
width: 960px; /* largeur du site */
text-align: left; /* on rétablit l'alignement normal du texte */
background-color: #48493e; /* couleur fond du site */
margin: 0px auto 0px auto; /* centrage de la page */
overflow:hidden;
}

/*=================================== header =======================================================*/

#blocEntete {
height: 114px;
width:779px;
background-image: url(../images_interface/bandeau_entete.jpg); /* ajouté à cause bug affichage rollover */
}
               
#decorGauche { /*------------------------------------------------- décor gauche */
width:127px;
height:114px;
background-image: url(../images_interface/decor_temple_gauche.jpg);
float: left;
}
                
#logo { /*---------------------------------------------------------------- logo */
width:525px;
height:114px;
background-image: url(../images_interface/bandeau_logo.jpg);
float: left;
}
                
#decorDroit { /*--------------------------------------------------- décor droit (animation cobra) */
width:127px;
height:114px;
background-image: url(../images_interface/decor_temple_droit.jpg);
float: left;
}
                
#decorDroit:hover { /*--------------------------------------------------- animation cobra hover */
background-image: url(../images_interface/animation_cobra.gif);
}

/*=============================== colonne gauche ===================================================*/

#blocColonneGauche {
width: 181px;
text-align: center;
float:left;
}
                    
#animIndy { /*------------------------------------------------------- anim Indy */
width:181px;
height:133px;
background:url(../images_interface/animation_indy.gif) no-repeat;
}
                
#decorStele { /*--------------------------------------------------- décor stèle */
width:181px;
height:157px;
background:url(../images_interface/stele.jpg) no-repeat;
}

#compteurVisites { /*----------------------------------------- compteur visites */
width: 100%;
margin: 10px auto 10px auto;
}
		       
.boiteColGauche { /*---------------------------------------------- boite gauche */
width: 157px;
color:white;
font-size: 10px;
font-weight:600;
line-height: 16px;
text-align: center;
margin: 10px auto 10px auto;
}
    
.anni { /*---------------------------------------------- nom & âge anniversaire */
color:white;
font-size: 10px;
text-align: center;
font-style: normal;
font-weight: lighter;
background-color: black;
}

#TypeAnniversaire { /*------------------------------ txt prochain anniversaires */
color:#cecd94;
font-size: 10px;
text-align: center;
font-style: normal;
font-weight: lighter;
margin-bottom: 4px;
}

#menuGauche { /*--------------------------------------------------- menu gauche */
width: 161px;
padding-top: 6px;
margin: 0 10px;
}

#menuGauche li {
list-style: none;
border-bottom: 1px solid #7b695b;
}

#menuGauche li a {
display: block;
font-size: 10px;
color: orange;
line-height: 10px;
padding: 4px 0;
text-align: center;
text-decoration: none;
}

#menuGauche li a:hover, #navigation li a:focus, #navigation li a:active {
color:yellow; /* couleur texte */
background: #999966; /* couleur rollover */
}

#menuGauche li.visited a {
background:url(../images_fond/menu_selection.gif) no-repeat;
text-decoration: none;
}

.titreMenuGauche { /*---------------------------------------- titre menu gauche */
height: 24px;
font-size: 11px;
font-weight: bold;
line-height: 24px;
color:white;
margin: 0px 0px 4px 0px;
background-color: #32382b;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.iconew3c { /*----------------------------------------- positionnement logo W3C */
margin-top: 30px;
}

/*================================= navigation =====================================================*/

.zoneNavigation {
background-color: white;
}

.navigation {
width: 526px;
height: 19px;
margin: 0px auto 0px auto; /* centrage de la page */
/*border-left-width: thin;
border-left-style: solid;
border-left-color: #B29F8D;*/
}

.menu_actu { /*--------------------------------------------------- bt actualité */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat 0px 0px;
float: left;
}

.menu_actu:hover {	
background:url(../images_interface/menu_principal2.jpg) no-repeat 0px -19px;
}

.menu_actu:active {	
background:url(../images_interface/menu_principal2.jpg) no-repeat 0px -38px;
}

.menu_actu_on {	
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat 0px -57px;
float: left;
}

.menu_saga { /*-------------------------------------------------------- bt saga */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -75px 0px;
float: left;
}

.menu_saga:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -75px -19px;
}

.menu_saga:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -75px -38px;
}

.menu_saga_on {
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -75px -57px;
float: left;
}

.menu_costume { /*-------------------------------------------------- bt costume */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -150px 0px;
float: left;
}

.menu_costume:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -150px -19px;
}

.menu_costume:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -150px -38px;
}

.menu_costume_on {
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -150px -57px;
float: left;
}

.menu_collection { /*-------------------------------------------- bt collection */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -225px 0px;
float: left;
}

.menu_collection:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -225px -19px;
}

.menu_collection:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -225px -38px;
}

.menu_collection_on {
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -225px -57px;
float: left;
}

.menu_forum { /*----------------------------------------------------- bt forum */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -300px 0px;
float: left;
}

.menu_forum:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -300px -19px;
}

.menu_forum:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -300px -38px;
}

.menu_forum_on {
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -300px -57px;
float: left;
}

.menu_liens { /*------------------------------------------------------ bt liens */
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -375px 0px;
float: left;
}

.menu_liens:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -375px -19px;
}

.menu_liens:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -375px -38px;
}

.menu_liens_on {
width: 75px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -375px -57px;
float: left;
}

.menu_recherche { /*------------------------------------------------------ bt liens */
width: 76px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -450px 0px;
float: left;
}

.menu_recherche:hover {
background:url(../images_interface/menu_principal2.jpg) no-repeat -450px -19px;
}

.menu_recherche:active {
background:url(../images_interface/menu_principal2.jpg) no-repeat -450px -38px;
}

.menu_recherche_on {
width: 76px;
height: 19px;
background:url(../images_interface/menu_principal2.jpg) no-repeat -450px -57px;
float: left;
}

/*=============================== colonne droite ===================================================*/

#blocColonneDroite {
width: 779px;
background-color: #a48d79;
float:right;
}

#blocDefilant { /*---------------------------------------------- texte defilant */
margin: 5px;
padding-bottom: 6px;
height: 23px;
background: url(../images_actu/jauge.jpg) no-repeat;
color:white;
font-size: 12px;
line-height: 21px;
}

#bandeauFlash { /*----------------------------------------------- bandeau flash */
margin: 0px auto 4px auto;
width: 589px;
height: 101px;
background: url(../flash/vignette_flash.jpg) no-repeat;
}

#clock { /*-------------------------------------------- affichage date et heure */
height: 20px;
font-size: 11px;
color: black;
text-align: right;
margin: 0px 5px 0px 5px;
}

/****************************** menu artefacts saga *****************************/

.artefacts {
width: 588px;
height: 73px;
margin: 0px auto 6px auto;
}

.artefacts_aventuriers { /*---------------------------------------- aventuriers */
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat 0px 0px;
float: left;
}

.artefacts_aventuriers:hover {
background:url(../images_interface/menu_artefacts.jpg) no-repeat 0px -73px;
}

.artefacts_aventuriers_on {
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat 0px -146px;
float: left;
}

.artefacts_temple { /*-------------------------------------------------- temple */
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -147px 0px;
float: left;
}

.artefacts_temple:hover {
background:url(../images_interface/menu_artefacts.jpg) no-repeat -147px -73px;
}

.artefacts_temple_on {
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -147px -146px;
float: left;
}

.artefacts_croisade { /*---------------------------------------------- croisade */
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -294px 0px;
float: left;
}

.artefacts_croisade:hover {
background:url(../images_interface/menu_artefacts.jpg) no-repeat -294px -73px;
}

.artefacts_croisade_on {
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -294px -146px;
float: left;
}

.artefacts_crane { /*---------------------------------------------------- crane */
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -441px 0px;
float: left;
}

.artefacts_crane:hover {
background:url(../images_interface/menu_artefacts.jpg) no-repeat -441px -73px;
}

.artefacts_crane_on {
width: 147px;
height: 73px;
background:url(../images_interface/menu_artefacts.jpg) no-repeat -441px -146px;
float: left;
}

.gauchePetitesImages { /*--------------- position gauche petites images costume */
margin: 0px 10px 4px 0px;
float: left;
}

/*================================== contenu =======================================================*/

#blocActu { /*--------------------------------------------------------- contenu */
background:url(../images_fond/carte_bg.jpg) repeat;
margin: 0px 5px 6px 5px;
padding: 4px 4px 6px 4px;
overflow:hidden;
}

/*.blocContenu {
background:url(../images_fond/carte_bg.jpg) repeat;
margin: 0px 5px 6px 5px;
padding: 4px 4px 6px 4px;		  
}*/

#blocContenu {
background:url(../images_fond/carte_bg.jpg) repeat;
margin: 0px 5px 6px 5px;
padding: 4px 4px 6px 4px;
overflow:hidden;
}

/******************************* galerie costume ********************************/

.galerieCostumeMaine { /*----------------------------------------- grande image */
width: 577px;
height:324px;
background:black;
margin: 0px auto 10px auto;
padding: 2px 2px 2px 2px;
}

.blockGalerieCostumeVignette { /*------------------------------------ vignettes */
width: 577px;
overflow:hidden;
background:black;
padding: 2px 1px 0px 2px;
margin: 0px auto 10px auto;
}

.blockGalerieCostumeVignette ul {
list-style-type: none;
}

.blockGalerieCostumeVignette ul li {
float: left;
height: 64px;
width: 114px;;
padding-bottom: 2px;
padding-left: 1px;
}

/************************* bts precedent/haut/suivant  **************************/

#boiteBas { /*------------------------------------------------------- boite bas */
width: 601px;
height: 39px;
margin: 0px auto 8px auto;
background-color: #a48d79;
border: 1px solid #000;
}

#boiteBasTrade { /*------------------------------------------------------- boite bas */
width: 980px;
height: 39px;
margin: 0px auto 8px auto;
background-color: #a48d79;
border: 1px solid #000;
}

#navBas { /*----------------------------------------------------------- nav bas */
width: 402px;
height: 39px;
margin: 0px auto 8px auto;
}

#navBasFenetre { /*-------------------------------------------- nav bas fenetre */
width: 402px;
height: 39px;
margin: 0px auto 0px auto;
padding: 0px;
}

.bt_precedent { /*------------------------------------------------ bt precedent */
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat 0px 0px;
float: left;
}

.bt_precedent:hover {
background:url(../images_interface/barre_navBas.jpg) no-repeat 0px -39px;
}

.bt_precedentMute {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat 0px -78px;
float: left;
}

.bt_precedentSans {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat 0px -117px;
float: left;
}

.bt_haut { /*---------------------------------------------------------- bt haut */
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -134px 0px;
float: left;
}

.bt_haut:hover {
background:url(../images_interface/barre_navBas.jpg) no-repeat -134px -39px;
}

.bt_hautMute {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -134px -78px;
float: left;
}

.bt_hautSans {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -134px -117px;
float: left;
}

.bt_suivant { /*---------------------------------------------------- bt suivant */
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -268px 0px;
float: left;
}

.bt_suivant:hover {
background:url(../images_interface/barre_navBas.jpg) no-repeat -268px -39px;
}

.bt_suivantMute {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -268px -78px;
float: left;
}

.bt_suivantSans {
width: 134px;
height: 39px;
background:url(../images_interface/barre_navBas.jpg) no-repeat -268px -117px;
float: left;
}

/************************************ fonds *************************************/

.texteFond {
margin: 0px auto 0px auto;
padding: 4px 6px 10px 6px;		  
}

#fond404 { /*--------------------------------------------------------------- 404 */
width: 769px;
height:327px;
background:url(../images_erreurs/404.jpg) no-repeat;
margin: 0px auto 6px auto;
}

#fond403 { /*--------------------------------------------------------------- 403 */
width: 769px;
height:327px;
background:url(../images_erreurs/403.jpg) no-repeat;
margin: 0px auto 6px auto;
}

#fondRecherche { /*-------------------------------------------------------- recherche */
width: 769px;
height:327px;
background:url(../images_fond_menu/recherche.jpg) no-repeat;
margin: 0px auto 6px auto;
}

#fondSaga { /*------------------------------------------------------------ saga */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_saga.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCostume { /*------------------------------------------------------ costume */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_costume.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollection { /*------------------------------------------------ collection */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_collection.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollFigurines { /*----------------------------------- collection/figurines */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_coll_figurines.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollRomans { /*----------------------------------------- collection/romans */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_coll_romans.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollBD { /*------------------------------------------------- collection/BD */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_coll_bd.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollCartes { /*----------------------------------------- collection/cartes */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_coll_cartes.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondCollMusique { /*--------------------------------------- collection/musique */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_coll_musique.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondForum{ /*----------------------------------------------------------- forum */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_forum.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondLiens { /*---------------------------------------------------------- liens */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_liens.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#fondPlan { /*------------------------------------------------------------ plan */
width: 589px;
height:563px;
background:url(../images_fond_menu/fond_plan.jpg) no-repeat;
margin: 0px auto 0px auto;
}

/*================================== footer ========================================================*/

#piedPage {
text-align:center;
color:white;
font-size: 10px;
font-weight:400;
background-color:black;
}

#ombreFooter {
margin: 0px auto 0px auto; /* centrage de la page */
width:960px;
height: 15px;
background-image: url(../images_interface/ombre_footer.png);
}

#avertissement { /*------------------------------------------ txt avertissement */
width: 600px;
height: 44px;
background: black url(../images_interface/bandeau_lucasfilm.jpg) no-repeat;
margin: 0px auto 0px auto;
}

#copyright { /*-------------------------------------------------- txt copyright */
height: 31px;
line-height: 30px;
background-color: black;
border-top:1px solid #a48d79;
border-bottom:1px solid #a48d79;
}

#contact { /*------------------------------------------------------ txt contact */
height: 31px;
line-height: 30px;
background-color: black;
}

/************************************ liens *************************************/

a:link { /*---------------------------------------------------------- principal */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
color: #663300;
}

a:visited {
font-weight: 600;
text-decoration: none;
color: #996600;
}

a:hover {
font-weight: 600;
color: #663300;
text-decoration: underline;
}

a.lienpetit:link { /*---------------------------------------------------- petit */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: #FF9900;
text-decoration: none;
}

a.lienpetit:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
text-decoration: none;
color: #996600;
}

a.lienpetit:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: #FF9900;
text-decoration: underline;
}
	
/*********************************** titres *************************************/

h1 {
font-size: 18px;
}

h1:before {content:url(../images_fond/caligraphGauche.png);}
h1:after {content:url(../images_fond/caligraphDroite.png);}


h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

h4 {
font-size: 10px;
}

/*.titre {
height: 40px;
text-align:center;
line-height:36px;
color:white;
background-color: #32382b;
margin: 6px 5px 6px 5px;
}*/

.titre {
height: 50px;
width:771px;
text-align:center;
line-height:42px;
color:white;
background:url(../images_fond/banniere.png) no-repeat;
margin: 4px auto 4px auto;
}

.sousTitre1 {
color:white;
border: #48483e solid 1px;
background: #a68d77 url(../images_fond/bandeau_degrade.jpg) repeat-y;
margin: 4px auto 14px auto;
padding: 4px;
/* css3 dégradé horizontal */
/* background: -moz-linear-gradient(top left, #48483e, #a38d78); /* Firefox */
/* -webkit-gradient(linear, 0% 0%, 100% 0%, from(#48483E), to(#A38D78), color-stop(.6,#A38D78)); /* Safari */

/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.sousTitre2 {
	color:#f5e2b1;
	text-align:center;
	letter-spacing:1px;
	background-color: #32382b;
	/*background: url(../images_fond/brownLeather.png) repeat;
	border-top: 1px solid black;
border-bottom: 1px solid black;*/
border: 1px solid black;
	margin: 4px auto 14px auto;
	padding: 4px;
	/* css3 ombre du texte */

	/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	/* coins arrondis */		 
-moz-border-radius:5px 5px 0px 0px;
	 border-radius:5px 5px 0px 0px;
	text-transform: uppercase;
}

.sousTitre3 {
color:white;
text-align:left;
background-color: black;
margin: 4px auto 14px auto;
padding: 4px;
}

.sousTitre4 {
	color:#48493e;
	text-align:left;
	border-bottom: 1px solid #48493e;
	margin: 0px auto 14px auto;
	padding: 0px 0px 2px 2px;
	font-style: italic;
}

/************************************ textes ************************************/

p {
font-size: 11px;
line-height:14px;
margin-bottom: 10px;
}

.legende {
margin-top: 10px;	
}

small {
font-size: 75%;
}

q:before { /*--------------------------------------------------------- citations */
content: ""; /* supprime les " ouvrants des citations - open-quote; */
} 
 
q:after { 
content: ""; /* supprime les " fermants des citations - close-quote; */
} 
   
q {
display:block;
overflow:hidden;
margin:1px;
padding:4px;
background:url(../images_fond/jaune_trans.png) repeat;
border: 1px solid #736357;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.texteBlanc {
color:white;
font-size: 10px;
}

.citation {
color:#48493e;
font-weight:600;
}
	      
/********************************** encadres ************************************/

.encadre {
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.encadreNoir {
background-color: black;
overflow:hidden;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
border: thin solid black;
color: #FFF;
}

.encadreMarge {
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.encadreFixe {
height:72px;
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
}

.encadreSimple {
background-image: url(../images_fond/carte_bg_clair.jpg);
margin: 10px auto 10px auto;
padding: 4px;
overflow:hidden;
border: thin solid #48493E;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.encadreSimpleNoir {
background-image: url(../images_fond/carte_bg_noir.jpg);
overflow:hidden;
color:white;
font-size: 11px;
line-height:14px;
margin: 10px auto 10px auto;
padding: 4px 4px 6px 4px;
border: 2px solid #a48d79;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.encadreCostume {
background-image: url(../images_fond/carte_bg_clair.jpg);

margin: 10px auto 10px auto;
padding: 4px;
overflow:hidden;
border: thin solid #d6c69b;
/* css3 bord arrondi */
-webkit-border-radius: 6px; /* Safari V3+ */
-moz-border-radius: 6px; /* Firefox V1+ */
-o-border-radius: 6px; /* Opera V10.5+ */
-ms-border-radius: 6px; /* Microsoft V9+ */
border-radius: 6px;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.boiteVide {
text-align: center;
margin: 10px auto 10px auto;
padding: 0px 0px 10px 0px;
overflow: hidden; /*ajouté*/
}

.chapeau {
display:block;
font-weight:bold;
margin: 10px auto 14px auto;
padding: 8px 4px 8px 4px;
border: thin solid #48493E;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

/********************************** vignettes ***********************************/

.film {
	background-image:url(../images_interface/film.gif); /* icone loupe pour vignette */
	}
	
.plan {
	background-image:url(../images_interface/plan.gif); /* icone loupe pour vignette */
	}
	
.loupe {
	background-image:url(../images_interface/loupe.gif); /* icone film pour vignette */
	}

.vignetteCentreSimple { /*------------------------------ vignette centre simple (sans loupe) */
width: 144px;
height: 120px;
padding: 4px;
background:white;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}

.vignetteCentreSimpleGauche { /*------------------------ vignette simple gauche (sans loupe) */
width: 144px;
height: 120px;
margin: 4px;
padding: 4px;
display:inline; /* pour bug ie6? */
float: right;
background:white;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}
              
.vignetteCentre { /*------------------------------------------- vignette centre */
width: 144px;
height: 120px;
padding: 4px;
background:white;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}
        
.vignetteCentre:hover {
background-color: orange;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.vignetteCentre a {
	display:block;
	position:relative;
	}
	
.vignetteCentre a span { /* affiche icone pour vignette */
	width:19px;
	height:19px;
	position:absolute;
	right:0px;
	top:0px;
	}
             
.vignetteGauche { /*------------------------------------------- vignette gauche */
width: 144px;
height: 120px;
padding: 4px;
margin: 4px;
display:inline; /* pour bug ie6? */
float: left;
background:white;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}
        
.vignetteGauche:hover {
background-color: orange;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.vignetteGauche a {
	display:block;
	position:relative;
	}
	
.vignetteGauche a span {  /* affiche icone pour vignette */
	width:19px;
	height:19px;
	position:absolute;
	right:0px;
	top:0px;
	}
           
.vignetteDroite { /*------------------------------------------- vignette droite */
width: 144px;
height: 120px;
margin: 4px;
padding: 4px;
float: right;
background:white;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}
        
.vignetteDroite:hover {
background-color: orange;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.vignetteDroite a {
	display:block;
	position:relative;
	}
	
.vignetteDroite a span {  /* affiche icone pour vignette */
	width:19px;
	height:19px;
	position:absolute;
	right:0px;
	top:0px;
	}

/*************************** positionement vignettes ****************************/
          
.positionImageCentre { /*-------------------------------------- vignette centre */
width: 152px;
height: 128px;
margin: 0px auto 14px auto;
}
        
.positionDeuxImages { /*------------------------------------------- 2 vignettes */
height: 139px;
width: 320px;
margin: 6px auto 10px auto;
padding: 0px;
}
          
.positionTroisImages { /*------------------------------------------ 3 vignettes */
height: 139px;
width: 480px;
margin: 6px auto 10px auto;
padding: 0px;
}

.positionQuatreImages { /*----------------------------------------- 4 vignettes */
width: 640px;
height: 139px;
margin: 6px auto 10px auto;
padding: 0px;
}
 
/******************************** positionement *********************************/
     
.alignDroite {
text-align: right;
}

.centrage {
text-align: center;
}

.positionGauche {
float: left;
}

.gauchePetitesImages {
margin: 0px 10px 4px 0px;
float: left;
}

.margeDroite {
margin: 0px 6px 0px 0px;
}

/*********************************** listes *************************************/

.listeSans {
margin: 0px 0px 5px 10px;
list-style-type: none;
list-style-position: inside;
font-size: 11px;
}

.listePoint {
margin: 0px 0px 10px 10px;
list-style-type: disc;
list-style-position: inside;
font-size: 11px;
}

.listeChiffres {
margin: 0px 0px 6px 10px;
list-style-type: decimal;
list-style-position: inside;
font-size: 11px;
}

.listeImage {
margin: 0px auto 10px auto;
list-style-type: disc;
list-style-image: url(../images_fond/picto_chapeau.gif);
list-style-position: inside;
font-size: 11px;
}

/********************************* décoration ***********************************/

hr {
color: #48493e;
background-color: #48493e;
height: 1px;
border: 0;
margin: 0px auto 10px auto;
}

.borduresNoires {
border:thin solid black;
}

.ombre {
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.bordArrondi {/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.couleurJaune {
color: yellow;
}

/********************************** tableaux ************************************/

.tableau {
margin: 0px auto 10px auto;
}

.tableau table{ /* a balise table est l'élément de base d'un tableau. */
border:1px solid #48493e; /* bordure extérieure du tableau */
border-collapse:collapse;
font-family:verdana;
font-size: 10px;
width:100%;
}

.tableau th{ /* th permet de créer un en-tête dans le tableau. */
padding:5px;
text-align:center;
background-color:#CC9966;
border:thin solid #48493e;
}

.tableau td{ /* td permet de créer une cellule dans la ligne du tableau. */
padding:5px;
text-align:center;
background-color:white; /* couleur de fond des cellules */
border:thin solid #48493e;
}

.tableau td.tableauPrix{ /* td permet de créer une cellule dans la ligne du tableau. */
padding:5px;
font-weight:bold;
text-align:center;
background-color:#fff59b; /* couleur de fond des cellules */
border:thin solid #48493e;
}

.tableau td.tableauTitre{ /* td permet de créer une cellule dans la ligne du tableau. */
padding:5px;
font-weight:bold;
text-align:center;
color:white;
/* background:url(../images_fond/tab_bg.jpg) repeat; */ 
background-color:#48493e;
border:thin solid #48493e;
letter-spacing: 2px;
}

.tableau td.tableauReference{ /* td permet de créer une cellule dans la ligne du tableau. */
padding:5px;
font-style : italic;
font-weight:bold;
text-align:center;
background-color:white; /* couleur de fond des cellules */
border:thin solid #48493e;
}

.tableau caption{ /* caption permet de définir une légende pour le tableau. Cette légende est généralement placée au dessus du tableau. */
font-family:verdana;
}

.tableau td.tableauPaire{
background-color:#f6e6d0;
}

.tableau td.tableauImpaire{
background-color:#cebca5;
}

.tableau td.tbPaireHarrison{
background-color:#b8ae9c;
}

.tableau td.tbImpaireHarrison{
background-color:#a49c8c;
}

/********************************* interviews ***********************************/

.encadreInterview {
width:368px;
height: 70px;
background-image: url(../images_fond/craft_bg.gif);
border: thin solid #48493E;
padding: 4px;
margin: 0px;
overflow:hidden;
float:left;
}

.encadreLiens {
width:750px;
height: 70px;
background-image: url(../images_fond/craft_bg.gif);
border: thin solid #48493E;
padding: 4px;
margin: 0px;
overflow:hidden;
float:left;
}

.interview {
list-style-type: none;
overflow:hidden;
}

.interview li {
width:376px;
margin-bottom: 4px;
float:left;
}

.espaceInterview { /* espace à mettre sauf sur le dernier onglet */
margin-right: 7px;
}

.pictoGauche { /*---------------------------------------  /* vignette interview */
width: 60px;
height: 60px;
background-color: white;
padding: 4px;
margin: 0px 10px 4px 0px;
display:inline; /* pour bug ie6? */
float: left;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
/* coins arrondis */		 
-moz-border-radius:4px;
     border-radius:4px;
}
        
.pictoGauche:hover {
background-color: orange;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

/********************************** fenetres ************************************/

a.lienFenetre:link { /*--------------------------------------------------- lien */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
color: #663300;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie.gif) no-repeat 0 center;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}
        
a.lienFenetre:visited {
color: #996600;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie_visite.gif) no-repeat 0 center;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

a.lienFenetre:hover {
color: white;
text-decoration: none;
padding: 0px 4px 0px 15px;
background: url(../images_fond/picto_image_agrandie_roll.gif) no-repeat 0 center;
background-color: #663300;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}


.blockGalerieAffiche { /*------------------------- saga galerie affiche Raiders */
width: 464px;
overflow:hidden;
background:black;
padding: 2px 1px 0px 2px;
margin: 0px auto 10px auto;
}

.blockGalerieAffiche ul {
list-style-type: none;
}

.blockGalerieAffiche ul li {
width: 76px;
height: 106px;
padding-bottom: 2px;
padding-left: 1px;
float: left;
}

.boutontFermer { /*-------------------------------------------------- bt fermer */
color:white;
font-weight:bold;
font-size:11px;
text-align:center;
text-decoration:none;
background-color:#af8554;
border:2px solid white;
margin: 4px auto 4px auto;
padding: 5px 10px 5px 10px;
cursor: pointer;
/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.boutontFermer:hover {
background-color:#956939;
}

#boiteFermer {
background-color: #a48d79;
border:1px solid black;
}

.boiteFermer { /* pour fermer les fenetres */
background-color: #a48d79;
border:1px solid black;
padding: 5px;
margin-bottom:10px;
}

/*********************************** divers *************************************/

.overflowHidden {
overflow:hidden;
}

.affiche {
width: 250px;
height: 350px;
margin: 10px auto 16px auto;
border:thin solid black;
display:block;
/* ombre */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.textes {
text-align:center;
margin: 8px 5px 12px 5px;
}

/*********************************** vidéos *************************************/

body.videos { /*---------------------------------------------------- body vidéo */
font-family:verdana, Arial, Helvetica, sans-serif;
background-color: #48493e;            
margin: 6px 0px 0px 0px;
padding:0px;
text-align: center;
}

.video320256 {
width: 320px;
height: 256px;
margin: 10px auto 16px auto;
}

/********************************* bt retour ************************************/

a.boutontRetour,a.boutontRetour:link,a.boutontRetour:visited {
color:white;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-color:#af8554;
border:2px solid white;
display:block;
margin: 12px auto 0px auto;
padding: 5px 4px 5px 4px;
/* ........................................................... css3 transitions */
-webkit-transition: all 0.3s ease; /* Safari V3+ */
-moz-transition: all 0.3s ease; /* Firefox V1+ */
-o-border-transition: all 0.3s ease; /* Opera V10.5+ */
-ms-transition: all 0.3s ease; /* Microsoft V9+ */
/* .......................................................... css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

a.boutontRetour:hover {
background-color:#956939;
}

.signature {/*------------------------------------ signature */	
color: #597a89;
font-size:9px;
}

	
.vendu { /* affiche icone pour vignette */
	width:122px;
	height:25px;
	background-image:url(../images_fond/sold.png) no-repeat; /* icone vendu */
	position:relative;
	/*right:0px;
	top:0px;*/
	}