html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
text-align: center;
font-family: Century Gothic, Avant Garde Gothic, URW Gothic L, helvetica, sans-serif;
color:#000000;
line-height: normal;
font-size: 16px;
}
#Fond { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
a:link { color: #000000; text-decoration: none; }
a:hover { color: #990000; text-decoration: none; }
/* DIV Class */
div.titre { color: #FFFFFF; font-weight: normal; letter-spacing: normal; width: auto; height: auto; font-size: large; display: block; }
/* Couleurs des options de menu */
div.press a { color: #ffffe8; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.press a:hover { color: #eeecbb; }
div.hlife a { color: #29d100; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.hlife a:hover { color: #00b100; }
div.touch a { color: #81d7ff; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.touch a:hover { color: #42bbfd; }
div.art a { color: #ffee19; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.art a:hover { color: #ffc900; }
div.bio a { color: #ffa8ca; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.bio a:hover { color: #ff73a8; }
div.download a { color:red ; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.download a:hover { color: #990000; }
div.thanks a { color: #f77e00; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.thanks a:hover { color: #f23d00; }
div.sitemap a { color: #bd4bae; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.sitemap a:hover { color: #a12f93; }
div.nbb a { color: #ffffe8; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.nbb a:hover { color: #ad4b97; }
div.noir1 { color: #666666; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir2 { color: #004d00; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir3 { color: #002d56; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir4 { color: #777c00; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir5 { color: #66233a; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir6 { color: #934800; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
div.noir7 { color: #657b25; text-decoration: none; font-weight: bold; letter-spacing: 1pt; font-size: 16; line-height: 20px;}
/* ************************************************************************************************************************************ */
/* Images interactives */
div.Video { float: left; width: 50px; height: 30px; background: url('rsrc/video.gif') center -30px no-repeat; }
div.Video a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url('rsrc/video.gif') top no-repeat; }
div.Video a:hover { background-image: none; }
div.flashplayer { float: left; width: 30px; height: 30px; background: url('rsrc/flashplayer.gif') center -30px no-repeat; margin-top: 40px; }
div.flashplayer a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url('rsrc/flashplayer.gif') top no-repeat; }
div.flashplayer a:hover { background-image: none; }
div.wmplayer { float: left; width: 30px; height: 30px; background: url('rsrc/wmplayer.gif') center -30px no-repeat; margin-left: 35px; margin-top: 40px; }
div.wmplayer a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url('rsrc/wmplayer.gif') top no-repeat; }
div.wmplayer a:hover { background-image: none; }
div.plume { float: center; width: 55px; height: 26px; background: url('rsrc/Plume.gif') center -26px no-repeat; margin-left: auto; margin-right: auto;}
div.plume a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url('rsrc/Plume.gif') top no-repeat; }
div.plume a:hover { background-image: none; }
div.PhotoAlbum { float: left ; width: 32px; height: 24px; background: url('rsrc/Photos.gif') center -24px no-repeat; }
div.PhotoAlbum a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url('rsrc/Photos.gif') top no-repeat; }
div.PhotoAlbum a:hover { background-image: none; }
/* ************************************************************************************************************************************ */
div.float { float: left; margin-left: 35px; width: 133px; text-align: center; }
div.float p { text-align: center; }
/* Photography */
div.float1 { float: left; margin-left: 35px; height: 200px; }
div.float1 p { text-align: center; }
div.float2 { float: left; margin-left: 35px; height: 174px; }
div.float2 p { text-align: center; }
div.float3 { float: left; width: 100px; text-align: center; }
/* Trois colonnes Site Map *********************************************************************************************************** */
div#row { padding-top: 0px; width: 100%;}
div#left { float: left; width: 35%; text-align: left; }
div#right { float: right; width: 20%; text-align: left; }
div#middle { padding: 0px 0px 0px 30%; margin-left: 12%; text-align: left; }
/* Deux colonnes ********************************************************************************************************************* */
div.spacer { clear: both; height: 10px; }
/* HMap */
div#row1 { padding-top: 0px; width: 100%;}
div#left1 { float: left; text-align: right; width: 35%; padding-top: 20px; }
div#right1 { float: right; text-align: left; width: 55%; padding-top: 20px; }
/* Biography */
div#row2 { padding-top: 0px; width: 100%;}
div#left2 { float: left; text-align: left; width: 20%; }
div#right2 { float: right; text-align: left; width: 75%; }
div#row3 { clear: both; padding-top: 0px; width: 100%;}
div#left3 { float: left; text-align: left; width: 45%; }
div#right3 { float: right; text-align: left; width: 45%; }
/* Trois colonnes Thanks ************************************************************************************************************* */
div#left4 { float: left; width: 250px; text-align: right; }
div#right4 { float: right; width: 100px; text-align: left; }
div#middle4 { padding: 0px 0px 0px 300px; text-align: left; }
div.spacer4 { clear: both; height: 5px; }
/* Avec image */
div#left5 { float: left; width: 250px; text-align: right; }
div#right5 { float: right; width: 100px; margin-top: 40px; text-align: left; }
div#middle5 { padding: 0px 0px 0px 300px; margin-top: 40px; text-align: left; }
/* Deux colonnes Thanks ************************************************************************************************************* */
div#left6 { float: left; width: 45%; text-align: right; }
div#middle6 { padding: 0px 0px 0px 50%; margin-left: 0px; text-align: left; }
/* Avec image */
div#left7 { float: left; width: 45%; text-align: right; }
div#middle7 { padding: 0px 0px 0px 50%; margin-left: 0px; margin-top: 40px; text-align: left; }
.row8 { width: 400px; text-align: left; }
/* ************************************************************************************************************************************ */
/* Formulaires Contact */
#global { position:relative; margin-left: auto; margin-right: auto; width: 700px; text-align: left; /* on rétablit l'alignement normal du texte */ }
#boite4 { position:relative; width: 700px; border-style:solid; border-width:1px; border-color:#003399; }
#texte2 { position:relative; width:700px; height:50px; text-align: center;}
#uploading { width:700px; height:100px; text-align: center; }
form.css fieldset { padding: 100em; }
form.css label { display: inline; float: left; width: 160px; padding-left: 20px; padding-right: 10px; line-height: 20px; }
.right {float:left; margin-left:180px; }
.center {text-align: center; }
/* ************************************************************************************************************************************ */
div.top { color: #FFFFFF; font-size: 0px; line-height: 0px; }
a#nav:link { color:#0033CC; text-decoration: none; }
a#nav:visited { color:#0033CC; text-decoration: none; }
a#nav:hover { color:#de0000; text-decoration: none; }
/* DIV Id */
div#titre-section { font-size: 22px; font-weight: bold; color: #ffffe8; text-decoration: none; text-align: center; height: 30px; line-height: 30px; margin-top: -31px; margin-left: -1px; }
div#titre-section a { font-size: 22px; font-weight: bold; color: #ffffe8; text-decoration: none; text-align: center; height: 30px; line-height: 30px; margin-top: -31px; margin-left: -1px; }
div#titre-section a:hover { font-size: 22px; font-weight: bold; color: #ad4b97; text-align: center; height: 30px; line-height: 30px; margin-top: -31px; margin-left: -1px; }
div#titre-section2 { font-size: 22px; font-weight: bold; color: #000000; text-align: center; height: 30px; line-height: 30px; }
div#choix-langue { text-align: center; background-color: #FFFFFF; width: 300px; }
div#choix-langue2 { text-align: center; background-color: #FFFFFF; width: 200px; }
div#top-of-page { text-align: center; background-color: #FFFFFF; width: 150px; }
div#menu a { text-decoration: none; color: #FFFFFF; font-size: normal; font-weight: bold; }
div#menu a:hover { text-decoration: none; color: #FFCC00; font-size: 20; font-weight: bold; }
#texte-standard { position: relative; text-align: justify; left: 5%; width: 90%;}
#cadre-gris { position: relative; height: 22px; width: 150px; background: #EEEEEE; left: auto; right: auto; }
/* Liens Class */
a:link .Cadre { border-color: #AAAAAA; border-style: solid; }
a:visited .Cadre { border-color: #666666; border-style: solid; }
a:hover .Cadre { border-color: #222222; border-style: solid; }
a:link .Cadre2 { border-color: #d1d2cf; border-style: solid; }
a:visited .Cadre2 { border-color: #d1d2cf; border-style: solid; }
a:hover .Cadre2 { border-color: #222222; border-style: solid; }
/* Liens Id */
a#Top-of-page: { text-align: center; font-weight: bold; color: #999999; text-decoration: none; }
a#Top-of-page:hover { color: #333333; }
a#SmallSubMenuOff:link { height:10px; text-decoration:none; color:#999999; text-align:center; vertical-align: middle; font-size:14px; font-weight:bold; }
a#SmallSubMenuOff:visited { height:10px; text-decoration:none; color:#999999; text-align:center; vertical-align: middle; font-size:14px; font-weight:bold; }
a#SmallSubMenuOff:hover { height:10px; text-decoration:none; color:#333333; text-align:center; vertical-align: middle; font-size:14px; font-weight:bold; }
a#SmallSubMenuOn:link { height:10px; text-decoration:none; color:#999999; text-align: center; vertical-align: middle; font-size:16px; font-weight:bold; }
a#SmallSubMenuOn:visited { height:10px; text-decoration:none; color:#999999; text-align: center; vertical-align: middle; font-size:16px; font-weight:bold; }
a#SmallSubMenuOn:hover { height:10px; text-decoration:none; color:#333333; text-align: center; vertical-align: middle; font-size:16px; font-weight:bold; }
a#LienNonSouligne:link { color:#000000; text-decoration: none;}
a#LienNonSouligne:visited { color:#000000; text-decoration: none;}
a#LienNonSouligne:hover { color:#990000; text-decoration: none; }
a#TexteStandard:link { color:#000000; line-height: 21px; }
a#TexteStandard:visited { color:#000000; line-height: 21px; }
a#TexteStandard:hover { color:#990000; line-height: 21px; }
a#Texte:link { color:#000000; text-decoration: underline;}
a#Texte:visited {color:#000000; text-decoration: underline; }
a#Texte:hover { color:#990000; text-decoration: underline; }
a#TexteSecret:link { color:#000000; text-decoration: none; font-weight: normal; }
a#TexteSecret:visited { color:#000000; text-decoration: none; font-weight: normal; }
a#TexteSecret:hover { color:#000000; text-decoration: none; font-weight: normal; }
a#TexteCouleur:link { color:#000000; background-color:#FFFFFF; line-height: 20px; text-decoration: underline; font-weight: normal; }
a#TexteCouleur:visited { color:#000000; background-color:#FFFFFF; line-height: 20px; text-decoration: underline; font-weight: normal; }
a#TexteCouleur:hover { color:#990000; background-color:#FFFFFF; line-height: 20px; text-decoration: underline; font-weight: normal; }
a#Rond:link { color:#B00000; font-size: 16px; font-weight: bold; text-decoration: none; }
a#Rond:visited { color:#B00000; font-size: 16px; font-weight: bold; text-decoration: none; }
a#Rond:hover { color:#FF0000; font-size: 16px; font-weight: bold; text-decoration: none; }
a#Rond2:link { color:#B00000; font-size: 14px; font-weight: bold; text-decoration: none; }
a#Rond2:visited { color:#B00000; font-size: 14px; font-weight: bold; text-decoration: none; }
a#Rond2:hover { color:#FF0000; font-size: 14px; font-weight: bold; text-decoration: none; }
a#TexteFond:link { color:#FFFFFF; text-align:left; line-height: 22px; }
a#TexteFond:visited { color:#FFFFFF; text-align:left; line-height: 22px; }
a#TexteFond:hover { color:#FFFFFF; text-align:left; font-size: 20px; line-height: 22px; }
a#blanc:link { width:100%; height:6px; text-decoration:none; color:#FFFFFF; text-align:center; vertical-align: middle; font-size:6px;; font-weight:normal; background-color:#FFFFFF; }
a#blanc:visited { width:100%; height:6px; text-decoration:none; color:#FFFFFF; text-align:center; vertical-align: middle; font-weight:normal; font-size:6px;; background-color:#FFFFFF; }
a#blanc:hover { width:100%; height:6px; text-decoration:none; color:#FFFFFF; text-align:center; vertical-align: middle; font-weight:bold; font-size:6px;; background-color:#FFFFFF; }
a#TexteRouge:link { color:#990000; line-height: 20px; text-decoration: none; font-weight: bold; }
a#TexteRouge:visited { color:#990000; line-height: 20px; text-decoration: none; font-weight: bold; }
a#TexteRouge:hover { color:#CC0000; line-height: 20px; text-decoration: none; font-weight: bold; }
a#MenuPHP:link { color:#BBBBBB; font-size:16px; font-weight:bold; }
a#MenuPHP:visited { color:#BBBBBB; font-size:16px; font-weight:bold; }
a#MenuPHP:hover { color:#990000; font-size:16px; font-weight:bold; }
a#TexteGris:link { color:#CCCCCC; line-height: 14px; }
a#TexteGris:visited { color:#CCCCCC; line-height: 14px; }
a#TexteGris:hover { color:#000000; line-height: 14px; }
a#TextesiteMap:link { color:#999999; line-height: 16px; text-decoration: none; }
a#TextesiteMap:visited { color:#999999; line-height: 16px; text-decoration: none; }
a#TextesiteMap:hover { color:#000000; line-height: 16px; text-decoration: none; }
a#TexteBarreNav:link { color:#000000; line-height: 16px; text-decoration: none; font-size:13px; font-weight:normal; }
a#TexteBarreNav:visited { color:#000000; line-height: 16px; text-decoration: none; font-size:13px; font-weight:normal; }
a#TexteBarreNav:hover { color:#990000; line-height: 16px; text-decoration: none; font-size:13px; font-weight:normal; }
div.HMap { float: left ; width: 100px; height: 100px; background: url(Menu/HMapSmall.html) center -100px no-repeat; }
div.HMap a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(Menu/HMapSmall.html) top no-repeat; }
div.HMap a:hover { background-image: none; }
div.HMap2 { float: left ; width: 60px; height: 35px; background: url(Menu/HMapSmall2.html) center -35px no-repeat; }
div.HMap2 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(Menu/HMapSmall2.html) top no-repeat; }
div.HMap2 a:hover { background-image: none; }
div.ange { float: left ; width: 60px; height: 60px; background: url(Menu/AngeSmall.html) center -60px no-repeat; }
div.ange a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(Menu/AngeSmall.html) top no-repeat; }
div.ange a:hover { background-image: none; }
div.ange2 { float: left ; width: 60px; height: 35px; background: url(Menu/AngeSmall2.html) center -35px no-repeat; }
div.ange2 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(Menu/AngeSmall2.html) top no-repeat; }
div.ange2 a:hover { background-image: none; }
div.contact { float: left ; width: 60px; height: 93px; background: url(Menu/AngeContact.html) center -93px no-repeat; }
div.contact a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(Menu/AngeContact.html) top no-repeat; }
div.contact a:hover { background-image: none; }
/* Divers */
input, textarea, {margin:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; border:1px solid #000066}
form {margin-bottom:0px; margin-top:0px;}
.Couleur { color:#999999; }
.Hauteur24pt { line-height: 24px; }
.Bold { font-weight: bold; }
img#Desert { border-width:1px; border-color:#666666; }
img#None { border-width:0px; border-color:#FFFFFF; }
.espace { font-size: 36px; line-height: 80px; height: 160px; }
.espace-fin { font-size: 36px; line-height: 30px; height: 30px; }
div#Encadrement { border: double #AAAAAA; width: 750px; margin-left: auto; margin-right: auto;}