/* *********************************************/
/* ANIMATION INTRO  ****************************/
/* *********************************************/

#ContentIntro {
	width:945px; height:136px;
	margin:0px auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:18px;
	color:#000000;
	background:url(../images/entete2.jpg) 70px 0px no-repeat #FFFFFF;
}

	#ContentIntro ul{ padding-top:0px; margin-top:0px; }
	
	#ContentIntro li{ list-style-type:square; cursor:pointer; }
	
	#ContentIntro a{ cursor:pointer; }

	div#ContentIntro div#photo{
		position:absolute; top:120px; left:1421px;
	}
	
	div#ContentIntro div#texteAccueil{
		position:absolute; top:157px; left:156px;
	}
	
	div#ContentIntro div#infosNumero{
		position:absolute; top:314px; left:-549px;
	}
	
	
	
	div#ContentIntro div#archivesNumero{
		position:relative; top:536px; left:-900px;
	}
	
	div#ContentIntro div#archivesRubrique{
		position:absolute; top:638px; left:-751px;

	}
	
	
	
	div#ContentIntro div#invites{
		position:absolute; top:684px; left:-602px;
	}
	
	div#ContentIntro div#buzz{
		position:absolute; top:482px; left:1453px;
	}
	
	div#ContentIntro div#contact{
		position:absolute; top:-18px; left:1653px;
	}
	
	div#ContentIntro div.blocNoirAccueil{
		width:125px; height:125px;
		background:url(../images/intro/intro-blocNoir_bg.gif) 0px 0px repeat-y transparent;
		color:#FFFFFF; text-align:center;
		position:relative;
	}
		div#ContentIntro div.blocNoirAccueil div.top{
			height:5px; width:125px;
			display:block; float:left;
			padding:0px; margin:0px; overflow:hidden;
		}
		
		div#ContentIntro div.blocNoirAccueil p{
			padding:30px 0px 0px; margin:0px;
			display:block; float:left;
			height:85px; width:125px; text-align:center;
		}
		
		div#ContentIntro div.blocNoirAccueil div.bottom{
			height:5px; width:125px;
			display:block; float:left;
			padding:0px; margin:0px; overflow:hidden;
		}
		
	div#ContentIntro div.blocNoirAccueilhover{
		display:block; width:125px; height:125px;
		background:url(../images/intro/intro-blocNoir_hover-bg.png) 0px 0px repeat-y transparent;
		color:#C11526; text-align:center;
	}
		div#ContentIntro div.blocNoirAccueilhover div.top{
			height:5px; width:125px;
			display:block; float:left;
			background:url(../images/intro/intro-blocNoir_hover_bg-top.png) 0px 0px no-repeat;
			padding:0px; margin:0px; overflow:hidden;
		}
		
		div#ContentIntro div.blocNoirAccueilhover p{
			padding:30px 0px 0px; margin:0px;
			display:block; float:left;
			height:85px; width:125px; text-align:center;
			
		}
		
		div#ContentIntro div.blocNoirAccueilhover div.bottom{
			height:5px; width:125px;
			display:block; float:left;
			background:url(../images/intro/intro-blocNoir_hover-bg-bottom.png) 0px 0px no-repeat;
			padding:0px; margin:0px; overflow:hidden;
		}
	
	div#ContentIntro div.blocBlancAccueil{
		display:block; width:170px;
		color:#000000; text-align:left;
		overflow:hidden;
		padding:5px 0px;
		position:relative;
	}
	
	div#ContentIntro div.blancspecial{
		text-align:center;
	}
	
		div#ContentIntro div.blocBlancAccueil div.top{
			background:url(../images/intro/intro-blocBlanc_bg-top.png) 0px 0px no-repeat; height:5px; width:170px;
			position:absolute; top:0px; left:0px;
			padding:0px; margin:0px; overflow:hidden;
			
		}
		div#ContentIntro div.blocBlancAccueil p{
			padding:50px 0px 0px; margin:0px;
			background:url(../images/intro/intro-blocBlanc_bg.png) 0px 0px repeat-y transparent;
			
		}
		div#ContentIntro div.blocBlancAccueil div.content{
			padding:50px 0px 0px; margin:0px; height:110px;
			background:url(../images/intro/intro-blocBlanc_bg.png) 0px 0px repeat-y transparent;
		}
		
		div#ContentIntro div.blocBlancAccueil div.bottom{
			background:url(../images/intro/intro-blocBlanc_bg-bottom.png) 0px 0px no-repeat; height:5px; width:170px;
			position:absolute; bottom:0px; left:0px;
			padding:0px; margin:0px; overflow:hidden;
		}
		
		/*div#ContentIntro div.blocBlancAccueil ul{ width:120px; }*/
		
	
	
	
	div#ContentIntro div.blocXXLBlancAccueil{
		display:block; width:680px;
		color:#000000; text-align:left;
		position:relative;
	}
	
		div#ContentIntro div.blocXXLBlancAccueil div.top{
			background:url(../images/intro/intro-XXLblocBlanc_bg-top.png) 0px 0px no-repeat; height:5px; width:680px;
			display:block; float:left; 
			padding:0px; margin:0px;
			overflow:hidden;
			
		}
		
		div.blocXXLBlancAccueil a.normal{ 
			color:#666666;
			cursor:pointer;
		}
		
		div#ContentIntro div.blocXXLBlancAccueil div.content{
			padding:0px 5px 0px 40px; margin:0px; height:160px; width:635px;
			display:block; float:left;
			background:url(../images/intro/intro-XXLblocBlanc_bg.png) 0px 0px repeat-y transparent;
		}
			
			div#ContentIntro div.blocXXLBlancAccueil p.infosNumero{
				padding:50px 0px 0px; margin:0px 40px 0px 0px;
				display:block; float:left;
				text-align:center;
			}
			
			div#ContentIntro div#containerVignettes2{
				display:block; float:left;
			}
			
				div#ContentIntro div#containerVignettes2 div.blocVignette{
					display:block; float:left;
					text-align:center; font-size:15px; font-style:italic; color:#666666;
					margin-right:5px; margin-top:30px;
				}
				
				div#ContentIntro div#containerVignettes2 div.blocVignette img{
					border:1px solid #000000;
					cursor:pointer;
				}
				
				
				
		div#ContentIntro div.blocXXLBlancAccueil div.bottom{
			background:url(../images/intro/intro-XXLblocBlanc_bg-bottom.png) 0px 0px no-repeat; height:5px; width:680px;
			display:block; float:left;
			padding:0px; margin:0px;
			overflow:hidden;
		}
	
	
		
	


	div#ContentIntro div.bigBlocBlancAccueil{
		display:block; width:400px;
		color:#000000; text-align:left;
		padding:5px 0px;
		position:relative;
	}
	
		div#ContentIntro div.bigBlocBlancAccueil div.top{
			background:url(../images/intro/intro-bigblocBlanc_bg-top.png) 0px 0px no-repeat transparent; height:5px; width:400px;
			display:block; float:left;
			padding:0px; margin:0px; overflow:hidden;
		}
		
		div#ContentIntro div.bigBlocBlancAccueil p{
			padding:8px 15px; margin:0px;
			background:url(../images/intro/intro-bigblocBlanc_bg.png) 0px 0px repeat-y transparent;
			display:block; float:left; width:370px;
		}
		div#ContentIntro div.bigBlocBlancAccueil div.content{
			padding:15px 10px 0px 10px; margin:0px;
			background:url(../images/intro/intro-bigblocBlanc_bg.png) 0px 0px repeat-y transparent;
			display:block; float:left; width:380px;
		}
		
		div#ContentIntro div.bigBlocBlancAccueil div.bottom{
			background:url(../images/intro/intro-bigblocBlanc_bg-bottom.png) 0px 0px no-repeat transparent; height:5px; width:400px;
			display:block; float:left;
			padding:0px; margin:0px; overflow:hidden;
		}
		
		div#ContentIntro div.XLBlocBlancAccueil{
			display:block; width:610px;
			color:#000000; text-align:left;
			padding:5px 0px;
			position:relative;
		}
		
			div#ContentIntro div.XLBlocBlancAccueil div.top{
				background:url(../images/intro/intro-XLblocBlanc_bg-top.png) 0px 0px no-repeat transparent; height:5px; width:610px;
				display:block; float:left;
				padding:0px; margin:0px; overflow:hidden;
			}
			
			div#ContentIntro div.XLBlocBlancAccueil div.content{
				padding: 20px 0px 20px 40px; margin:0px;
				background:url(../images/intro/intro-XLblocBlanc_bg.png) 0px 0px repeat-y transparent;
				display:block; float:left; width:570px;
			}
			
				div#containerarchivesAccueil{
					width:540px;
					max-height:350px; overflow:auto;
					height: expression(this.scrollHeight > 350 ? "350px" : "auto"); /* IE6 */
				}
			
					div#ContentIntro div.XLBlocBlancAccueil div#archivesAccueil div.titreAccueilArchives{
						display:block; float:left; height:60px; width:200px;
						padding-top:25px; font-size:13px;
					}
					
					div#ContentIntro div.XLBlocBlancAccueil div#archivesAccueil div.detail{
						display:block; float:left;
						border-left : 1px solid #666666;
						padding-left:3px;
					}
					
					div#ContentIntro div.XLBlocBlancAccueil div#archivesAccueil div.blocVignette{
						display:block; float:left;
						text-align:center; font-size:11px; font-style:italic; color:#666666;
						margin-right:5px;
					}
					
					div#ContentIntro div.XLBlocBlancAccueil div#archivesAccueil div.blocVignette img{
						border:1px solid #000000;
					}

			
			div#ContentIntro div.XLBlocBlancAccueil div.bottom{
				background:url(../images/intro/intro-XLblocBlanc_bg-bottom.png) 0px 0px no-repeat transparent; height:5px; width:610px;
				display:block; float:left;
				padding:0px; margin:0px; overflow:hidden;
			}
		/*div#ContentIntro div.bigBlocBlancAccueil ul{ width:350px; }*/
		
	div#ContentIntro div.noPadT{ padding-top:0px; }
		
	div#ContentIntro div.hFixe{ height:160px; }
	
	div#ContentIntro div.listing{
		position:absolute; top:0px; left:0px;
		z-index:2000;
		display:none;
	}
		div#ContentIntro div.listing ul{
			max-height:350px; overflow:auto;
			height: expression(this.scrollHeight > 350 ? "350px" : "auto"); /* IE6 */
		}
		div#ContentIntro a:hover,
		div#ContentIntro a.hoverClass,
		div#ContentIntro div.listing a.aSelectionne{
			color:#C11526; cursor:pointer;
		}
		
	div#ContentIntro div.listingBlocVignette{
		position:absolute; top:0px; left:0px;
		z-index:2000;
		display:none;
	}
	div#ContentIntro div.listingBlocVignette span{
		font-style:italic; color:#C11526;
	}
	

