/* DEFAULT RESET */
:link,:visited { text-decoration:underline }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
a
{
	color:#385771;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
/* END DEFAULT RESET */


.tous {
	font-weight:bold;
}

/* SIFR SCREEN */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	/*font-size: 4em;*/
	margin-bottom: 1em;
}
/* END SIFR SCREEN */
#gallerie {
     line-height: 0;
     margin: 0;
     padding: 0;
}
html {
     width: 100%;
     
}
body {
     background-color: White;
     height: 100%;

}
#wrapper {
     color: Black;
     font-family: Arial, sans-serif;
     font-size: 11px;
     width: 1000px;
     position: relative;
     background-image: url(../images2/sideback.jpg);
     background-repeat: repeat-y;

}
#content {
     float: right;
     width: 765px;
     position: relative;
     padding-top: 220px;
}
#header {
     background-image: url('../images2/sidelogo.jpg');
     background-repeat: no-repeat;
     width: 234px;
     height: 100%;
}
img.logo {
     width: 231px;
     height: 250px;
     margin: 60px 0 0 0px;
}
ul.focusMenu {
     margin-left: 0;
     list-style-type: none;
}
ul.focusMenu li a {
     outline: none;
     text-indent: -9999px;
     display: block;
	width: 225px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 2px;
}
ul.focusMenu li a:hover {
     background-position: 0 -52px;
}

ul.focusMenu li #chantezenligne {
     background-image: url('../images2/buttons/blue/sing_fr.gif');
	margin-top: 2px;
}

ul.focusMenu li #language {
     background-image: url('../images2/buttons/blue/english_fr.gif');
	margin-top: 3px;
}

ul.focusMenu li #products {
     background-image: url('../images2/buttons/blue/dvd_fr.gif');
}

ul.focusMenu li #promotions {
     background-image: url('../images2/buttons/blue/promo_fr.gif');
}
ul.focusMenu li #accueil {
     background-image: url('../images2/buttons/blue/home_fr.gif');
	margin-bottom: 5px;
}

ul.focusMenu li #concours {
     background-image: url('../images2/buttons/blue/contest_fr.gif');
}

#recherche {
     position: absolute;
     top: 120px;
     left: 0;
     width: 765px;
     height: 52px;
     background-image: url('../images2/bubbles.jpg');
     font-size: 11px;
}
#recherche p {
     text-align: left;
     margin: 15px 0 0 10px;
}
#recherche label {
     color: White;
     text-transform: uppercase;
     font-family: "Arial narrow", Arial, sans-serif;
     font-weight: bold;
     vertical-align: bottom;
}
#recherche #terme {
     width: 320px;
     height: 18px;
     margin-left: 8px;
}
#recherche #type {
     height: 20px;
     width: 100px;
     margin-bottom: -1px;
     margin-left: 8px;
}
#recherche .go {
     vertical-align: middle;
     margin-left: 8px;
     width: 16px;
     height: 16px;
}
#recherche label {
     width: auto;
     float: none;
     display: inline;
}
.first{
     margin-left: 20px;
}

ul.mainMenu {
     list-style-type: none;
     margin-left: 0;
     width: 765px;
     height: 33px;
     background-image: url('../images2/bubbles2.jpg');
	 background-repeat:no-repeat;
     position: absolute;
     top: 180px;
	 left: 0px;
}
ul.mainMenu li {
     float: left;
     margin-top: 6px;
     margin-right: 30px;
}

ul.mainMenu li a {
     margin-top: 3px;
     outline: none;
     text-indent: -9999px;
     display: block;
     background-repeat: no-repeat;
}

ul.mainMenu li a.accueil {
     width: 67px;
     height: 16px;
     background-image: url('../images/bt_accueil.gif');
     background-position: top;
	 background-repeat: no-repeat;
     margin-left: 10px;
}

ul.mainMenu li a.accueil:hover,
ul.mainMenu li.on a.accueil {
     background-image: url('../images/bt_accueil.gif');
	 background-position: bottom;
}

