/*
CLASSIQUE.css
Premier style du site.....
www.netmuse.fr
par Arnaud HELLE, pour studio.netmuse.fr
*/

body
{
width: 860px;
margin:auto;
top:0px;
bottom:0px;
background-repeat:repeat-x;
background-position:top left;   
}

#milieu_auditeurs
{
background-image:url(images/acces_auditeurs/milieu.png);
background-repeat:repeat-y;
padding-left:3px;
padding-right:12px;
height:650px;

}
#defis_auditeurs
{

border:solid;
border-color:#f6dd93;
}
#jeux_auditeurs
{

border:solid;
border-color:#e8bae8;
}
#contenu_auditeurs
{
float:right;
width:546px;/* 550px par def */


}

#auditeurs
{
color:#000000;
margin-left:12px;



}
#menu_auditeurs
{
	background-image:url(images/acces_auditeurs/ombre.png);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	width:158px;
	height:247px;
	margin-left:15px;
	margin-top:15px;
}





/* pour les formulaires:
*/
input.text
{
	width: 40%;
	background-color: #ac4a4a;
	border: 0;
	margin-right: 0.25em;	

}
input.date
{
	width: 15px;
	background-color: #ac4a4a;
	border: 0;
	margin-right: 0.25em;	

}
input.c1
{
	background-color: #0d9e33;
	border: 0;
}
input.c2
{
	background-color: #5bddc6;
	border: 0;
}
input.c3
{
	background-color: #207200;
	border: 0;
}
input.qar
{
	background-color: #ac4a4a;
	border: 0;
}
select.text {
	width: 40%;
	background-color: #ac4a4a;
	border: 0;
}
select.mois {
	width: 100px;
	background-color: #ac4a4a;
	border: 0;
}

textarea 
{
	width: 40%;
	background-color: #ac4a4a;
	border: 0;
	margin-right: 0.25em;	

}
label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #ABBF3B;
}




#PAGE
{
   
   width: 860px;
margin:auto;

   
}

/* L'en-tête */

#chapeau
{
	width: 860px;
	position:absolute;
	height: 30px;

	top:-1px;
   

}

/* L'en-tête */

#en_tete
{
	margin-left:18px;
	margin-top:20px;

}
.element_tete_haut
{


   background-image:url(images/EN_TETE_haut.png);
   background-repeat:no-repeat;
   height:118px;
   
   

}
.element_tete_milieu
{
   background-image:url(images/EN_TETE_milieu.png);
   background-repeat:repeat-y;
   height:27px;
   padding-left:50px;

   

}
.element_tete_bas
{
   background-image:url(images/EN_TETE_bas.png);
   background-repeat:no-repeat;
   height:45px;
   padding-left:50px;
   padding-right:70px;
   
   

   

}

/* Les titres */
#titres
{
   

  padding-right:50px;
  left:50px;

  

   background-image:url(images/corps_repete.png);
   
   
   
}

/* CADRES */

#menu
{
	margin-left:0px;
   
   width:267px;


}

#even_agenda
{
	margin-left:0px;
   
   width:267px;
 


}

#fm
{
	margin-left:5px;
   top:0px;
   width:371px;
   margin-right:0px;



}
#web
{
margin-right:5px;

top:0px;
width:371px;
float:right;



}

#contacter
{
padding-left:10px;
padding-right:10px;
top:0px;
width:744px;
background-image:url(images/contacter/repete_contacter.png); 
background-repeat:repeat-y
}

.element_menu
{

   margin-bottom: 20px;
   margin-left:7px;
   margin-top:10px;
}


#antenne
{
margin-right:0px;
top:0px;
width:474px;
float:right;



	

  


}

.antenne_titre
{

padding-left:10px;

}

.antenne_suivre
{
padding-left:10px;
}

.ANTENNE_titre
{
padding-left:50px;
}


#blabla
{
	margin-left:0px;
   
   width:267px;

top:auto;
border:solid;

}



#evenements
{
	margin-right:5px;
	float:right;


}

#detail_evenements
{
	margin-right:5px;
	float:right;
	width:270px;
        background:white;
margin-top:40px;


}

#myGallery
{
	margin-left:8px;

	width:267px;
}
#auditeursGallery
{
	margin-left:8px;

	width:267px;
}

.lien
{

	height:60px;
	font-size:24px;
	padding-bottom:10px;
	padding-left:10px;
	

}
.lien a
{

	color:#FFFFFF;
	text-decoration:none;
	
	

}

#type_lien
{

	
	Color:#FFFF00;
	font-size:24px;
	padding-left:5px;
	
	border-left:solid;
	border-top:solid;
	

}

#tete_pleine_page
{
	margin-right:5px;
	padding-left:2px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	

	width:750px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   
}

.element_menu ul
{
   list-style-image: url(images/puce.png);
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px; 
   
}

.element_menu a
{
   color: #B3B3B3;
   
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{

	height:auto;
   

  padding-left:50px;
  padding-right:53px;
  


   background-image:url(images/corps_repete.png);
   

   
   
}




/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   height:58px;
   width:760px;
   margin-top:-20px;
   
   padding-bottom:62px;
  padding-left:50px;
  padding-right:50px;
   text-align: center;

   color: #B3B3B3;
   
   background-image:url(images/pied_page.png);
   background-repeat:no-repeat;
   
}

/* ICI NE PAS TOUCHER, LE STYLE DU MENU, TRES COMPLET! */

#dolphincontainer{position:relative;color:#E0E0E0;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{background:url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{padding: 5px; font-size: 80%; height: 1em; padding-left:255px}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color:#FFFFFF}
#dolphin_inner a:hover{color:#CCCCCC}

.innercontent{display: none;}
/*fin style menu */




/* STYLE VISUELLE DES BOUTONS */
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* STYLE MENU BOUTONS */
a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(form_buttons.png);
    _background-image:url(form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}