/* *********************************************/
/* ENSEMBLE DU SITE ****************************/
/* *********************************************/

body {
padding : 0;
margin : 0;
font-family:Arial, Helvetica, sans-serif;
text-align: justify;
font-size:13px;
}

a {
text-decoration:none;
color: #000000;
font-weight:none;
cursor:pointer;
}
		
		

a img {
cursor:pointer;
}


a:hover {
}

div.breaker{ height:1px; overflow:hidden; clear:both; }

p{ margin:20px 0px 0px 0px; }


p.lireSuite{
	 margin:5px 0px 30px;
	 color:#C11526; font-size:11px;
}

p.lireSuite a{
	 color:#666666; font-weight:bold; text-decoration:underline; font-style:italic;
}

/* CADRE DE 1024 */
#Content {
	width:693px;
	margin:0px auto;
	padding:69px 0 0 0;
	/*border:1px dashed #333;*/
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:13px;
	color:#000000;
	border-left: 0 solid black;
	border-right: 0 solid black;
	border-bottom: 0 solid black;
	background-image:url(../images/entete.jpg);
	background-repeat:no-repeat;
}





#titrage {
display: block;
width: 500px;
height:20px;
text-align: right;
padding-right: 40px;
margin-left: 150px;
color: #FFFFFF;
font-size:14px;
}
h1#titrage, #titrage h1 {
color: #FFFFFF;
font-size:14px;
font-weight:normal;
margin : Opx;
padding : 0px;
line-height: 100%;
}

