#wrapper {
	margin: -24px auto 0 auto;/*IE*/
	min-height: 100%; /*IE*/
	#height: 100%; 	/*IE6*/
	width: 980px;
	position: relative;
}


* {
	margin: 0;
}

a {
	text-decoration: underline;
	color: #336784;
	
}

a img{
	border:none;/*For IE6 Shenanigans*/
}



a:hover {
	text-decoration: none;
}
    

#collections{
height:578px;
width:980px;
background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden;


}


#promo{
float:right; 
position: absolute;
top: 50px;
right: 20px;
margin-top:5px;
margin-bottom:5px;
padding-right:5px;
padding-left:5px;
background-color:#F5F5F5;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.savoirplus{cursor:pointer;
}

.diapow{float:left;position:relative;left:-50%;
}
.diapoww{
box-shadow: 10px 10px 5px #888888;margin:48px 7px 100px 7px;height:232px;position:relative;top:50%;

}
.diapowww{
background: #EECFA1;min-height:578px;width:784px;
}

html, body { height: 100%;
}

body {
	text-align:center; /*For IE6 Shenanigans*/ 
	color: #595350;
	line-height: 1.5em;
	background: url("images/home-background.jpg") no-repeat fixed 50% 0% transparent;
	font-size: 12pt;
	text-align:center; /*For IE6 Shenanigans*/ 
}

body,input {
	font-family: Kreon, sans-serif;
	font-size: 12pt;
	#border:0px;/*For IE6 Shenanigans*/

}

br.clearfix {
	clear: both;
}

strong {
	color: #000;
}

h1,h2,h3,h4 {
	font-weight: normal;
}



h1 {
	font-size: 2.25em;
	color: rgb(28, 72, 83);
	text-align:left;
	margin-bottom: 1.75em;
	
}

h2{	color: #000;}

.big{font-size: 2.25em;
	color: rgb(28, 72, 83);
	text-align:left;
	margin-bottom: 1.25em;}


h3,h4 {

	text-decoration:underline;
	#margin-bottom: 1.25em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.5em;
}

img.alignleft {
	margin: 5px 20px 20px 0;
	float: left;
}

img.aligntop {
	margin: 5px 0 20px 0;
}

p {
	margin-bottom: 1.75em;
}

ul {
	#margin-bottom: 1.75em;
}

ul h4 {
	#margin-bottom: 0.4em;
}

.post {	margin: 0 0 40px 0;
text-align:justify

}

#content {
	background: #FFF;
	width: 700px;
	padding: 40px;
	float: left;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		background:transparent;
}

.content {

	background-image:url('css/images/sdfsdf.png');	background-repeat: no-repeat;

}

.description{

text-align:justify; text-justify:newspaper


}
.livre{line-height:1em;}


.clearfooter {clear: both; }

#footer-wrapper{height:420px;background:rgb(255,255,255);padding: 30px 0 90px 0;text-align: left;width:1000px;margin:auto;}

#footer {
#margin-top: -174px ;/*IE*/

	width: 100%;/*IE*/
	position: relative; /*IE*/
#height:330px; /*IE*/

	background:rgb(255,255,255);
	#text-align: center; /*IE*/
	
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
	#overflow: hidden; /*IE*/   
}
#footer a {
	color: rgb(51, 103, 132);
	text-shadow: 1px 1px 0px rgba(255,255,255,0.25);
}
#footer p {
	overflow: hidden;
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	text-align: center;
	color: #FFFFFF;
}

#footer p {
	overflow: hidden;
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	text-align: center;
	color: #FFFFFF;
}

#footer ul{list-style-type:circle;}

#footer h1 {
	font-family: Carleton, Kreon, sans-serif;
	font-size:1.5em;

}

#footer h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 24px;
}

#footer #fbox1 {
	float: left;
	width: 600px;
	margin-right: 30px;
}

#footer #fbox2 {
	float: left;
	width: 220px;
}

