/*http://meyerweb.com/eric/tools/css/reset/*/
/* GENERAL */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

h1 {
	font-size:24px;
	padding-top:7px;
	padding-bottom:15px;
	text-align:center;
	color:#0066CC;
	}
h2 {
	font-size:16px;
	font-weight:bold;
	padding-bottom:4px;
	/* font-weight: 800; */
	/* color: #32372f;	 */	
	color: #5f5f5f;	
	}	
.style_h2 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:4px;
	color: #5f5f5f;	
	}	

/*li {
	list-style: none;	
	} */

form {
    border: none;
	/*border-collapse: collapse; // pose probleme si contient des tableaux qui ne doit pas etre en collapse*/
	}	
fieldset {
	/*border-collapse: collapse; // pose probleme si contient des tableaux qui ne doit pas etre en collapse*/
	border: #CCC solid 1px;
	padding:5px;
	}	

input, button, select, textarea {
	vertical-align: middle;
	padding:1px;
	}
	
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
	padding: 2px 4px;
	}

		
.Image_Formulaire {	
	border: none;
	}

em, .italique {
    font-style: italic;
	}

strong, .gras {
    font-weight: bold;
	}

.souligne {
	text-decoration: underline;		
	}

hr {
	background-color: #FFFFFF;
	height: 1px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:5px;
	margin-bottom:5px;
	}

textarea:focus {
	border: 2px solid #999;
	}

/* Font Size */
		.smaller {
			font-size:smaller;
			}
		.larger {
			font-size:larger;
			}	
	
/* Liens */
		a {							/*	lien rouge, non surligne	*/
			color: #0000CC;
			text-decoration: none;
			}
		a img {
			border:none ;
			}		
		a:hover {					/*	passage souris : surligne	*/
			text-decoration: underline;
			font-style: italic;
			}
		a:visited {					/*	lien visite	*/
			color: #0066FF;
			}

/* images */
		.BordureImage {
			border: #000 solid 1px;		
		}			

/* Bordure */
		.Bordure_Grise {
			border: #ccc solid 1px;		
		}	
	
/* ALIGNEMENT */
		.AligneGauche {
			text-align: left;
			}
		.AligneCentre {
			text-align: center;
			}
		.AligneDroite {
			text-align: right;
			}	
		.AligneJustifie {
			text-align: justify;
			}				
		.AligneVerticalHaut {
			vertical-align:top;			
			}	
		.AligneVerticalMilieu {
			vertical-align:middle;				
			}							
						
/* MARGES */							
		.MargeGauche10px {
			text-align: left;
			margin-left: 10px;
			}
		.MargeGauche15px {
			text-align: left;
			margin-left: 15px;
			}
		.MargeGauche20px {
			text-align: left;
			margin-left: 20px;
			}
		.MargeGauche30px {
			text-align: left;
			margin-left: 30px;
			}			
		.MargeGauche40px {
			text-align: left;
			margin-left: 40px;
			}	
		.PaddingGaucheDroite5px {
			padding-left: 5px;
			padding-right: 5px;
			}	
			
		.Interligne_Large	{
		padding-top: 2px;		
		}

	
/* COULEURS */	
		.gris {	color: #555555;}
		.noir {	color: #000000;}
		.rouge {color: #DD0000;}
		.bleu {	color: #0000CC;}
		.bleu_logo { color: #0099FF; }		
		.vert {	color: #005500;}
		.vert_logo { color: #33CC00; }	
		
		
/* Bouton Valider */
	#FormContactBouton {
		border:none;		
		}	

/* in-line */
.style_inline {
	display:inline;
	}

/* Structure */

html {
    font-size: 100%; 				/* Évite un bug d'IE 6-7. (1) */
	}

body {
	background-color: #AAA;
	/*
	background-color: #F5F5FA;
	background-image: url(../COMMUN/IMAGES/fond-site.png);*/	
	background-attachment: scroll;
	color: #333;					/*	police : gris fonce	*/
	font-family: Arial;
	font-size:9pt;
	}

#conteneur {
	margin-top:6px;
	text-align:center; 				/* alignement au centre par defaut */
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	}	
		#phrase_haut {
			font-size:10px;
			color:#FFF;
			}							
		#header {
			padding-top:3px;			
			padding-bottom:5px;	
			text-align: left;
			width:100%;
			}
		#header td {
			vertical-align:middle;
			}
		#header td a {
			color:#FFF;
			}			
				#Planning-Planning {
					font-size:28px;
					color:#FFF;
					display: inline;
					}									
					
				#Slogan	 {
					color:#FFF;
					font-size:28px;
					text-align:right;
					}
												
				.ConnexionProprietaire {
					margin-left:42px;
					margin-top:6px;			/* Ne pas changer */
					}
				.ConnexionProprietaire p {
					display:inline;
					padding-right:3px;
					}
				.ConnexionProprietaire .Image_Formulaire {
					margin-top:-3px;	/* Ne pas changer */
					}									
				.ConnexionProprietaire  .ConnexionCourriel, .ConnexionProprietaire .ConnexionMdP {
					width:100px;
					margin-right:4px;
/*					background-color:#F0F0F0;*/
					margin-top:-3px;	/* Ne pas changer */
					}		
			
		#corps {
			background-color: #fff;
			padding-top: 7px;
