@charset "UTF-8";
* {
margin : 0;
padding : 0;
}
body {
background : none 0% 0% repeat scroll #000000;
}
#horizon {
background-color : transparent;
color : white;
display : block;
height : 1px;
left : 0;
overflow : visible;
position : absolute;
text-align : center;
top : 50%;
visibility : visible;
width : 100%;
}
#contenu {
	height: auto;
    left: 50%;
    margin-left: -525px;
    max-width: 1100px;
    min-width: 600px;
    position: absolute;
    top: -346px;
    visibility: visible;
    width: 100%;;
}
img {
vertical-align : middle;
border : none;
}
.div {
margin-bottom : -16px;
} 
.left {
float : left;
margin-left : 15px;
margin-top : 10px;
}
.box {
    margin-top: 1px;
	/margin-left: 67.7%;
}
.rigth {
    color: white;
    float: left;
    font-family: arial;
    font-size: 12px;
    width: 137px;
    z-index: 3000;
	letter-spacing: 0.2px;
	/margin-left: 60%;
}
a {
text-decoration : none;
color : #ffffff;
}
a:hover {
color : #77787b;
} 
.essai {
margin-left : 860px;
margin-top : 32px;
position : absolute;
width : 145px;
z-index : 1000;
}
.logo {
float : left;
height : 34px;
margin-left : 4.4%;
margin-top : 5%;
position : relative;
width : 265px;
z-index : 3000;
}
#buton1 {
color : white;
font-variant : small-caps;
margin-top : 57px;
font-family : arial, helvetica, sans-serif;
margin-left : 14px;
width: 189px;
cursor : pointer;
}
#buton2 {
color : white;
font-variant : small-caps;
margin-top : 57px;
font-family : arial, helvetica, sans-serif;
margin-left : 14px;
width: 189px;
cursor : pointer;
font-weight : bold;
}
h2 {
height : 45px;
color : #acacac;
margin-bottom : 160px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#buton1 {
color : white;
font-variant : small-caps;
margin-top : 57px;
font-family : arial, helvetica, sans-serif;
margin-left : 2px;
width : 170px;
cursor : pointer;
}
#buton2 {
color : white;
font-variant : small-caps;
margin-top : 57px;
font-family : arial, helvetica, sans-serif;
margin-left : 2px;
width : 170px;
cursor : pointer;
font-weight : bold;
}	
}.picto {
margin-bottom : 2px;
margin-left : 27px;
}
#buton1 input {
background-image : url("../interface/images/bt2.png");
border : medium none;
cursor : pointer;
height : 208px;
margin-left : 93.3%;
margin-top : -38%;
position : absolute;
width : 28px;
z-index : 6000;
}
#buton2 input {
background-image : url("../interface/images/bt.png");
border : medium none;
cursor : pointer;
height : 208px;
margin-left : 93.3%;
margin-top : -38%;
position : absolute;
width : 28px;
z-index : 6000;
}

#informations {
	background-color: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 411px;
    margin-left: 2%;
    margin-top: 12%;
    padding-left: 16px;
    padding-top: 30px;
    position: absolute;
    width: 241px;
    z-index: 3000;
	zoom: 1;
	/margin-left: 36%;
	/margin-top: 77px;
	/height: 560px;
	/background: transparent;
	/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);  
}
h3 {
	font-family: helvetica;
    font-size: 35px;
    margin-bottom: 29px;
}
table {
	 background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: auto;
    margin-left: 305px;
    margin-top: 5px;
    position: static;
    width: 457px;
	/margin-left:30%; 
}
#contact {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
height : 600px;
left : 0;
margin-top : 16%;
position : relative;
width : 100%;
z-index : 10000;

}
#contact1{
	font-family : Helvetica, Arial, sans-serif;
height : 8px;
width : 170px;
width : 200px;

}
#contact_inner {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
height : 586px;
margin-left : 0;
margin-top : -785px;
padding-bottom : 0;
padding-left : 8%;
padding-top : 15px;
width : 900px;
z-index : 11;

}
#texte_contact {
	font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 14px;
