/* Fix some stuff */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin:0; padding:0; }
img, body, html { border:0 none; }
td, th { vertical-align:top }
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }

/* Breakers */
.clr, .clear, .break {clear:both; height:1px; line-height:1px}

/* Containers */
body { background:url(../img/bg/home.jpg) center 5px no-repeat; font-family:"Courier New" }
#main { width:980px; margin:0 auto 0 auto; height:585px;}

#logo {background:url(../img/bg/logo_accueil.png) 0 0 no-repeat; width:540px;height:395px;margin:100px auto 0 auto;cursor:pointer}
#logo:hover {background:url(../img/bg/logo_accueil_over.png) 0 0 no-repeat; }

#title {background:url(../img/bg/title.png) 0 0 no-repeat; width:531px;height:105px;margin:0 auto 0 auto;cursor:pointer}

#my {background:url(../img/bg/my.png) 0 0 no-repeat; width:109px;height:74px;margin:0 0 0 350px;cursor:pointer;position:absolute;top:10px}
#doodoo {background:url(../img/bg/doodoo.png) 0 0 no-repeat; width:135px;height:66px;margin:0 0 0 210px;cursor:pointer;position:absolute;top:160px}
#design {background:url(../img/bg/design.png) 0 0 no-repeat; width:128px;height:72px;margin:0 0 0 830px;cursor:pointer;position:absolute;top:200px}

#lang {width:204px;height:78px;float:right;margin:0 10px 0 0}
#en {width:82px;height:78px;background:url(../img/lang/en.png) 0 0 no-repeat;float:left;cursor:pointer}
#en:hover {background:url(../img/lang/en_over.png) 0 0 no-repeat;}
#es {width:82px;height:78px;background:url(../img/lang/es.png) 0 0 no-repeat;float:left;margin:0 0 0 -19px;cursor:pointer}
#es:hover {background:url(../img/lang/es_over.png) 0 0 no-repeat;}
#fr {width:82px;height:78px;background:url(../img/lang/fr.png) 0 0 no-repeat;float:left;margin:0 0 0 -23px;cursor:pointer}
#fr:hover {background:url(../img/lang/fr_over.png) 0 0 no-repeat;}