#footer #fbox3 {
	float: right;
	width: 220px;
}

.editorbar {
    color: rgb(255, 0, 0);
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: rgb(255, 0, 0);
    text-align: right;
}



#header {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 50px;
	#height: 50px;
	position: relative;
	width: 980px;
}

#logo {
	position: absolute;
	top: 80;
	left: 20px;
	height: 102px;
	margin-top: 5px;
	padding:20px;
	padding-top:10px;
	background-color:#F5F5F5;
	  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}


.logo a {
	color: #000;
	text-decoration:none;
}

.logo h1 {
	font-family:  Kreon, sans-serif;
	padding: 0px 0px 0px 0px;
	font-size: 2.5em;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.9);
	text-transform:uppercase
}

/*-------------------NAV START----------------------*/

nav {
	margin: 48 0 0 0;
	text-align: center;
	
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}


nav ul {
	background: rgb(28,72,83);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25), 0px 0px 6px 0px rgba(255,255,255,0.9);
	padding: 0 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	width: 980px;
	z-index:500;
	line-height: 50px;
	height: 50px;
	
	margin-top:-24px;
}
nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
	  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
	
}
	nav ul li:hover {
		background: #336784;
	}
		nav ul li:hover a {
			color: #fff;
		}
		
	nav ul li a {
		display: block; 
		padding: 0px 20px;
		color: #FFF; 
		text-decoration: none;
		z-index:5000;
	}
			
		
nav ul ul {
width:150px;padding: 0px 20px;
	background: rgb(28,72,83); padding: 0;
	position: absolute; top: 148%;
}
	nav ul ul li {
		
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a; position: relative;
	}
		nav ul ul li a {
			padding: 0px 0px;
			background: rgb(28,72,83);
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #336784;
			}
		
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/*-------------------NAV END----------------------*/

.zepanier  a{
background: transparent url(/css/images/Panier.png)  scroll no-repeat left center;
padding: 2px 0px 2px 25px;

}

.bouton{margin-left: 1em;
	background: #336784 url(images/bg2.jpg);
	
	border: 0;
	color: #FFF;
	padding: 7px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.9), 0px 0px 6px 0px rgba(255,255,255,0.9);
	#width:115px;
	cursor:pointer;}
	
.backo{
width:225px;text-align:right;background: url(images/Fleche_precedent.bmp);
}

.nexto{
width:225px;text-align:left;background: url(images/Valider_commande.bmp);
#background-repeat:no-repeat;
#background-attachment:fixed;
background-position:right; 
}

.thisok{width:225px;text-align:left;background: url(images/OK.bmp);}

.panier{
width:100px;
text-align:right;
background: url(images/bg3_panier.jpg);

}

.ajouter{
width:136px;
text-align:right;
background: url(images/bg3_+.jpg);

}
.ajouter2{
width:136px;
text-align:right;
background: #336784 url(images/bg2.jpg);

}

.supprimer{
width:160px;
text-align:right;
background: url(images/bg3_-.jpg);

}
/*
#menu ul li {
	display: inline;
	padding: 0 10px 0 10px;
}

#menu ul li.first {
	padding-left: 0;
}
*/
#page {
	width: 980px;
	padding: 0;
	margin: 20px 0 20px 0;
	position: relative;
}

#page .section-list {
	list-style: none;
	padding-left: 0;
}

#page .section-list li {
	clear: both;
	padding: 25px 0 25px 0;
}

#page ul {
	list-style: none;
}

#page ul li {
	border-top: solid 1px #B8B8B8;
	padding: 15px 0 15px 0;
}

#page ul li.first {
	padding-top: 0;
	border-top: 0;
}

#col1 {
	float: left;
	width: 330px;
	
	overflow: hidden;
	margin: 0px 0px 10px 10px;
	padding: 10 20 10 20;
	
}

#col1a {
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 0px 0px 10px 10px;
	padding: 10 30 10 30;
	
}

