@charset "utf-8";
/* CSS Document */
body
{
	margin:  0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
    background: #141414 ;
      background-image:url(../images/background/bg.jpg);
      background-position:center top;
      background-repeat:no-repeat;

}
div#conteneur
{
	width: 1000px ;
	margin: 0 auto ;
	text-align: left ;
	padding-bottom:10px;
	padding:0px;
	height:100%;
}
div#contenu
{
    padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	_margin-left:5px;
	padding-bottom:10px;

	width:960px;
	position:relative;
    float:left;

}
div#totoboy{
    width: 1000px ; 
    position:relative;
    float:left;
    padding-bottom:10px;

    

}
#header
{
	height: 160px;
	margin: 0 auto ;
	padding-left: 20px ;
	padding-right: 20px ;
	padding-bottom:0px;
	padding-top:10px;
	

}
#menu
{
	height: 21px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
		margin-bottom:35px;
	padding-bottom:0px;
	padding-top:0px;
    text-align:center;
   
}

a.bouton:link {
margin-left:10px;
font-style:'arial';
margin-right:10px;
height:26px;
padding-top:5px;
float:left;
background-color:#363636;
background-repeat:no-repeat;
text-align:center;
width:140px;
font-size:1.2em;
font-weight:bold;
color: #FFFFFF;
text-transform:uppercase;
text-decoration: none;
}

a.bouton:visited {
margin-left:10px;
font-style:'arial';
margin-right:10px;
height:26px;
padding-top:5px;
float:left;
background-color:#363636;
background-repeat:no-repeat;
text-align:center;
width:140px;
font-size:1.2em;
font-weight:bold;
color: #ffffff;
text-transform:uppercase;
text-decoration: none;
}

a.bouton:hover {
margin-left:10px;
font-style:'arial';
margin-right:10px;
height:26px;
padding-top:5px;
float:left;
background-color:#fa1b24;
background-repeat:no-repeat;
text-align:center;
width:140px;
font-size:1.2em;
font-weight:bold;
color: #ffffff;
text-transform:uppercase;
text-decoration: none;
}
a.bouton:active {
margin-left:10px;
font-style:'arial';
margin-right:10px;
height:26px;
padding-top:5px;
float:left;
background-color:#f0f02b;
background-repeat:no-repeat;
text-align:center;
width:140px;
font-size:1.2em;
font-weight:bold;
color: #ffffff;
text-transform:uppercase;
text-decoration: none;
}
/* index *//* index *//* index *//* index *//* index */
/* index *//* index *//* index *//* index *//* index */


#col_left{
margin:0px;
padding:0px;
float:left;
_margin-right:-10px;
width:770px;
}
#accueil_mix{
width:760px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-right:0px;
float:left;
background-color:#161616;
color:white;
}

#accueil_speech{
width:738px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
border: 1px #ccc solid;
padding-right:0px;
float:left;
padding: 5px 10px 5px 10px;
	text-align:justify;
	font-size:14px;
	color:#141414;
	background-color:white;
}

#bulle_mix{
width:515px;
margin-left: 0px ;
padding-right:0px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
float:left;
	position:relative;
	text-align:justify;


}

#bulle_mix2{
width:215px;
margin-left: 0px ;
padding-right:0px;
padding-left:15px;
margin-top:4px;
margin-bottom:10px;
float:left;
	position:relative;
	text-align:justify;

}

#info{
width:373px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-bottom:15px;
background-color:#FFFFFF;
border: 1px #ccc solid;
float:left;
	position:relative;

}
#playlist{
width:273px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-bottom:15px;
background-color:#FFFFFF;
border: 1px #ccc solid;
float:left;
	position:relative;

}

#playlist2{
width:473px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-bottom:15px;
background-color:#FFFFFF;
border: 1px #ccc solid;
float:left;
	position:relative;

}
p.style{
  font-family: Verdana;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-color:#FEFEFE;
  padding:0px;
  text-transform: uppercase;
  margin:0px;
  text-align:right;
  height:0px;
  background-image:url();
      background-repeat:repeat;
}
p.nom_dj{
  font-family: Verdana;
  font-size: 1em;
  color: #000;
  background-color:#fff;
  padding: 2px 8px 2px 6px;
  text-transform: uppercase;
  margin-top:10px;
  margin-right:10px;
    _margin-right:5px;
  text-align:left;
  float:right;
  _margin-bottom:10px;
  border: 1px solid #ccc;
}