/*			padding-bottom: 7px;	*/		
			border: #000 solid 1px;			
			width: 998px;
			}

					
						/* centre */
						#T_Principal  #Principal_Centre {				/* dans tableau */
							/*width: 590px;*/
							padding-left:5px;
							padding-right:5px;
							text-align:left;
							/*border: #F0F solid 1px;*/					/* TEST */
							vertical-align:top;							/* Ne pas changer */
							padding-top:7px;
							}									
														
	
								.Carre_Pub {
									margin-left:auto;
									margin-right:auto;
									width:210px;
									text-align:center;	
									}
																	
								.roundedcornr_box {					/* http://www.roundedcornr.com/ */
									text-align:left;
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_tl.png) no-repeat top left;
									margin-bottom:10px;							
									}
								.roundedcornr_top {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_tr.png) no-repeat top right;
									}
								.roundedcornr_bottom {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_bl.png) no-repeat bottom left;
									}
								.roundedcornr_bottom div {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_br.png) no-repeat bottom right;
									}
								.roundedcornr_content {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_r.png) top right repeat-y;
									}								
								.roundedcornr_top div,
								.roundedcornr_top,
								.roundedcornr_bottom div, 
								.roundedcornr_bottom {
									width: 100%;
									height: 10px;
									font-size: 1px;
									}		
								.roundedcornr_contenu {
									padding: 5px 5px 5px 15px ;	/* haut droite bas gauche */
									margin-left:auto;
									margin-right:auto;
									}
				#bas {
					width:100%;					
					padding-top: 7px;
					padding-bottom: 3px;
					border-top: #999 solid 1px;
					margin-top: 15px;	
					margin-bottom: 5px;	
					color:#666666;
					text-align:left;
					}	
				/* #bas table {
					width:100%;
					}
				#bas td {
					width:50%;
					}
				#bas_gauche {
					padding-left: 7px;
					text-align:left;
					}	
				#bas_droite {
					text-align:right;
					padding-right: 10px;
					}	 */						
					
				#legal {
					border-top: #999 solid 1px;
					text-align:center;
					background-color:#BDBDBB;
					padding-top: 4px;
					padding-bottom: 4px;
					font-size:smaller;
					}
				#legal a {
					font-weight: bold;
					color:#333;					
					}										

		#footer {
			margin-top: 15px;
			text-align:justify;
			font-size: x-small;
			}	
			.ImgFooter {
				border:0;
				width:88px;
				height:31px;
				}
		
		#pub_droite {
			float: right;
			width:160px;
			}
				
#T_Assemblage td {
		vertical-align:top;		
		}

/* PLANNING */
	#Form_Calendrier {
		width:100%;
		margin-left:20px;
	/*	margin-left:auto;
		margin-right:auto; */
		}
	#Planning_et_dates td {
		vertical-align:top;
		}
	#Bouton_Validation_Dispo{
		width:10%;
		margin-left:auto;
		margin-right:auto;
		}	
		
	.Ligne_Masque {
		display:none;
		}
		
		
	#Bloc_Message_Calendrier {
		background-color:#CCCCFF;
		font-weight: bold;
		font-size:14px;
		padding:4px;
		}	

	#T_Bloc_Form {	
		padding:2px;
		margin-left:-4px;	
		}	
	#T_Form_Listes {	
		background-color:#CCCCCC;	/* fond gris clair */
		border: solid 1px #333;		/* bordure gris fonce */
		padding:4px;
		}
	#T_Form_Listes_Modif {	
		background-color:#FFCC00;	/* fond orange - ancien : #FF6600 */
		border: solid 1px #F00;		/* bordure gris fonce */
		padding:4px;
		}
		
	.TD_Fond_Vert {
		background-color:#66CC66;
		color:#FFFFFF;
		}
	.TD_Fond_Rouge {
		background-color:#FF3333;
		color:#FFFFFF;		
		}
	.TD_Fond_Normal	td, .TD_Fond_Rouge td, .TD_Fond_Vert td {
		border-top: #000 solid 1px;		
		}	
	#Calendrier_Existant td {
		padding-left:3px;
		padding-top:2px;
		padding-bottom:2px;
		vertical-align:middle;
		}		
	#Calendrier_Existant tr {
		}				
	#Calendrier_Existant  {
		border-collapse:collapse;
		border: solid 1px #333;		/* bordure gris fonce */
		padding:3px;
		margin-right: 5px;			/*pour conserver la bordure droite*/
		}	
	.F_Cal_Modification {
		display:inline;
		}
	.F_Cal_Suppression {
		display:inline;
		}


