@charset "UTF-8";
/* CSS Document */

body
{
margin:0px;
padding:0px;

background-color:#000000;
background-image:url(../img/fond.gif);
background-repeat:repeat-x;

background:url(../img/fond.gif) repeat-x, url(../img/sunrightX.png) center top no-repeat, #000000;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #a0a0a0;
}

hr {
height: 1px;
background-color: #999;
border:none;
}

.hr2 {
height: 1px;
background-color: #555;
border:none;
}

.hr3 {
height: 2px;
background-color: #999;
border:none;
}

.hr4 {
height: 1px;
background-color: #AAA;
border:none;
}


sup {
font-size: 9px;
}

#content {
z-index:10; 
position:relative;
width:900px;

height:auto;

margin:auto;

/*border:thin solid #ff0000;*/
}
/*
#sunleft {
z-index:4; 
position:absolute;
top:98px;
left:-138px;

width:138px;
height:350px;

background-image:url(../img/sunleft2.png);

MozOpacity:6;
KhtmlOpacity:6;
opacity:0.6;
filter:alpha(opacity=60);

}

#sunright {
z-index:6; 
position:absolute;
top:98px;
right:-138px;

width:100%;
height:369px;
max-width:138px;

background-image:url(../img/sunright.png);

MozOpacity:6;
KhtmlOpacity:6;
opacity:0.6;
filter:alpha(opacity=60); 

overflow-x:hidden;
}*/



#sun {
z-index:10; 
position:absolute;
left:38px;
top:-4px;

width:825px;
height:57px;

background-image:url(../img/sun.png);

MozOpacity:7;
KhtmlOpacity:7;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

#tanker {
z-index:11; 
position:relative;

left:163px;
width:737px;
padding-top:98px;

min-height:553px;

/*border:thin solid #00ff00;*/

}

#logo {
z-index:12; 
position:absolute;
left:84px;
top:-1px;
width:158px;
height:174px;
background-image:url(../img/logo.png);
}

#suzishen {
z-index:14; 
position:absolute;
left:247px;
top:11px;
width:404px;
height:66px;
background-image:url(../img/suzishen.png);
}

#enseigne {
z-index:16; 
position:absolute;

top:83px;
right:285px;
color:#000000;

margin-left: auto;
margin-right: auto;
}

#menuBox {
z-index:18; 
position:absolute;
width:163px;

top:98px;
left:0px;
bottom:0px; 

background: -moz-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0.15)), color-stop(37%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 37%,rgba(255,255,255,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#26ffffff',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */

}

#reflet {
z-index:20; 
position:absolute;
width:900px;

height:65px;

bottom:-65px;

background: -moz-linear-gradient(top,  rgba(28,28,28,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,28,28,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

#baseline {
z-index:22; 
position:inherit;


width:1038px;
height:1px;

right:69px;

background:#fff;

background-image: linear-gradient(right , rgb(0,0,0) 0%, rgb(255,255,255) 50%, rgb(0,0,0) 100%);
background-image: -o-linear-gradient(right , rgb(0,0,0) 0%, rgb(255,255,255) 50%, rgb(0,0,0) 100%);
background-image: -moz-linear-gradient(right , rgb(0,0,0) 0%, rgb(255,255,255) 50%, rgb(0,0,0) 100%);
background-image: -webkit-linear-gradient(right , rgb(0,0,0) 0%, rgb(255,255,255) 50%, rgb(0,0,0) 100%);
background-image: -ms-linear-gradient(right , rgb(0,0,0) 0%, rgb(255,255,255) 50%, rgb(0,0,0) 100%);

}

#baselineiphone {
z-index:22; 
position:inherit;


width:900px;
height:1px;

left:0px;

background:#fff;

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

}

#footer {
z-index:24;
position:absolute;
width:900px;
text-align:center;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;
margin-top:5px;
margin-bottom:20px;
}

#menu { 

padding-top:65px;
padding-right:20px;
text-align:right;

font-size: 12px;
line-height:20px;
letter-spacing:0px;


/*text-shadow: 0px 0px 20px #fff;*/
/*border:thin solid #ff0000;*/

}

a {
font-size: 12px;
color: #585858;
text-decoration:none;
}

a:hover {
font-size: 12px;
color: #bbb;
text-decoration:none;
}

#MenuItem2 {
color: #FFF;
font-size: 14px;
}

#MenuItem3 {
color: #debf88;
margin-top:-4px;
margin-left:10px;

}

#MenuItem3:hover {
color: #fff;
}

#langSelect{ 

position:absolute;
top:82px;

right:0px;
text-align:right;


/*border:thin solid #00ff00;*/
}

#langSelect a:hover{
color: #000000;
}

#CurseurMenu {
z-index:-1;
visibility:hidden;
}

#footer A{
font-size: 11px;
color: #444;
}

#footer A:hover {
color: #aaa;
}


#fondu1 {
z-index:26;
position:absolute;
width:250px;
height:250px;

right:0px;
bottom:0px; 

