@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(img/patterns.jpg);
 background-repeat:repeat;
 background-color:#004c83;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#titre {display:none;}

h1,h2,h3,h4,h5,a {
	color:#e2001a;
	text-decoration:none;
	margin-bottom:0;
}

a:hover {
	color:white;
	}
	
.titre_article{
	line-height:1.19em;
	}
.date_visio{
	line-height:1.5em;
	}
	
.date {
	font-size:1.6em;
	}

.fondtexte {
	background-image:url(img/blanc2.png);
	}
	
.div_visio {
	height:278px;
}
	
.lirelasuite {
	text-align:right;
	float:right;
		width:50%;
}

	
.div_lecture {
	float:right;
	width:50%;
	margin-top:-15px;
}

.lecture {
	width:44px;
	height:44px;
	background-image:url(img/pause.png);}

.lecture:hover {cursor:pointer;}

.grd {
	width:505px;
	height:301px;
	-height:287px;
	padding: 10px;
	background-repeat:no-repeat;	
}

#grd_photo {margin-bottom:20px;}
 

.slide {
	float:left;
}

#slider #conteneur {
	width:1575px;
}

#slider {
	width:525px;
	height:321px;
	overflow:hidden;
	margin-bottom:20px;}
	
#pt0, #pt1, #pt2 {
	display:block;
	width:149px;
	height:87px;
 	padding:5px;
	float:left;
	margin-bottom:10px;
}

#pt0, #pt1 {
	margin-right:20px;
}

h5{
	font-weight:normal;
	line-height:1.3em;
	font-size:0.9em;
}

#corps {
	margin:auto;
	width:950px;
}

#corps2 {
	width:910px;
	padding:20px;
	background-image:url('img/blanc.png');
	-background-image:url(img/pattern-ie.jpg);
	font-size:1.2em;
	margin-bottom:30px;
}

.principale {
	
	background-image:url('img/blanc.png');
	-background-image:url(img/pattern-ie.jpg);
	margin-right: 20px;
	width:525px;
	float:left;
	padding:20px;
	margin-bottom:30px;
	font-size:1.2em;
	
}

.secondaire {
	
	background-image:url('img/blanc.png');
	-background-image:url(img/pattern-ie.jpg);
	width:325px;
	float:left;
	padding:0 20px 20px 20px;
	margin-bottom:30px;
	font-size:1.2em;

}


#audincourt {
	display:block;
	height:111px;
	width:325px;
	background-image:url(img/audincourt.png);
	-background-image:url(img/audincourt-ie.png);

}

.pagination {
	clear:left;
	text-align:center;
}

.prog_artiste {
	text-align:center;
	padding:10px 0;
	font-size:1.1em;
}

.div_photo{
	float:left;
	width:150px;
	margin-right:20px;
	margin-bottom:5px;
	text-align:center;
	height:180px;
}

.photo {
	border-width:1px;
	border-color:white;
	border-style:solid;
}

#grd_photo {
	max-width:910px;
}

.center {
	text-align:center;
}

#div_photo_padding {
	padding-left:20px;
}

#banniere {
	background-image:url(img/banniere.png);
	-background-image:url(img/banniere-ie.gif);
	width:950px;
	height:300px;
	background-repeat:no-repeat;
		}
		

		

/*barre de recherche*/
#search {
  position:relative;
  top:16px;!important;
  -top:5px;
  /top:5px;
  left:738px;
  width:200px;
  
		}
		
#recherche {
  background:none;
  border:none;
  width:150px;
  font-size:1.3em;
  font-family:Georgia, "Times New Roman", Times, serif;
  margin-right:17px;
  color:#e2001a;
  /position:relative;
  /top:-4px;
  -position:relative;
  -top:-2px;

			}
			
#ok {
	color:#e2001a;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	position:relative;
	/margin-top:11px;
	-margin-top:11px;
	padding:0;
	background:none;
	border:none;
	font-size:1.2em;
}

#ok:hover {
	cursor:pointer;
}
			

.header {
	background-image:url(img/blanc.png);
	-background-image:url(img/pattern-ie.jpg);
	padding:10px 0px;
	overflow:hidden;
	margin-bottom:20px;
	height:18px;
		}
		
.header div {float:left;}

.header h3 {
	float:left;
	cursor:pointer; 
	margin-left:46px;
	-margin-left:22px;
}



.header a:hover {
	color:white;
				}


.header li ul {
	position:absolute;}

			
.header ul {
	list-style-type:none;
	margin-left:20px;!important;
	-margin-left:-130px;
	/margin-left:-130px;
	text-align:center;
			}
			
.header li {
	float:left;
	width:auto;
	margin:auto;
			}	
			


.header ul li a {
	display:block;
	float:none !important;
	width:auto;
				}
				
.header ul li h3:hover {color:white;}				
					
.header ul li ul {
	display:none;
	margin-top:11px;
	width:auto;
	/margin-left:-550px;
				}
				
 		
#onglet_invisible {
	background:none;
	height:18px;
}


				
				
.header ul li:hover ul {
	display:block;
						}
						
.header li:hover ul li {
	float:none;
	width:auto;
	
						}
											
.header ul li:hover ul li a {
	font-size:1.3em;
	line-height:1.2em;
	padding:4px 0px;
	width:10em;
	background-image:url(img/blanc.png);
	margin-bottom:1px;
	}
	
.header ul li:hover ul li a:hover {background-image:url(img/blanc2.png);}

	
#blockB {
	background-image:url(img/haut_droite.png);
	-background-image:url(img/haut_droite-ie.gif);
	background-position:top right;
	background-repeat:no-repeat;
	min-width:950px;
}
#blockC {
	background-image:url(img/haut_gauche.png);
	-background-image:url(img/haut_gauche-ie.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

.footer {
	text-align:center;
	margin-top:20px;
		}
		

#img_footer {
	margin-right:10px;
	}
	
.align_droite {
	font-size:1em;
	text-align:right;
		}
				
				
				
#article {
	text-align:justify;
	}
				
				
.logo-partenaire {
	width:100px;
	}

.partenaire {
	margin-left:50px;
	}

#affiche09 {
	width:200px;
	float:left;
	margin-right:20px;
			}


.toggler:hover {
	color:white;
	cursor:pointer;
    }
	
	
#sommaire-histoire {
	text-align:justify;
	}

#reference {
	margin-left:20px;
	}
	
#artiste1, #artiste2, #artiste3, #artiste4, #artiste5 {
	display:block;
	width:318px;
	height:84px;
	}
	

#artiste1 {
	background-image:url(img/steel_mini.jpg);}
#artiste2 {
	background-image:url(img/danakil_mini.jpg);}
#artiste3 {
	background-image:url(img/jamait_mini.jpg);}
#artiste4 {
	background-image:url(img/babylon_mini.jpg);}
#artiste5 {
	background-image:url(img/rueket_mini.jpg);}
	

#fb, #my {
	margin-right:20px;}
	
#fbmyrss {
	font-size:1.2em;
	margin-bottom:10px;

	}