font-weight : bold;

}
#texte_contact:hover {
color : #aaaaaa; 
}
.texte_courant {
font-family : Arial, Helvetica, sans-serif;
color : #eeeeee;
font-size : 12px;
list-style-position : inside;
margin-left : 20px;

}
.soustitrage_courant {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 14px;
font-weight : 600;

}
.copyrigth {
color : #ffffff;
float : left;
margin-top : 10px;
width : 190px;
font-size : 13px;
margin-right : 6.5%;

}
.gauche { 
color : white;
cursor : pointer;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
margin-top : 5px;

}
#infosrr { 
background : none 0% 0% repeat scroll #000000;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
height : auto;
margin-left : 0;
margin-top : 17%;
width : 850px;

}
.drapeau {
letter-spacing : -0.2px;
line-height : 1em;
padding : 0 0 0 172px;

}
.right ul{
	list-style:none;
}
.right li{
	float: left;
    font-size: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
height: auto;
margin-left: 300px;
margin-top: 5px;
position: static;
width: 457px;
}
	#contact_inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
height : 586px;
margin-left : 2%;
margin-top : -750px;
padding-bottom : 0;
padding-left : 8%;
padding-top : 15px;
width : 900px;
z-index : 11;

}
}/*style pour IE declarer avec le '/'devant le code*/
#conteneur{
	alignment-adjust : central; 
}
#slideshow {
list-style : none;
color : #fff;

}
#slideshow span {
	display : none; 
}
#wrapper {
display : none;
height : 550px;
margin-left : 4%;
margin-top : 53px;
width : 506px;
}

#fullsize {
	background: none repeat scroll 0 0 transparent;
    height: 450px;
    padding: 8px 2px 2px 2px;
    position: relative;
    width: 0;
	/margin-left: -10%;
	/margin-top:75px;
}
#information {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
bottom : 0;
color : #ffffff;
margin-left : -232px;
overflow : hidden;
position : absolute;
text-align : left;
width : 243px;
z-index : 2000;

}
#information h3 {
font-size : 30px;
margin : 0 0 0;
padding : 0 0 0;

}
#information p {
line-height: 29px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
margin-bottom : 40%;
margin-top : 100px;
padding-left : 5px;

}
#image {
	width : 500px; 
}
#image img {
height : 440px;
margin-left : -280px;
position : absolute;
width : auto;
z-index : 25;

}
.imgnav {
position : absolute;
width : 25%;
height : 306px;
z-index : 150;

}
#imgprev {
left : 0;
width : 0;

}
#imgnext {
right : 0;
width : 0;

}
#imglink {
height : 306px;
opacity : 0.4;
position : fixed;
width : 0;
z-index : 100;
filter:alpha(opacity=40);
}
.linkhover {
}
#thumbnails {
margin-top : 10px; 
}
#slideleft {
	background: url("../interface/images/scroll-left.png") no-repeat scroll center center #000000;
    cursor: pointer;
    float: left;
    height: 65px;
    margin-left: 47%;
    margin-top: 9px;
    width: 20px;
	/margin-left: 18.6%;
}

#slideleft:hover {
background-color : #000; 
}
#slideright {
	background: url("../interface/images/scroll-right.png") no-repeat scroll center center #000000;
    cursor: pointer;
    height: 81px;
    margin-left: 141%;
    margin-top: -87px;
    width: 20px;
	/margin-left: 102%;
}

#slideright:hover {
background-color : #000; 
}
#slidearea {
	height: 88px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    width: 455px;
	/height:75px;
}
#slider {
position : absolute;
left : 0;
height : 80px;
margin-left : 1%;
width : 700px;
}
#slider img {
cursor : pointer;
padding : 2px;
}
#slider img:hover{
border : 1px solid #aaaaaa;
padding-top : 0;
padding-left : 0;

}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper {
display : none;
height : 550px;
margin-left : 26%;
margin-top : 53px;
width : 506px;
}
	#information {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
bottom : 0;
color : #ffffff;
margin-left : -455px;
overflow : hidden;
position : absolute;
text-align : left;
width : 243px;
z-index : 2000;
}
	#slideleft {
background: url("../interface/images/scroll-left.png") no-repeat scroll center center #000000;
cursor: pointer;
float: left;
height: 65px;
margin-left: 0px;
margin-top: 9px;
width: 20px;
}
	#slideright {
background: url("../interface/images/scroll-right.png") no-repeat scroll center center #000000;
cursor: pointer;
height: 81px;
margin-top: -87px;
width: 20px;
position: absolute;
margin-left: 507px;
}
}