* { margin: 0; padding: 0; }

body{
background:url(../graphics/fd_global.gif) 0 0 repeat-x;
background-color:#b5221a;
font-family:Arial, Helvetica, sans-serif;
}

.clear{
clear:both;
}

#global {
position:absolute;
left: 50%;
/*top: 50%;*/
width: 960px;
/*height: 100%;*/
/*margin-top:-400px;*/ /* moiti? de la hauteur */
margin-left: -480px; /* moiti? de la largeur */
background: url(../graphics/fd_content.gif) 0 0 repeat-y;
}

/*-------------------------------HEADER--------------------------*/
#header {
width:950px;
height:85px;
background: url(../graphics/fd_header.gif) 0 0 repeat-y;
padding:0 5px 0 5px;
float:left;
}

#logo{
width:233px;
height:85px;
float:left;
}

#nav1{
width:431px;
height:85px;
float:left;
}

#inscrNews{
width:428px;
height:28px;
float:left;
margin-top:6px;
}

#inscrNews h1{
text-transform:uppercase;
font-size:12px;
color:#d8001b;
float:left;
margin:4px 15px 0 0;
}

#inscrNews form{
float:left;
}

.submit{
width:27px;
height:20px;
border:1px solid #908b8b;
background-color:#FFFFFF;
color:#ea6b52;
text-transform:uppercase;
}

.txtGris{
color:#333333;
}

#navContact{
width:431px;
height:auto;
float:left;
background: url(../graphics/fd_nav.gif) left bottom repeat-x;
}

.contactTeuhpu a:link, .contactTeuhpu a:visited{
width:142px;
height:31px;
background: url(../graphics/fd_contact1_off.gif) no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:20px;
font-weight:bold;
margin-right:1px;
}

.contactTeuhpu a:hover{
background: url(../graphics/fd_contact1_on.gif) no-repeat;
color:#000000;
}

.contactTournee a:link, .contactTournee a:visited{
width:146px;
height:31px;
background: url(../graphics/fd_contact2_off.gif) no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:20px;
font-weight:bold;
margin-right:1px;
}

.contactTournee a:hover{
background: url(../graphics/fd_contact2_on.gif) no-repeat;
color:#000000;
}

.contactLabel a:link, .contactLabel a:visited{
width:139px;
height:31px;
background: url(../graphics/fd_contact3_off.gif) no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:20px;
font-weight:bold;
}

.contactLabel a:hover{
background: url(../graphics/fd_contact3_on.gif) no-repeat;
color:#000000;
}

#nav2{
width:274px;
height:85px;
float:left;
background: url(../graphics/fd_nav.gif) left bottom repeat-x;
padding-left:12px;
}

/*#navAchat{
width:192px;
height:85px;
float:left;
background: url("../graphics/fd_nav.gif") left bottom repeat-x;
padding-left:14px;
}*/

.disque a:link, .disque a:visited{
width:64px;
height:21px;
background: url(../graphics/fd_disk_off.gif) 0 0 no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:54px;
font-weight:bold;
margin-right:1px;
}

.disque a:hover{
background: url(../graphics/fd_disk_on.gif) no-repeat;
color:#000000;
}

.boutik a:link, .boutik a:visited{
width:72px;
height:21px;
background: url(../graphics/fd_boutik_off.gif) 0 0 no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:54px;
font-weight:bold;
margin-right:1px;
}

.boutik a:hover{
background: url(../graphics/fd_boutik_on.gif) no-repeat;
color:#000000;
}

.forum a:link, .forum a:visited{
width:54px;
height:21px;
background: url(../graphics/fd_forum_off.gif) 0 0 no-repeat;
float:left;
text-align:center;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
padding-top:54px;
font-weight:bold;
}

.forum a:hover{
background: url(../graphics/fd_forum_on.gif) no-repeat;
color:#000000;
}

#illustrDHeader{
width:80px;
height:auto;
float:right;
}

/*-------------------------------FIN HEADER--------------------------*/

/*--------------------------------CONTENT----------------------------*/
#content{
width:950px;
height:500px;
/*background: url("../graphics/fd_content.gif") no-repeat;*/
padding:0 5px 0 5px;
}

/*------------------------------FIN CONTENT----------------------------*/

/*--------------------------------LECTEUR SON----------------------------*/
#lecteurSon{
width:950px;
height:70px;
/*background: url("../graphics/fd_content.gif") no-repeat;*/
padding:0 5px 0 5px;
}

/*------------------------------LECTEUR SON----------------------------*/

/*------------------------------POP UP----------------------------*/

#globalPopup {
position:absolute;
left: 50%;
/*top: 50%;*/
width: 900px;
/*height: 100%;*/
/*margin-top:-400px;*/ /* moiti? de la hauteur */
margin-left: -450px; /* moiti? de la largeur */
background-color:#b5221a;
/*background: url("../graphics/fd_content.gif") 0 0 repeat-y;*/
}

#headerPopup {
width:900px;
height:85px;
background: url(../graphics/fd_headerPopup.gif) 0 0 repeat-x;
float:left;
/*border:1px black solid;*/
}

#headerPopup h1{
height:55px;
font-size:15px;
color:#b5221a;
float:left;
margin:10px 0 0 25px;
text-transform:uppercase;
padding:30px 0 0 85px;
}

.tournee{
background:url(../graphics/logoPbox.gif) 0 0 no-repeat;
padding:30px 0 0 85px;
}

#label{
width:642px;
height:65px;
background:url(../graphics/logoLabels.gif) right 0 no-repeat;
text-align:right;
/*padding:30px 0 0 85px;*/
/*border:1px black solid;*/
/*padding-right:150px;*/
margin:5px 0 0 233px;
}

#label h1{
font-size:15px;
color:#b5221a;
}

#contentPopup{
width:900px;
height:365px;
float:left;
background:url(../graphics/fond_popup.gif) top right no-repeat;
}

.colonnePopup1{
width:270px;
margin-right:10px;
float:left;
padding:7px 0 0 170px;
}
.colonnePopup2{
width:280px;
float:left;
padding:7px 0 0 100px;
}

.colonnePopup1 p, .colonnePopup2 p{
height:auto;
font-size:12px;
color:#fff;
padding:4px 10px 0 0;;
}

.listeFlottante{
float:left;
}

.message{
font-family:Arial, Helvetica, sans-serif;
color:#a81c14;
font-size:11px;
}

ul li{
list-style-type:none;
margin-bottom:5px;
}

#envoyer a:link, #envoyer a:visited{
width:126px;
height:24px;
background:url(../graphics/bout_envoyer.gif) no-repeat;
float:left;
font-size:12px;
color:#FFFFFF;
padding-top:100px;
text-align:center;
text-transform:uppercase;
}

#envoyer a:hover{
background:url(../graphics/bout_envoyer_on.gif) no-repeat;
}

.resultContact{
clear:both;
text-align:center;
font-size:12px;
color:#000;
}


/*------------------------------FIN POP UP----------------------------*/