#introduction {
display: block;
margin: 60px 25px 50px 141px;
}


#principal {
display: block;
/*background-image:url(images/bgred.gif);
background-repeat:repeat-y;*/
}

.titresommaire {
font-weight:bold;
border-bottom: 1px solid black;
width: 130%;
}

h2.sommaire, .sommaire h2{
display: block;
/*width: 65px;*/
background-image:url(images/archives.gif);
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
border-bottom : 1px solid black;
text-indent: 16px;
font-size:12px;
font-weight:normal;
line-height: 90%;
padding-bottom: 5px;
}

.titretypearticle {
display: block;
font-weight:bold;
color: #C11526;
font-size: 14px;
}

.titretypearticle {
display: block;
}

.titrearticle {
display: block;
font-weight:bold;
font-size: 16px;
}

.separation {
display: block;
height: 80px;
margin: 20px 0 20px 0;
/*background-image:url(images/separation.gif);
background-repeat:no-repeat;
background-position:center;*/
}

#archives {
display: block;
margin: 40px 15px 5px 15px;
}
h2#archives, #archives h2{
display: block; float:left;
height:17px;
background-color: #C11526;
font-weight: normal;
text-align: center;
color : #fff;
font-size:16px;
padding: 8px; margin:0px;
}

div.archives{
	margin:0px 0px 20px;display:block; float:left;
}