MozOpacity:3;
KhtmlOpacity:3;
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */

background-image:url(../img/CoinCyan.png);
}

#demiLigne {

width:125px;
height:1px;
margin-left:18px;
margin-top:6px;
margin-bottom:6px;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.75))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* IE10+ */

background: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfffffff',GradientType=1 ); /* IE6-9 */

}

#Accroche {
z-index:40; 
position:absolute;

font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;


font-size: 25px;
letter-spacing: 1px;

bottom:30px;
right:40px;
color:#fff;

/*text-shadow: 0px 0px 8px #debf88, 0px 0px 1px #debf88;*/

}

#AccrocheBleu {
color:#debf88;
}

#backToHome {
/*border:thin solid #ff0000;*/
position:absolute;
z-index:130;
height:76px;
width:900px;
top:0px;
color:#FFFFFF;
}

#baroque { 
position:absolute;
top:98px;
left:0px;

width:100%;
height:57px;

background-image:url(../img/baroque.png);

background-color:#aaa;

MozOpacity:2;
KhtmlOpacity:2;
opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}

#textBased { 
position:relative;
top:0px;
left:0px;

width:597px;
min-height:503px;


padding-top:50px;

padding-left:70px;

padding-right:70px;

padding-bottom:20px;

text-align: justify; text-justify: newspaper;

background-color:#0d0d0d;

}

#textBased2 { 
position:relative;
top:0px;
left:0px;

width:597px;
min-height:503px;


padding-top:50px;

padding-left:70px;

padding-right:70px;

padding-bottom:20px;

text-align: justify; text-justify: newspaper;

background-color:#fff;

background-image:url(../img/corniche.png);
background-repeat: repeat-x;

}

#textBased A:hover{ 
color: #FFF;
}

#titre { 
font-size: 30px;
color: #FFF;
}

#sousTitreBleu { 
font-size: 15px;
color: #debf88;
}

#sousTitreMauve { 
font-size: 15px;
color: #DEBF88;
}

#titreChapBlanc { 
font-weight:bold;
color: #FFF;
}

#portrait { 
margin-top:20px;
margin-bottom:20px;

box-shadow:0px 0px 12px #000;
-webkit-box-shadow:0px 0px 12px #000;
border-radius:0px;

}

#portrait2 { 
margin-top:15px;
margin-bottom:15px;

box-shadow:0px 0px 12px #bbb;
-webkit-box-shadow:0px 0px 12px #bbb;
border-radius:0px;

}

#QuoteBox {

width:557px;

background: #222;

margin-top:20px;
margin-bottom:20px;

padding:20px;

background-image:url(../img/baroque3.png);

box-shadow:0px 0px 12px #000;
-webkit-box-shadow:0px 0px 12px #000;
border-radius:0px;

}

#QuoteBox2 {
margin-top:0px;
margin-bottom:5px;
}

#tankWebSocial {
position:absolute;
left:6px;
bottom:8px;
}

#tankWebSocial IMG{
margin-right:3px;
margin-left:2px;
border:none;
width:22px;
height:22px;
}

#tankWebSocial A{
MozOpacity:2;
KhtmlOpacity:2;
opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}

#tankWebSocial A:hover{
MozOpacity:10;
KhtmlOpacity:10;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#tableau{
width:100%;

/*border:thin solid #ff0000;*/
}

#hrbleu{
height:2px;
width:100%;
padding-right:6px;
background:#999;
}

#tableauligne{
margin-top:3px;
padding:3px;

width:100%;
background:#202020;
/*border:thin solid #00ff00;*/
}

#tableauligne2{
padding:3px;

width:100%;
/*border:thin solid #00ff00;*/
}

#tableaucel1{
display:table-cell;
width:450px;
padding-left:3px;
/*border:thin solid #0000ff;*/
}

#tableaucel2{
text-align:center;
padding-right:3px;
display:table-cell;
width:50px;

/*border:thin solid #FFF;*/
}

#tableaucel3{
text-align:left;
padding-right:3px;
display:table-cell;
width:120px;

/*border:thin solid #FFF;*/
}

#asterisk{
color:#444;
font-size:9px;

/*border:thin solid #FFF;*/
}

#goUp{
text-align:right;

/*border:thin solid #FFF;*/
}

.myWhite {
color:#FFFFFF;
}

.myAltColor {
color: #debf88;
}

.myPara {
color:#FFFFFF;
font-size:17px;
text-align:center;
}

.myPara2 {
color:#debf88;
font-size:20px;
text-align:center;
}

.myPara3 {
color:#FFFFFF;
font-size:17px;
text-align:left;
}

.myPara5 {
color:#000;
font-size:17px;
text-align:left;
}

.bigFont {
color:#009ee0;
font-size:30px;
text-align:left;
}

.bigFont2 {
color:#ffa22b;
font-size:30px;
text-align:left;
}

.monGris {
color:#999;
}

.monBlack {
color:#000;
}

.whitediv {
color:#444;
background-color:#FFF;
padding-bottom:20px;

};