ul.mainMenu li.off a.accueil {
     background-image: url('/../images/bt_accueil.gif');
	 background-position:top;
}

ul.mainMenu li.off a.accueil:hover {
     background-image: url('/../images/bt_accueil.gif');
	 background-position:bottom;
}

ul.mainMenu li a.produits {
     width: 114px;
     height: 16px;
     background-image: url('../images/bt_produits.gif');
	 background-position: top;
}

ul.mainMenu li a.produits:hover,
ul.mainMenu li.on a.produits {
     background-image: url('../images/bt_produits.gif');
	 background-position: bottom;
}

ul.mainMenu li.off a.produits {
     background-image: url('/../images/bt_produits.gif');
	 background-position:top;
}

ul.mainMenu li.off a.produits:hover {
     background-image: url('/../images/bt_produits.gif');
	 background-position:bottom;
}

ul.mainMenu li a.suggestions {
     width: 109px;
     height: 16px;
     background-image: url('../images/bt_suggestions.gif');
	 background-position: top;
	 background-repeat: no-repeat;
}

ul.mainMenu li a.suggestions:hover,
ul.mainMenu li.on a.suggestions {
     background-image: url('../images/bt_suggestions.gif');
	 background-position: bottom;
}

ul.mainMenu li.off a.suggestions {
     background-image: url('/../images/bt_suggestions.gif');
	 background-position:top;
}

ul.mainMenu li.off a.suggestions:hover {
     background-image: url('/../images/bt_suggestions.gif');
	 background-position:bottom;
}

ul.mainMenu li a.communaute {
     width: 109px;
     height: 16px;
     margin-top: 2px;
     background-image: url('../images/bt_communaute.gif');
	 background-position: top;
	 background-repeat: no-repeat;
}
ul.mainMenu li a.communaute:hover,
ul.mainMenu li.on a.communaute {
     background-image: url('../images/bt_communaute.gif');
	 background-position: bottom;
	 background-repeat: no-repeat;
}
ul.mainMenu li a.panier {
     width: 57px;
     height: 16px;
     background-image: url('../images/bt_panier.gif');
	 background-position: top;
	 background-repeat: no-repeat;
}
ul.mainMenu li a.panier:hover,
ul.mainMenu li.on a.panier {
     background-image: url('../images/bt_panier.gif');
	 background-position: bottom;
	 background-repeat: no-repeat;
}
ul.mainMenu li a.contact {
     width: 73px;
     height: 16px;
     background-image: url('../images/bt_contact.gif');
	 background-position: top;
	 background-repeat: no-repeat;
}
ul.mainMenu li a.contact:hover,
ul.mainMenu li.on a.contact {
     background-image: url('../images/bt_contact.gif');
	 background-position: bottom;
	 background-repeat: no-repeat;
}

.bubble {
    /* width: 491px;*/
     background-repeat: no-repeat;
     position: relative;
     padding: 26px 30px;
     color: #385771;
     margin-bottom: 13px;
     min-height: 30px;
	 width: 705px;
	 float: left;
}

.leftbubble {
	 float: left;
	 width: 319px;
}

.footermenu{
	/*float: left;*/
}

.small {
	position: relative;
    padding: 26px 30px;
    color: #385771;
    margin-bottom: 13px;
    min-height: 30px;
	width: 319px;
	background-color: #d5e7f7;
}

.small2 {
	position: relative;
    padding: 26px 30px;
    color: #385771;
    margin-bottom: 13px;
    min-height: 30px;
	width: 319px;
}

.rightbubble {
	float: right;
}
/*
.thecenterpale
{
	width: 379px;
	background-color: #e7f4fc;
	padding:0 30px 0 30px;
}

.thecenter
{
	width: 379px;
	background-color: #d5e7f7;
	padding:0 30px 0 30px;
}
*/
.top  {
	height: 16px;
	left:0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 379px;
	background-image: url(../images2/bubbles-small.jpg);
	background-repeat:no-repeat;
}

