@charset "utf-8";
html,body{}

html{
overflow-x: hidden;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 62.5%;
color: #fff;}

body{
background: #666 url(img/stripe_42c8fb46d0f542a95c4be40f1404f910.png) repeat;
font: 100%;
margin: 0;
padding: 0;
text-align: center;
z-index:1}
	
a{color: #c50000}
a:visited{color: #7e0404}
a:hover{color: #fff}
a img{ border:0;}
h1{font-size: 3.00em}
h2{font-size: 1.66em}
h3{font-size: 1.33em}
h4{font-size: 1.00em}
h5{font-size: 0.66em}
h6{font-size: 0.33em}
hr{color: #c50000; size: 3px}

#page{background: url(img/Fond_Boutik2.png) repeat-x top}

#container { 
width: 919px;
margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
z-index:3}

#top { padding: 15px 2px; color: #fff}
#top h1{text-align: left; margin-top: 20px; letter-spacing: -1px; font-family: Georgia, serif}
#top a{color: #fffffc}

#sidebar{float: left; font-size:11px}
#sidebar h2, #sidebar h3, #sidebar h4{ font-family: Georgia, serif}
#sidebar ul{margin: 0; padding: 0; text-align:left}
#sidebar > div{width: 200px;text-align:center}

#Texte, #Tarifs{ background: #993333}
#Tarifs li{ color: #faebd7}

#mainContent { 
    	color:#666666 ;
		margin: 0 10px 0 250px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar lorsque le contenu de ce dernier se termine. */
		background: transparent url(img/Icone_Boutik.png) no-repeat 97% 0%;
    	padding: 90px 20px 20px 20px;
		opacity : 1}

.bulle { margin-top: -10px; padding: 20px; background: transparent url(img/Boutik_Bulle_rose.png) no-repeat 0% 0%}

/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #777777;
	bottom: -1px;
}
.ui-tabs-nav-item {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #777777;
	border-right: none;
}
.ui-tabs-nav-item a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #eeeeee;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
.ui-tabs-nav-item a:hover {
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	color: #ffffff;
}
.ui-tabs-selected {
	border-bottom-color: #a21111;
}
.ui-tabs-selected a, .ui-tabs-selected a:hover {
	background: #a21111 url(images/a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x;
	color: #ffffff;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #777777;
	background: #ffffff;
	color: #222222;
	padding: 12px 14px;
	overflow-x:hidden}
	
.ui-tabs-panel a:hover{color: #aa0055}
	
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

/* style pour les cadres de contenu */
.myBox
{
    margin: 15px auto;
    color: #ffffff;
	background: #333;
    width: 60%;
    padding: 20px;
    text-align: left;
    border: 2px solid #993333;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}

#spread, #combout, #deviant{background: #FFFFFF;border: 4px solid #993333}
#spread {overflow:hidden}
#spread iframe{
margin: 0 0 -140px -20px;
overflow-y: hidden}


.table-deviant  {
width: 200;
border: 0;
}

.table-deviant td {
margin 5px;
padding: 5px;
}




#maj { text-align:right; font-style:italic; color:#FFFFFF}
.center{ text-align:center }		
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:0;
font-size: 1px;
line-height: 0px}

#footer{
margin: 10px auto;
color: #ffffff;
background: #333;
width: 75%;
padding: 2px 20px;
text-align: center;
border: 2px solid #993333;}
#footer p{padding: 0; margin: 0}