.cssbuttonc:link{
background-color: #161616;
margin-left:9px;
padding: 2px 8px 2px 6px;
border: 1px solid #ccc;
text-decoration: none;
font: Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size:1em;
font-weight:normal;
float:left;
margin-top:10px;
}

.cssbuttonc:active{
background-color: #161616;
margin-left:9px;
padding: 2px 8px 2px 6px;
border: 1px solid #ccc;
text-decoration: none;
font:Verdana, Helvetica, sans-serif;
color: #ff6600;
font-size:1em;
font-weight:normal;
float:left;
margin-top:10px;
}

.cssbuttonc:visited{
background-color: #161616;
margin-left:9px;
padding: 2px 8px 2px 6px;
border: 1px solid #ccc;
text-decoration: none;
font: Verdana, Helvetica, sans-serif;
color: #ffffff;
font-size:1em;
font-weight:normal;
float:left;
margin-top:10px;
}

.cssbuttonc:hover{
background-color: #343434;
margin-left:9px;
padding: 2px 8px 2px 6px;
border: 1px solid #ccc;
text-decoration: none;
font:Verdana, Helvetica, sans-serif;
color: #ffffff;
font-size:1em;
font-weight:normal;
float:left;
margin-top:10px;
}
p.text_soirees{
  font-family: Verdana;
  font-size: 0.8em;
  color: #000;
 margin-left:10px; 
  margin-right:10px; 
      background-image:url(../images/icon/logobg.png);
      background-position:left;
      background-repeat:no-repeat;
      height:30px;
      padding-left:45px;
}

p.radios{
  font-family: Verdana;
  font-size: 0.8em;
  color: #000;
 margin-left:10px;
  padding-right:10px;
  text-align:justify;
    margin-right:10px; 
        background-image:url(../images/icon/logobg.png);
      background-position:left;
      background-repeat:no-repeat;
      height:30px;
      padding-left:45px;
}

p.speech{
  font-family: Verdana;
  font-size: 0.8em;
  color: #000;
 margin-left:10px;
  text-align:justify;
    margin-right:10px; 
}


/* ///////////  et typo //////////// */ /* /////////// h1 et typo //////////// */ 
/* /////////// h1 et typo //////////// */ /* /////////// h1 et typo //////////// */ 

h1 {
  text-align: left;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	padding-top:0px;
	margin-top:0px;
	float:left;
	padding-left:10px;
	  text-transform: uppercase;	
}

h2 {
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #161616;
    text-transform: uppercase;
    float:left;
    padding-bottom:2px;
    text-align:center;

}

h3 {
  text-align: center;
	font-size: 1.2em ;
	font-weight: bold ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:5px;
	float:left;
	padding-left:40px;	
}


h4 {
  font-family: Verdana;
  	letter-spacing: 2px ;
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  color: #000;
  margin: 0px;
  text-transform: uppercase;
padding-left:10px;
width:300px;
}

h5 {
  font-family: Verdana;
  font-size: 10px;
  width:610px;
  font-weight: bold;
  color: #303030;
  margin: 8px;
  padding:3px;
  text-transform: uppercase;
  float:left;
  text-align:justify;
  border: 1px solid #303030;
  background-color:#fff;
}

h6 {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #303030;
  padding-left:20px;
  margin:0px;
  padding-top:0px;
  padding-right:20px;
  text-align:left;
}

/* accueil_lien *//* accueil_lien *//* accueil_lien *//* accueil_lien */
/* accueil_lien *//* accueil_lien *//* accueil_lien *//* accueil_lien */ 
#accueil_lien{
width:748px;
padding-left:10px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
border: 0px #ccc solid;
padding-right:0px;
float:left;
background-color:#fff;
}