div.accueilReturn{ position:relative; }
	div.favRetourAccueil{ position:absolute; top:0px; left:-55px; }

div.archives h2{
display: block; float:left;
height:17px;
font-weight: normal;
text-align: center;
font-size:16px;
padding: 8px; margin:0px;
}
	div.archives h2 a{
	color:#FFFFFF;
	}

#archives h3{
display: block; float:left;
background-color: #000000;
height:17px;
font-weight: normal;
text-align: center;
color : #fff;
font-size:12px;
padding: 11px 8px 5px; margin:0px;
}

#archives div.titre{
	display:block; float:left; height:60px; width:200px;
	padding-top:25px; 
}

#archives div.titre2{
	display:block; float:left; height:20px; width:260px;
	padding-top:25px; 
}

#archives div.detail{
	display:block; float:left;
	border-left : 1px solid #666666;
	padding-left:3px;
}

#archives div.blocVignette{
	display:block; float:left;
	text-align:center; font-size:11px; font-style:italic; color:#666666;
	margin-right:5px;
}

#archives div.blocVignette img{
	border:1px solid #000000;
}

#archives div.tetiereArchive{
	margin:40px 0px;
}

#credit {
display: block;
margin: 40px 15px 0px 15px;
text-align:center;
}

#messageinvitation {
display: block;
border: 1px solid black;
padding : 10px;
}

.warning1 {
display: block;
color: #FF0000;
margin-left: 143px;
padding-left : 18px;
width: 264px;
background-image:url(images/attention.gif);
background-repeat:no-repeat;
}
.warning2 {
display: block;
color: #FF0000;
margin-left: 5px;
padding-left : 18px;
width: 150px;
background-image:url(images/attention.gif);
background-repeat:no-repeat;
}
/* ///////////////////////////////////////
BARRE NAVIGATION GAUCHE
////////////////////////////////////////*/
.navigation {
font-weight:normal;
font-size:12px;
text-align:left;
color: #FFFFFF;
list-style-position:inside;
}
a.navigation, .navigation a{
color: #FFFFFF;
}

ul.navigation, .navigation ul {
/*display: block;

padding-top: 0px;*/
margin-left : 0px;
margin-top : 5px;
list-style-position:inside;
list-style-type:square;
background-color:#000000;
padding:  6px;
}

div.blocNumero{
	display:block; height:80px;
	padding:20px; margin-bottom:7px; 
	background-color:#000000; color:#FFFFFF; font-size:17px; text-align:left;
}
li.navigation, .navigation li {
padding-left: 0px;
margin-left: 0px;
margin-top : 4px;
list-style-position:inside;
list-style-type:square;
}

img.grandeVignette{ border:4px solid #C11526; margin:0px 0px 4px 10px; }
img.petiteVignette{ border:1px solid #000000; margin:0px 0px 4px 25px; }

/* ////////////////////////////////////////
/// TABLEAU
/////////////////////////////////////////*/

table {
}
	
/* headline */

caption {

}	
	
/* data */

tbody {

}
tbody td {

}
tbody td, th {

}



/* header */ 
	
thead th { /* headers oben */

}


tbody th { 

}	

/* colours */

tbody tr.odd th {

}
tbody tr.odd {

}

tbody tr.odd2 th {

}
tbody tr.odd2 {

}


	
/* links */	
	
tbody tr th a { /* blue */

}

tbody tr.odd th a { /* beige */

}	
	
tbody td a {

}

a:visited, tbody tr.odd th a:visited {

}


/* FORMULAIRES */

/* FORMULAIRES */

form {

}

input {

}

select {

}

label {
float: left;
width: 10em;
margin-right: 1em;
text-align: right;
}


fieldset {
margin : 1.5em 0 0 0;
padding: 0;
}

legend {
margin-left: 1em;
color : #000000;
font-weight: bold;
}

fieldset ol{
padding: 1em 1em 0 1em;
list-style: none;
}

fieldset li{
padding-bottom: 1em;
}