/* CSS Document */



body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5aabeb;
	background:url(images/pix_page.jpg) repeat-x #05080B ;
	

}

*  {
	margin: 0 ;
	padding:0;
}

p, h2, h3 , h4 , h5  {
	display:block;
}


p {
	padding:3px 0 5px 0 ;
}


ul  {
	list-style:none;
}




a {
	text-decoration:none;
	color:#FFC600;
	
	
}


a:hover {
	text-decoration:none;
	color:#fff;
	
}

.space {
	margin:15px 0 0 10px;
	border: 1px solid #0065D6;
}

/************************/




#page {
	
	width:955px;
	margin:0 auto;
}


#header {
	float:left;
	width:955px;
	height:317px;
}

.header_acc {
	background:url(images/header_acc.jpg) 0 100% no-repeat #010101; 
}

.header_nav {
	background:url(images/header_nav.jpg) 0 100% no-repeat #010101; 
}

.header_ctc {
	background:url(images/header_ctc.jpg) 0 100% no-repeat #010101; 
}




#header h2{
	font-size:15px;
	color: #FFC600;
	font-weight:bold;
	padding:45px 0 0 410px ;
}

.logo{
float:left;
}
/**********************************/

#content {
	float:left;
	width:955px;
}


#menu {
	background:url(images/back_menu.jpg) 0 0 no-repeat;
	height:348px;
	width:300px;
	float:left;
}

#menu ul{
padding:0 0 0 57px;
}
/**********************************/

.acc a{
	background: url(images/menu/acc_off.jpg) 0 0 no-repeat;
	display:block;
	height:25px;
	width:243px;
}

.acc a:hover{
	background: url(images/menu/acc_on.jpg) 0 0 no-repeat;
	display:block;
	height:25px;
	width:243px;
}


.acc .active{
	background: url(images/menu/acc_on.jpg) 0 0 no-repeat;
	display:block;
	height:25px;
	width:243px;
}
/**********************************/

.congres a{
	background: url(images/menu/congres_off.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}

.congres a:hover{
	background: url(images/menu/congres_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}

.congres .active{
	background: url(images/menu/congres_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}


/**********************************/
.concert a{
	background: url(images/menu/concert_off.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}

.concert a:hover{
	background: url(images/menu/concert_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}

.concert .active{
	background: url(images/menu/concert_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}


/**********************************/
.manif a{
	background: url(images/menu/manif_off.jpg) 0 0 no-repeat;
	display:block;
	height:31px;
	width:243px;
}

.manif a:hover{
	background: url(images/menu/manif_on.jpg) 0 0 no-repeat;
	display:block;
	height:31px;
	width:243px;
}

.manif .active{
	background: url(images/menu/manif_on.jpg) 0 0 no-repeat;
	display:block;
	height:31px;
	width:243px;
}


/**********************************/

.scenes a{
	background: url(images/menu/scene_off.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
}

.scenes a:hover{
	background: url(images/menu/scene_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
	
}

.scenes .active{
	background: url(images/menu/scene_on.jpg) 0 0 no-repeat;
	display:block;
	height:23px;
	width:243px;
	
}

/**********************************/
.ctc a{
	background: url(images/menu/ctc_off.jpg) 0 0 no-repeat;
	display:block;
	height:21px;
	width:243px;
}

.ctc a:hover{
	background: url(images/menu/ctc_on.jpg) 0 0 no-repeat;
	display:block;
	height:21px;
	width:243px;
	
}

.ctc .active{
	background: url(images/menu/ctc_on.jpg) 0 0 no-repeat;
	display:block;
	height:21px;
	width:243px;
}

/**********************************/
#prest {
	background:url(images/back_prest.jpg) 0 0 no-repeat;
	width:350px;
	float:left;
	margin-left:10px;
	padding: 0 0 50px 5px;
}

#prest p{
	padding: 5px 0px 10px 10px;
}

#prest .rub{
	padding: 5px 0 5px 10px ;
	background: url(images/rub.jpg) 0 0 no-repeat ;
}


#prest .puce{
	
	background: url(images/puce.gif) 0 12px no-repeat ;
	margin-left:20px;
}


/**********************************/

#visuels {
	width:290px;
	float:left;
	height:348px;
	background: url(images/chanteur.jpg) left bottom no-repeat;
	padding:0;
	
	
}


.visu_concert {
	margin:15px 0 0 60px;
	border:1px solid #0065D6;
}

.visu_semi {
	margin:10px 0 0 10px;
	border:1px solid #0065D6;
}

.visu_spect {
	margin:30px 0 0 10px;
	border:1px solid #0065D6;
}



/**********************************/

#footer {
	margin:0 auto;
	width:955px;
	text-align:center;
	font-size:11px;
	
}

#footer li{
	display:inline;
	
}


#footer li a{
	margin:0 4px 0 4px;
	color:#FFC600;
}