/* footer *//* footer *//* footer *//* footer *//* footer */
/* footer *//* footer *//* footer *//* footer *//* footer */
.txtmail{font-family: Verdana;
  font-size: 1em;
  color: #fff;
  float:left;
  padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}
#mailing{
width:188px;
margin-left: 0px ;
margin-right:0px;
margin-top:10px;
float:right;
padding:0px;
position:relative;
}

#mailing2{
width:170px;
margin-left: 0px ;
margin-right:0px;
margin-top:10px;
float:left;
padding:0px;
position:relative;
border:1px solid #000;
}

#music{
margin-left: 2px ;
margin-right:0px;
padding-right:0px;
padding-left:0px;
float:left;
padding-bottom:3px;
text-align:center;
}


a.icon:link {
padding:4px;
margin:1px;
float:left;
width:200px;
font-family: Verdana;
font-size: 0.8em ;
letter-spacing: 2px ;
font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
text-transform: uppercase;	
}

a.icon:visited {
padding:4px;
margin:1px;
float:left;
width:200px;
font-family: Verdana;
font-size: 0.8em ;
letter-spacing: 2px ;
font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
text-transform: uppercase;	
}

.icon {
padding:4px;
margin:1px;
float:left;
width:200px;
font-family: Verdana;
font-size: 1em ;
letter-spacing: 2px ;
font-weight: bold;
color:#FFF;
text-decoration:none;
text-transform: uppercase;	
}

a.icon:hover {
padding:4px;
margin:1px;
float:left;
width:200px;
font-family: Verdana;
font-size: 0.8em ;
letter-spacing: 2px ;
font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
text-transform: uppercase;	
}
a.icon:active {
padding:4px;
margin:1px;
float:left;
width:200px;
font-family: Verdana;
font-size: 0.8em ;
letter-spacing: 2px ;
font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
text-transform: uppercase;	
}

a.icon_music:link {
padding:4px;
margin:1px;
float:left;
width:93px;
font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
}

a.icon_music:visited {
padding:4px;
margin:1px;
float:left;
width:93px;
font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
}

a.icon_music:hover {
padding:4px;
margin:1px;
float:left;
width:93px;
font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
}
a.icon_music:active {
padding:4px;
margin:1px;
float:left;
width:93px;
font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
color:#FFF;
border: 1px #ccc solid;
text-decoration:none;
}




#menu_footer
{
margin-bottom:5px;
padding-bottom:0px;
padding-top:15px;
text-align:center;
 float:left;
}
a.footer:link,a.footer:active,a.footer:visited
{
  text-align: left;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fa1b24;
	display: block ;
	text-decoration: none ;
	padding-top:0px;
	margin-top:10px;
	float:left;
	padding-left:10px;
	  text-transform: uppercase;	
}

a.footer:hover
{
  text-align: left;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000;
	display: block ;
	text-decoration: none ;
	padding-top:0px;
	margin-top:10px;
	float:left;
	padding-left:10px;
	  text-transform: uppercase;	
}

#links_footer{
width:750px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-left:10px;
padding-top:5px;
float:left;
background-color:#f0f02b ;
font-size:1em;
color: #000;
text-transform:uppercase;
text-align:center;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
pre span
{
	color: #560 ;
}
pre span.comment
{
	color: #b30000 ;
}
/* slideshow *//* slideshow *//* slideshow *//* slideshow *//* slideshow */
/* slideshow *//* slideshow *//* slideshow *//* slideshow *//* slideshow */

 #slideshow { position: relative; width: 100px; height: 340px; }
      #slideshow div { position: absolute; left: 100px; top: 0; width:480px; }
	.blanc {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
/* formulaire *//* formulaire *//* formulaire *//* formulaire */
.text_form{
border-width:1px;
color:#000;
background-color:#fff;
font-size:10px;
font-family:Verdana;
font-weight:bold;
border: 1px solid #000;
}
.button{
border-width:1px;
margin-top:10px;
border-color:#fff;
background-color:#161616;
font-size:10px;
color:#FFFFFF;
font-family:Verdana;
}
/* djceline *//* djceline *//* djceline *//* djceline *//* djceline */

#bulle_defilant{
width:758px;
margin-left: 0px ;
margin-right:10px;
margin-top:10px;
padding-right:0px;
float:left;
}