.top .light
{
	background-position: 16px;
}

.top2  {
	height: 16px;
	left:0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 379px;
	background-image: url(../images2/top.jpg);
	background-repeat:no-repeat;
}

.top2 .light2
{
	background-position: 16px;
}

.bubble a {
     color: #385771;
     text-decoration: underline;
}
.pale {
     background-image: url('../images2/bubble1-top.jpg');
     background-color: #e7f4fc;
     color: #385771;

}
.end {
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 379px;
     height: 21px;
     overflow: hidden;
}
.end2 {
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 379px;
     height: 16px;
     overflow: hidden;
}
.pale .end {
     background-image: url('../images2/bubbles.jpg');
     background-position: 0 -75px;
	background-repeat:no-repeat;
}
.light {
    /* background-color: #d5e7f7;*/
}

.light2 {
    background-color: #e7f4fc;
}

.light .end {
     background-image: url('../images2/bubbles.jpg');
     background-position: 0 -96px;
}

.small .end {
     background-image: url('../images2/bubbles-small.jpg');
	 background-position: 0 53px;
}

.end2 {
     background-image: url('../images2/bottom.jpg');
}

.reallypale {
     background-image: url('../images2/bubble3-top.jpg');
     background-color: #f3f8fd;


}
.reallypale .end {
     background-image: url('../images2/bubbles.jpg');
     background-position: 0 -117px;
}
h1 {
     font-family: "Arial black", Arial, sans-serif;
     color: #6a8aa7;
     font-size: 14px;
     font-weight: normal;
     text-transform: uppercase;
}
h2 {
     font-family: "Arial black", Arial, sans-serif;
     color: #b63a3d;
     font-size: 12px;
     font-weight: normal;
     text-transform: uppercase;
}
.red {
     color: #b63a3d;
     font-style: italic;
}
p {
     margin: 12px 0;
}
#footerMenu {
     list-style-type: none;     
     color: #6a8aa7;
     margin: 12px 0 0 0;
     padding: 0;
}
#footerMenu li {
     float: right;
     border-right: 1px solid #6a8aa7;
     padding: 0 8px 0 0;
     margin: 0 0 0 8px;
}
#footerMenu li.first {
     border: 0;
     margin-right: 0;
     padding-right: 0;
}
#footerMenu li a {
     color: #6a8aa7;
     text-decoration: underline;
}
#footerMenu li.on a,
#footerMenu li a:hover {
     text-decoration: underline;
}
#credits {
     color: #6a8aa7;
     text-align: right;
     margin: 0;
     padding: 0;
     clear: both;
}
#credits a {
     color: #6a8aa7;
     text-decoration: underline;
}
#credits a:hover {
     text-decoration: underline;
}

/* Form styling */
fieldset {
     border: 1px solid #6a8aa7;
     padding: 1em;
     font-size: 1.1em;
}
legend {
     font-weight: bold;
     padding: 0 1em;
     color: #b63a3d;
}
label {
     display: block;
     float: left;
     clear: left;
     width: 13em;
}
label.large {
     width: 20em;
}
input {
     width: 12em;
}
input.submit {
     width: auto;
     /*margin-left: 10em;*/
     border: 1px solid #6a8aa7;
     background-color: transparent;
     padding: 0.1em 0.3em;
}