#footer li a:hover{
	margin:0 4px 0 4px;
	color:#5AABEB;
}




#footer object{
	position:relative;
	top:5px;
}







#toptech  a{
	color:#808080;
	font-size:10px;
}

#toptech  a:hover{
	color:#FFC600;
	font-size:10px;
}


/**********************************/

#content_nav {
	float:left;
	width:955px;
	background:  url(images/back_nav.jpg) 0 0 no-repeat;
}


#services {
	float:left;
	width:600px;
	padding:0 0 10px 10px;
}

#services .rub2{
	padding: 5px 0 5px 10px ;
	background: url(images/rub2.jpg) 0 0 no-repeat ;
}

#services .rub3{
	padding: 5px 0 5px 10px ;
	background: url(images/rub3.jpg) 0 0 no-repeat ;
	margin:10px 0 0 0 ;
	}


#services .rub4{
	padding: 5px 0 5px 10px ;
	background: url(images/rub4.jpg) 0 0 no-repeat ;
}

#services .rub5{
	padding: 5px 0 5px 10px ;
	background: url(images/rub5.jpg) 0 0 no-repeat ;
}


#services .rub6{
	padding: 2px 0 5px 10px ;
	background: url(images/rub6.jpg) 0 0 no-repeat ;
}

#services .puce{
	
	background: url(images/puce.gif) 0 10px no-repeat ;
	margin-left:10px;
	padding: 3px 5px 5px 10px ;
}


.col1 {
	float:left;
	width:220px;
}

.col10 {
	float:left;
	width:240px;
}


/**************/
.col2 {
	float:left;
	width:153px;
	padding:3px 0 0 2px;
	
}


.col2 img{
	margin:0 0 5px 0px;
	border:1px solid #0067DB;
	float:left;
}

/**************/
.col3 {
	float:left;
	width:220px;
	 
}

/**************/
.col4 {
	float:left;
	width:200px;
	padding:60px 0 0 12px;
}



.col4 img{
	border:1px solid #0067DB;
}
/**************/
.col5 {
	float:left;
	width:200px;
	padding:4px 0 0 12px; 
}
.col5 img{
	border:1px solid #0067DB;
}
/**************/
.col6 {
	float:left;
	width:212px;
	padding-top:88px;
	 
}
.col6 img{
	margin:0 0 2px 20px;
	border:1px solid #0067DB;
	float:left;
}
/**************/
.col7 {
	float:left;
	width:193px;
	padding:5px 0 0 60px;
	
}


.col7 img{
	margin:0 0 5px 0px;
	border:1px solid #0067DB;
	float:left;
}

/**************/


.col8 {
	float:left;
	width:200px;
	padding:36px 0 0 12px;
}



.col8 img{
	border:1px solid #0067DB;
}





/**************/


#mention {
	float:left;
	width:580px;
	padding:0 0 10px 10px   ;
}

#mention h3{
	padding:0 0 10px 0;
	font-size:16px;
	color:#DEA906;
}

#mention .gras{
	padding:5px 0 5px 0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

/**************/



#content_ctc {
	float:left;
	width:955px;
	background:  url(images/back_ctc.jpg) 0 0 no-repeat;
}

/**************/

.col1_ctc {
	float:left;
	width:250px;
	
	 
}

.col1_ctc .puce2{
	
	background: url(images/puce2.gif) 0 7px no-repeat ;
	padding: 3px 5px 5px 15px ;
	color:#FFF;
	margin-left:12px;
}


.col1_ctc .retrait{
	
	padding: 3px 5px 5px 15px ;
}


.col1_ctc .tof{
	
	margin: 5px 0 0 15px;
	border:1px solid #0066D8;
}





/**************/


.col3_ctc {
	float:left;
	width:280px;
	padding: 0 0 0 10px;
	 
}
/**************/



#formulaire{
	width:265px;
	color:#FBC902;
	font-size:12px;
	padding:10px 5px 10px 10px;
	float: right;
	background:url(images/bgdTitreFormulaire.gif) 0 0  no-repeat ;
	

	
}


#formulaire form{
	display: inline;
	
	
	
}

#formulaire p{
	margin:0 0 4px 0; 
	width:250px;
	padding:0;
	float:left;
	
}
 
#formulaire span{
	float:left;
	clear:left;

}
 
 #formulaire .info{
	clear: both;
	padding-top:7px;
}

 
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #CC1F12;
	width:165px;
	background-color:#F7F7F7;
	color:#000;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #CC1F12;
	width:165px;
	height:100px;
	background-color:#F7F7F7;
	overflow:auto;
	color:#000;
}

#formulaire .bout{
	width: 59px;
	height:17px;
	border:none;
	float:right;
	
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding:5px 0 5px 0 ;
	
}