/* radio *//* radio *//* radio *//* radio *//* radio *//* radio */
/* radio *//* radio *//* radio *//* radio *//* radio *//* radio */

a.blanc:link {
font-size:12px;
	color: #333333;
	float :right;
	
}
a.blanc:visited {
font-size:12px;
	color: #333333;
	float :right;

}
a.blanc:hover {
font-size:12px;
	color: #cb1430;
	float :right;

}
a.blanc:active {
font-size:12px;
	color: #333333;
	float :right;

}

#logogre{
width:180px;
margin-left: 0px ;
margin-right:10px;
padding-right:0px;
float:left;
}

#speechradio{
width:538px;
margin-left: 0px ;
margin-right:10px;
padding-right:0px;
float:left;
text-align:justify;
}

/* video *//* video *//* video *//* video *//* video */
/* video *//* video *//* video *//* video *//* video */
#video{
width:360px;
margin-left: 10px ;
margin-right:10px;
padding-right:0px;
padding-top:20px;
padding-bottom:20px;
float:left;
}

#video_list{

margin-left: 50px ;
margin-right:10px;
padding-right:0px;
padding-left:0px;
float:left;
text-align:justify;
padding-top:20px;
}

/* gall *//* gall *//* gall *//* gall *//* gall *//* gall */
/* gall *//* gall *//* gall *//* gall *//* gall *//* gall */
.gall{
width:15px;
margin-right:10px;
float:left;
padding-top:20px;
}

#img_photo{
margin-left: 20px ;
margin-right:10px;
padding-right:0px;
float:left;
text-align:justify;
padding-top:20px;

}

#group_gal{
margin-left: 5px ;
margin-right:5px;
padding-right:15px;
float:right;
text-align:justify;
padding-top:20px;
width:735px;
}

.contact_txt {
   padding: 5px 0 0px 10px;
   margin: 10px;
   height: auto;
   border: none; 
   width: 400px;
   background-color: transparent;
   float: left; 
      color: #F7F7F7;}
   
      .contact_txt fieldset{
   padding: 5px 0 0px 10px;
   margin: 0px;
   height: auto;
   border: none; 
   background-color: transparent;
   float: left; 
   border: 0px;}
   
   .contact_txt input {
   border:1px solid #cccccc;
   margin : 0px;
   font-family: Verdana, Arial, Helevetica, Sans serif;
   text-align: left;
   font-size: 9pt;
   color: #6b6f6e;
   background-color: #f7f7f7;
}

   .contact_txt textarea {
   border:1px solid #cccccc;
   margin : 0px;
   font-family: Verdana, Arial, Helevetica, Sans serif;
   text-align: left;
   font-size: 9pt;
   color: #6b6f6e;
   background-color: #f7f7f7;
}

.contact_txt label {
   padding: 0px 10px 0 0;
   margin: 0;
   float: left;
   text-align: right;
   width: 80px;
}

.contact_txt input.submit {
border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
margin-top: 10px;
border-top-color: #ffffff;
border-right-color-value: #ffffff;
border-bottom-color: #ffffff;
border-left-color-value: #ffffff;
background-color: #161616;
font-size: 10px;
color: #ffffff;
font-family: Verdana;
cursor: pointer;
}


   .contact_txt p {
   padding: 0 0 10px 0;
   margin: 0;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   color: #F7F7F7;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-decoration: none;
   text-align: left;
   text-transform: none;
   text-indent: 0;
   line-height: normal;
   letter-spacing: normal;
   word-spacing: normal;
   }
      .contact_txt a {
   padding: 0 0 10px 0;
   margin: 0;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   color: #F7F7F7;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-decoration: none;
   text-align: left;
   text-transform: none;
   text-indent: 0;
   line-height: normal;
   letter-spacing: normal;
   word-spacing: normal;
   }