#col1commande {
	float: left;
	width: 590px;
	
	overflow: hidden;
	margin: 0px 0px 10px 10px;
	padding: 10 20 10 20;
	
}

#col2 {
	float:right	;
	width: 400px;
	overflow: hidden;
	padding: 20 20 0 0;
}
#col2a {
	float:right;
	width: 140px;
	overflow: hidden;
	padding: 20 20 0 0;
}
#col3 {
	float:right;
	width: 140px;	
	overflow: hidden;
	padding: 20 20 0 0;
}

#search {
	top: 18px;
	position: absolute;
	right: 20px;
	z-index: 1000;
}

#Form {#min-height:600px;}

#Form tr{

border: solid 1px #000;

}

#Form td{
padding: 7px;
border: solid 1px #000;

}

#Form input submit{
padding: 7px;
border: solid 0px #000;

}

.search input.form-submit {
	background: #336784 url(images/bg3_loupe.jpg);
	
	border: 0;
	color: #FFF;
	padding: 7px 7px 7px 32px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,0.9);
	
}

.search input.form-text {
	padding: 8px;
	border: 0;
	background: rgb(255,255,255);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.9);
	color: #000;
	width: 200px;
	
}



#fond{
	#width:980px;
	#background-color: #000;/*For IE6 Shenanigans*/ 
	background-color: rgba(62,59,57,0.8);
	padding: 0px 20px 20px 20px;
	margin: 10px 0px 0px 0px;
	
}

#splash {	
	float:left;
	padding: 20px;
	position: relative;
	background: #FFF;
	margin: 0px 20px 20px 20px;
	width: 570px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#diapo {
	float:left;
	position: relative;
	margin: 0 0 0 0;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.splash {
min-height:720px;
text-align:left;
	padding: 20px 20px;
	position: relative;
	background: #FFF;
	width: 900px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);

}

.splash2{
text-align:left;
	padding: 20px 20px;
	position: relative;
	background: #FFF;
	width: 900px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

#sidebar {
	margin: 0 0 0 653px;
	background: rgba(62,59,57,0.7);
	width: 267px;
	height:460px;
	padding: 20px;
	color: #CCCCCB;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5), 0px 0px 6px 0px rgba(255,255,255,0.9);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}

#sidebar a {
	color: #FFF;
}

#sidebar h2, #sidebar h3, #sidebar h4 {
	color: #FFF;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	padding: 15px 0 15px 0;
	border-top: solid 1px #8F8F8E;
}

#sidebar ul li.first {
	border-top: 0;
	padding-top: 0;
}



.premiere{

width:200px;float:left;
box-shadow: 10px 10px 5px #888888;

}

@media only screen and (min-width:0px){
        #testlol {
    height: 0px;
	
}
}
@media only screen and (min-height:700px){
        #testlol {
    height: 350px;
}
    }
	/*
	
    @media only screen and (min-width:1440px){
        #testlol {
    height: 350px;
    }
	}
    @media only screen and (min-width:1920px){
        #testlol {
    height: 350px;
    }
    }
	 @media only screen and (min-width:2000px){
          #testlol {
    height: 350px;
    }
    }
	
	*/

    .nivoZoom img {
        display: block;
    }

    .nivoZoom img::selection { background-color: transparent; }

    .titre_options{
        z-index:100000;
        display: none;

    }
    .titre_options:hover{
        z-index:100000;
        display: block;
    }

    .titre_options_button{
            z-index: 100000;
            width: 71%;
            text-align: center;
            position: absolute;
            background-color: rgb(28,72,83);
            #margin: -8px 16px;
            margin: 20px 16px;
            margin: 20px 11%;
            padding: 6px;
            color: #FFF;
            opacity: 0.93;
    }
    
    .titre_options_button_1{
            top: 100px; 
    }
    .titre_options_button_2{
            top: 155px; 
    }
    .titre_options_button_2 a{
            text-decoration: none !important;
            color:white !important;
        }
    .titre_options_button_3{
            top: 210px; 
    }