/* CSS Document */

/* CSS Document */

body{
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin: auto; 
margin-top:8px;
padding:0px; 
text-align:center; 
}
.band {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000066;
	line-height: 18px;
}
.titre36 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF9900;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 20px;
	letter-spacing: 0px;
}
.base {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
}
.invi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.titreCopie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	line-height: 18px;
}
.titreviolet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #9933FF;
	line-height: 18px;
	font-style: italic;
}
.titrerouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 18px;
	text-transform: none;
	text-decoration: blink;
}
.titregras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	line-height: 18px;
}
.basegros {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
}
.jau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFCC00;
	font-weight: bold;
}
.invinoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
}
.jaulight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFCC00;
	font-weight: normal;
}sstitre {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
}
.stitre {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
}
.domi {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
}
.popopopo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
}
.basegrise {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	line-height: 17px;
}
.basenoire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}
.basenoiregrasse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 17px;
	font-weight: bold;
}

/***************************  LIENS  ***************************/
a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	line-height: 17px;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	line-height: 17px;
}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	line-height: 17px;
}

a: img border: 0;
}


a img {border: 0;}
/****************************  FIN LIENS  ***************************/



/***************************  BOX GLOBAL  ***************************/

#box_global{
	margin: auto;  
	width:auto;
	height:auto;
	color: #000000;
/*border:#000000 1px solid;*/
}

	#global{
	margin: auto;
	height:auto;
	background-color:#000000;
	color: #000000;
	/*border:#000000 1px solid;*/
	}
	
/*************************  FIN BOX GLOBAL  *************************/



/***************************  BOX HEADER  ***************************/

	#box_header{
	margin:auto; 
	width:960px;
	height:auto;
	color: #000000;
		}
		
			
			#menu{
			width:auto;
			height:auto;
			}
			
/************************** FIN BOX HEADER  *************************/	