/* gestion */
	#T_Liste_Planning {
		width:600px;
		}


/* Inscription */
	.T4Colonnes	td {
		text-align:left;
		padding-right:5px;
		padding-left:5px;		
		}		
		
.width_350 {
	width:350px;
	}
	
.Table_Gestion_Boutons {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	}

#Bouton_Nouveau_Planning {
	width:30%;
	margin-left:auto;
	margin-right:auto;
	}

.Bouton_Nouveau_Planning_Droite {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	}	
	
.Validation_Gestion {
		width:180px;
		height:	40px;
		font-size:larger;
		margin:2px;
		}
	
		
/* Page Integration*/		
#Div_Dimensions {	
	/*padding-left:15px;
	margin-left:15px;	
	border-left: solid 1px #999;*/
	}

#Page_Integration h2 {	
	padding: 10px 0px 5px 0px; /*h d b g*/
	}
#Page_Integration fieldset {	
	margin-bottom:8px;
	width:100%;
	}	
#Page_Integration legend {	
	font-weight: bold;
	padding-bottom:4px;
	}				
#Page_Integration input, img 	/* Important : alignement similaire des puces et des images */
	{
	margin: 0; 
	vertical-align: middle;
	}
	
.MiniCal td{
	background: url(../COMMUN/IMAGES/MiniCal2.jpg);
	width:35px;
	height:35px;
	}
	
.Stat_Planning {
	border-collapse: collapse;	
	text-align:center;			
	}

.Stat_Planning td {
	border: solid 1px #CCC;
	}

#InscriptionProprietaire input	 {
	margin-top:10px;
	margin-bottom:10px;	
	padding:10px;
	font-size:16px;	
	}
	
/* Vitrine */

 	#Inscription {
		padding:10px;
		}

	#Table_Vitrine .cellule_vitrine {
		vertical-align:top;
		padding-top:18px;
		padding-bottom:8px;		
		}
	#Table_Vitrine th {
		padding-bottom:15px;
		border: none;
		width:325px;
		}
	#Table_Vitrine td {
		vertical-align:top;
		width:300px;
		}
	#Table_Vitrine ul {
		padding-left:35px;
		list-style-image:url("../COMMUN/IMAGES/Puce.gif");
		font-size:larger;
		}
	#Table_Vitrine li {
		padding-bottom:4px;
		}				
		
	.Capture_Accueil  {
		border: solid 4px #C3D0F8;
		margin-bottom:63px;
		}	
		
	#Table_Formules  {
		border-collapse:collapse;	
		text-align:center;
		width:90%;
		margin-left:auto;
		margin-right:auto;		
		/*margin-top:15px;*/
		margin-bottom:20px;			
		font-size:12px;
		}	
	#Table_Formules td, th {
		border: solid 1px #999;		
		padding:3px;
		width:20%;
		}	
	#Table_Formules th {
		/*font-weight: bold;*/
		font-size:16px;
		}	
	#Bonjour {
		font-size:18px;
		padding-bottom:7px;
		}			


.Table_Calendrier_Parametre {
	display:inline-table;
	margin: 0;
	padding: 0;
	border: 0;
	}
.Table_Calendrier_Parametre tr {
	margin: 0;
	padding: 0;
	border: 0;
	}
.Table_Calendrier_Parametre td {
	margin: 0;
	padding: 0;		
	text-align:center;				
	vertical-align:middle;
	/*padding: 1px 1px 0px 0px;	*/	
	border: solid 1px #666;
	}
.Table_Calendrier_Parametre .Jour_Semaine_Parametre td {
	background-color:#CCCCFF;
	}
	
	
#Retouraccueil	 {
	font-size:larger;
	}
	
input[type="submit"].submit90{
	width: 90px;
	}	
#Bloc_Plannings_CSS	 {
	padding-right:5px;
	overflow-y: scroll;
	width:99%;
	height:390px;
	}