#mainDiapo
{
    float: left;
    z-index: 0;
    height: 100%;
/*	width: 54%;
	margin: 0 0 0 4%;	? Est-ce nécessaire ?	*/
	margin: 0 0 0 0;
	width: 58%;
/*    width: 40%;
    margin-left: 10%;
    margin-bottom: 0;  */
    position: relative;
}

#actualites
{
	display: none;
	position: relative;
	width: 100%;
//	height: 2em;
    z-index: 4;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=8);
    -moz-box-shadow: 0.2em 0.4em 1em black;
    -webkit-box-shadow: 0.2em 0.4em 1em black;
    box-shadow: 0.2em 0.4em 1em black;
	padding: 10px 0;	/* En px pour pouvoir redimensionner le main... */
}
#actualites p
{
	position: relative;
	display: none;
	width: 100%;
}

/*****    Accordion     *****/

#accordeonAccueil {
    float: right;
    position: relative;
    z-index: 1;
	width: 42%;
    height: 100%;
	padding: 0;
/*	margin-right: 0;
/*    margin-right:auto;
    width:50%;	*/
/*    http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ : elliptical, 0.5, 1, 777777, 333333. */
/*    background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #777777 50%, #333333 100%); /* IE10 Consumer Preview */
/*    background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #777777 50%, #333333 100%); /* Mozilla Firefox */
/*    background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #777777 50%, #333333 100%); /* Opera */ 
/*    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0.5, #777777), color-stop(1, #333333)); /* Webkit (Safari/Chrome 10) */ 
/*    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #777777 50%, #333333 100%); /* Webkit (Chrome 11+) */ 
/*    background-image: radial-gradient(ellipse farthest-corner at center bottom, #777777 50%, #333333 100%); /* W3C Markup, IE10 Release Preview */	
}

#accordion
{
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
}
ul.accordion{
    list-style: none;
    left: 0;
    top: 0;
    font-family: Cambria, serif;
	font-size: 100%;
    font-size: 2em;
    font-style: italic;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    height: 100%;
	margin-top: 0.1%;
	margin-right: 0.1%;
}
ul.accordion li{
/*    width:92%;	*/
	width: 90%;
    height: 100%;
    display: block;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
}

ul.accordion li.bg1{
    height: 33%;
    background-image: url(../css/images/accueil/accordion/qualite.jpg);
    background-position: left;
    background-size: 100% auto;
    z-index: 3;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=8);
    -moz-box-shadow: 0.2em 0.4em 1em black;
    -webkit-box-shadow: 0.2em 0.4em 1em black;
    box-shadow: 0.2em 0.4em 1em black;
}
ul.accordion li.bg2{
    height: 33%;
    background-image: url(../css/images/accueil/accordion/son.jpg);
    background-position: left;
    background-size: 100% auto;
    z-index: 2;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=8);
    -moz-box-shadow: 0.2em 0.4em 1em black;
    -webkit-box-shadow: 0.2em 0.4em 1em black;
    box-shadow: 0.2em 0.4em 1em black;
}
ul.accordion li.bg3{
    height: 34%;
    background-image: url(../css/images/accueil/accordion/personnalisation.jpg);
    background-position: left;
    background-size: 100% auto;
    z-index: 1;
}

ul.accordion li .heading{
    display: block;
    float: left;
    width: 15em;
    background-color: black;
    padding: 1% 1% 1% 5%;
	margin: 12% 0 0 0;
    opacity: 0.75;
    letter-spacing: 0.04em;
	font-size: 0.45em;
    color: #cc9f66;
    text-align: left;
    text-shadow: -0.25% -0.25% 0.25% #111;
}

ul.accordion li .description{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display:none;
}

ul.accordion li .description h2{
    font-variant: small-caps;
    letter-spacing: 0.05em;
    font-family: "high tower text", sans-serif;
    font-style: italic;
    font-size: 0.5em;
	font-weight: lighter;
	line-height: 1.5em;
    color: #cc9f66;
    text-align: right;
    margin: 0 2%;
}
ul.accordion li .description p{
    margin: 2.25%;
    font-family: "high tower text", sans-serif;
    font-size: 0.4em;
    font-style: italic;
    font-weight: normal;
    color: #cc9f66;
    text-align: right;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 0 2% 2% 2%;
}
ul.accordion li .description a{
    position:absolute;
    bottom:0;
    left:2vh;
    font-style:normal;
    font-size:1.5vh;
    text-decoration:none;
    color:#777;
}
ul.accordion li .description a:hover{
    color:#ccc;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
    background:transparent url(../css/images/accueil/accordion/bgDescription.png) repeat-x;
    background-position:bottom;
    background-size:auto 100%;
    height: 4em;
    opacity: 0,9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}

#engagements
{
    float: left;
    display:block;
    left:0;
    top:0;
    z-index:6;
    height:100%;
    width:8%;
    background-color:white;
    background: url('images/accueil/engagements.png') no-repeat;
    background-size: 100% 100%;
    opacity: 0.8;
}

/*****    /Accordion     *****/