/***************************  BOX CONTENU  **************************/		
#box_contenu{
margin-top:52px;
margin:auto; 
width:1000px;
height:auto;
background-color:#000000;
clear:both;
}
		
			#patheway{
			width:930px;
			margin-top: 30px;
			padding:15px;
			text-align:center;
			}
				
	
			
			#main{
			width:1000px;
			height:auto;
			padding:15px;
			text-align:left;
			}
			
				#titre_cal{
				width:930px;
				height:auto;
				text-align:right;
				margin:auto; 
				}
				
				#cadre_cal{
				margin-top:10px;
				padding:15px;
				width:700px;
				height:230px;
				background-image: url("fond.jpg");
				margin:left;
				clear:both;
				}
				
					
					#vignette_cal{
					margin:auto;
					margin-left:20px;
					width: 240px;
					height:250px;
					float:left;
					text-align:center;
					padding:25px;
					vertical-align:bottom;
					}
					
					#vignette_cal2{
					width:125px;
					height: 80px;
					margin-top:30px;
					margin-left:20px;
					padding:5px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal3{
					width:103px;
					height: 80px;
					padding:5px;
					margin-top:30px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal4{
					width:103px;
					height: 80px;
					padding:5px;
					margin-top:30px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal5{
					width:auto;
					height: auto;
					padding:5px;
					margin-left:50px;
					vertical-align:top;
					text-align:left;
					float:left;
					}
					
					
				#cadre_calb{
				margin-top:0px;
				padding:0px;
				width:700px;
				height:180px;
				background-image: url("fond.jpg");
				margin-left:225px;
				clear:both;
				}
				
					
					#vignette_calb{
					margin:auto;
					margin-left:20px;
					width: 240px;
					height:250px;
					float:left;
					text-align:center;
					padding:25px;
					vertical-align:bottom;
					}
					
					#vignette_cal2b{
					width:125px;
					height: 80px;
					margin-top:30px;
					margin-left:20px;
					padding:5px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal3b{
					width:103px;
					height: 80px;
					padding:5px;
					margin-top:30px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal4b{
					width:103px;
					height: 80px;
					padding:5px;
					margin-top:30px;
					vertical-align:bottom;
					text-align:right;
					float:left;
					}
					
					#vignette_cal5b{
					width:auto;
					height: auto;
					padding:5px;
					margin-left:50px;
					vertical-align:top;
					text-align:left;
					float:left;
					}
			
				#cadre_titre{
				margin-top:0px;
				padding:5px;
				height:auto;
				width:1000px;
				text-align: left;
				clear:both;
				} 
				
				#cadre_titre2{
				margin-top:40px;
				padding:5px;
				height:auto;
				width:1000px;
				text-align: left;
				clear:both;
				}
				
				#cadre_titre3{
				margin:auto;
				padding:0px;
				height:auto;
				width:700px;
				text-align: center;
				clear:both;
				} 
				
					#cadre{
					margin:32px;
					width:750px;
					height:auto;
					text-align:center;
					div align:center;
					float:left;
					}
						
						#cadre_left{
						width:440px;
						margin-top:0px;
						height:310px;
						width:auto;
						text-align: left;
						float:left;
						}
						
							#vignette{
							width:440px;
							height:auto;
							text-align:left;
							float:left;
							clear:both;
							}
								#cell1{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell2{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell3{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell4{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
					
					
						#cadre_right{
						margin-top:95px;
						float:right;
						margin-left:auto;
						padding:5px;
						width:auto;
						height:auto;
						text-align: left;
						vertical-align: middle;
						}
						
						
						#cadre_right2{
						margin-top:0px;
						float:right;
						margin-left:auto;
						padding:5px;
						width:auto;
						height:auto;
						text-align: left;
						vertical-align: middle;
						background-image:images/calendriers/fond_pyr.jpg;
						}
						
							#cell1a{
								width:auto;
								height:auto;
								padding:0px;
								text-align:right;
								float:left;
								}
								#cell2a{
								width:auto;
								height:auto;
								padding:0px;
								text-align:right;
								float:left;
								}
								#cell3a{
								width:auto;
								height:auto;
								padding:0px;
								text-align:right;
								float:left;
								}
								
								#cell4a{
								width:auto;
								height:auto;
								padding:0px;
								text-align:right;
								clear:both;
								}
						
						
					#cadre2{
					margin:32px;
					width:750px;
					height:auto;
					text-align:center;
					div align:center;
					float:left;
					}
						
						#cadre_left2{
						margin-top:0px;
						width:440px;
						height:210px;
						width:auto;
						text-align: left;
						float:left;
						}
						
							#vignette2{
							width:440px;
							height:auto;
							text-align:left;
							float:left;
							clear:both;
							}
								#cell1b{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell2b{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell3b{
								width:103px;
								height:103px;
								padding:0px;
								text-align:left;
								float:left;
								}
								#cell4b{
								padding:0px;
								text-align:left;
								float:left;
								}
					
					
						#cadre_right2{
						float:right;
						margin-left:auto;
						margin-top:40px;
						padding:5px;
						width:auto;
						height:auto;
						text-align: left;
						vertical-align: middle;
						}
						
			
			#users{
			width:1000px;
			height:auto;
			padding:15px;
			text-align:left;
			float:left;
			clear:both;
			}
					#user1{
					width:320px;
					height:auto;
					margin-left:10px;
					padding:0px;
					text-align:left;
					float:left;
					background-color:#333333;
					}
			
					#user2{
					width:320px;
					height:auto;
					margin-left:10px;
					padding:0px;
					text-align: left;
					float:left;
					background-color:#333333;
					}
			
					#user3{
					width:320px;
					height:auto;
					margin-left:10px;
					padding:0px;
					text-align: left;
					float:left;
					background-color:#333333;
					}
			
		

/*************************  FIN BOX CONTENU  **************************/
		
#footer{
margin:auto;
margin-top:0px; 
padding: 10px;
width:1000px;
text-align:center;
height:auto;
clear:both;
}


/****************************  STYLE MODULES  ****************************/

/* Espacement entre les modules*/

table.moduletable {
margin-bottom:30px;
}
jaune gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC33;
}
.jauneg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC33;
}