ul.adminMenu {
     margin-left: 0;
     list-style-type: none;
     width: 620px;
     height: 23px;
	 background-color:#00CCFF;
     position: absolute;
     top: 185px;
	 left:0;
}
ul.adminMenu li {
     float: left;
     margin: 5px 10px 0 10px;
}
ul.adminMenu li a {
     font-weight: bold;
     font-size: 1.2em;
     color: White;
     display: block;
     background-repeat: no-repeat;
}
ul.adminMenu li.on a,
ul.adminMenu li a:hover {
     text-decoration: underline;
}
ul.adminMenu li ul {
     display: none;
     position: absolute;
     width: 225px;
     background-image: url('../images/adminmenu.jpg');
     background-position: bottom;
}
ul.adminMenu li ul li {
     width: 205px;
     float: none;
     margin: 0;
     padding: 5px 10px;
}
input.checkbox {
     width: 1em;
}
input.file {
     margin-right:5em;
}
.targetBlank {
} 
ol {
     list-style-type: decimal;
     margin-left: 3em;
}
ol li {
     margin-bottom: 0.7em;
}
table ol {
     margin-left: 2em;
}
table tr td {
     vertical-align: top;
}
#popup {
     background-color: #e7f4fc;
     height: 100%;
     width: 100%;
}
#popup form {
     padding: 1em;
     margin: 0;
}
#popup h1 {
     padding: 1em 0 0 1em;
}
#popup label,
#popup input {
     display: inline;
     width: auto;
}
#popup .error {
     position: absolute;
     top: 22px;
     left: 20px;
     font-size: 11px;
     color: red;
     line-height: 10px;
}

.product {
     padding: 0.8em;
     border: 1px solid White;
     margin-bottom: 1em;

}
.product img {
     padding-right: 0.8em;
}
.product h3 {
     margin-top: 4em;
     font-size: 1.5em;
}
.product h4 {
     color: #b63a3d;
     text-transform: uppercase;
     margin: 0em 1em 1em 1em;
     padding-top: 1em;
}
table.produits {
     width: 100%;
     border-collapse: collapse;
}
table.produits th {
     height: 30px;
     background-color: #6a8aa7;
     padding: 3px 8px;
     font-size: 1.2em;
     font-family: Tahoma;
     color: White;

}
table.produits td,
table.produits th {
     border: 1px solid white;
     padding: 3px 8px;
}
table.produits input.quantitee {
     width: 22px;
     text-align: center;
}
table.produits tr {
     height: 30px;
}
table.produits td.total {
     padding: 1em 1px 1em 0;
}
#popup {
     font-size: 12px;
}
#popup form {
     text-align: left;
}
#popup label {
     float: left;
     clear: left;
     display: block;
     width: 8em;
     font-weight: bold;
}
#popup a {
     text-decoration: underline;
     color: black;
}
#popup textarea {
     width: 300px;
     height: 60px;
}

#wrapper #content .bubble p a {
     text-decoration: underline;
}
#wrapper #content .bubble .product p a {
     text-decoration: underline;
}
#wrapper #content .bubble .product p a:hover {
     text-decoration: underline;
}
table.titres {
     border-collapse: collapse;
}
table.titres tr.odd {
     background-color:White;
}
table.titres tr th,
table.titres tr td {
     padding: 5px 10px;
     border: 1px solid White;
}

ul {
     margin-left: 2em;
     list-style-type: circle;
}
#wrapper #content .bubble h5 {
     font-family: "Arial black", Arial, sans-serif;
     color: #b63a3d;
     font-size: 13px;
     font-weight: normal;
     text-transform: uppercase;
     padding-right: 0;
     margin-right: 0;
}
#wrapper #content .bubble h5 a {
    color: #b63a3d;
    text-decoration: underline;
}
#wrapper #content .bubble h5 a:hover {
    text-decoration: underline;
}

.publileft
{
	height: 200px;
	width: 200px;
	margin: 20px 20px 0px 20px;
	background-color: white;
}

.publitop-left
{
	position: absolute;
	top: 0px;
	left: 235px;
	width: 550px;
	height: 100px;
}
.publitop-right
{
	position: absolute;
	top: 0px;
	left: 785px;
	width: 230px;
	height: 100px;
}
.publibot-left
{	
	text-align:left;
	position: absolute;
	bottom: -190px;
	left:10px;
	width: 200px;
	height: 100px;
}
.publibot-right
{
	text-align:left;
	position: absolute;
	bottom: -190px;
	left: 220px;
	width: 560px;
	height: 100px;
}

.titresections
{
	font-family: "Arial black", Arial, sans-serif;
	color: #6a8aa7;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}