body	{
margin: 1%;
font-family: verdana, arial, geneva, helvetica, 'sans-serif';
font-size: 11px;
color: black;
background-color: white;
}

a	{
text-decoration: underline;
color: blue;
}
a:hover	{
text-decoration: none;
color: red;
}
a:active	{
color: black;
}

a img	{
border: 1px solid blue;
}
a:hover img	{
border: 1px solid red;
}
a:active img	{
border: 1px solid black;
}

h1, h2, h3, h4	{
font-weight: bold;
margin: 0;
}
h1	{
font-size: 2.5em;
}
h2	{
font-size: 2em;
}
h3	{
font-size: 1.2em;
}

.couleur	{
color: #008CDD;
}

.right	{
float: right;
margin-left: 2%;
margin-bottom: 1%;
}

.left	{
float: left;
margin-right: 2%;
margin-bottom: 1%;
}



#top	{
}




#cols	{
position: relative;
clear: both;
}


#ventre	{
position: relative;
padding-left: 30%;
padding-right: 20%;
}



#colgau	{
position: absolute;
z-index: 10;
top: 10px;
left: 0px;
/*
position: relative;
float: left;
*/
width: 29%;
background: #ffffee url(../icons/bg_colgau.gif) center bottom no-repeat;
border: 1px solid #dddd99;
-moz-border-radius: 10px;
}


#colgau .conteneur	{
padding: 2%;
}
#colgau dt	{
font-weight: bold;
border: 1px solid #dddd99;
padding: 3px;
background: url(../icons/bg_dt.gif) left top;
}
#colgau dd	{
margin-left: 15px;
margin-bottom: 5px;
}


#coldro	{
position: absolute;
z-index: 10;
top: 10px;
right: 0px;
/*
position: relative;
float: right;
*/
width: 19%;
background: #eeffff url(../icons/bg_coldro.gif) center top no-repeat;
font-family: arial, geneva, helvetica, 'sans-serif';
border: 1px solid #ccdddd;
-moz-border-radius: 10px;
}

#coldro .conteneur	{
padding: 2%;
}
#coldro dt	{
font-weight: bold;
border: 1px solid #ccdddd;
padding: 3px;
background: url(../icons/bg_dt.gif) left top;
}
#coldro dd	{
margin-left: 15px;
}


#copy	{
position: relative;
clear: both;
text-align: center;
padding: 2px;
margin-top: 2%;
background-color: #efefef;
border: 1px solid #008CDD;
-moz-border-radius: 10px;
color: #008CDD;
font-family: arial, geneva, helvetica, 'sans-serif';
letter-spacing: 0.5em;
}






#phoblogs	{
}
#phoblogs td	{
text-align: center;
background-color: #efefef;
}
#phoblogs th	{
font-size: 0.9em;
}



#tshirts th	{
background-color: #efefef;

}
#tshirts h3	{
color: #008CDD;
letter-spacing: 0.2em;
border-bottom: 1px dashed #008CDD;
}




#cdcovers th	{
background-color: #efefef;

}





.leg	{
font-family: arial, geneva, helvetica, 'sans-serif';
font-size: 0.9em;
color: gray;
}



.screen	{
position: relative;
float: left;
border: 1px solid gray;
padding: 10px;
margin: 20px;
}
.screen .conteneur	{
padding: 10px;
width: 150px;
background: url('../icons/bg_screen_conteneur.png');
font-weight: bold;
}




.video	{
position: absolute;
z-index: 5;
background: white;
padding: 5px;
border: 2px solid silver;
background-color: #f1f1f1;
}
.video p	{
margin: 0;
text-align: right;
font-weight: bold;
}
