/* CSS Document */

body {
	background-color: #FBFCFE;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #020633;}
	
li {
 	display : list-item;
	margin-left: -15px;
 	list-style-image : url(../Pictures/mm_arrow.gif);} 	
	
blockquote {
	display:block;
	margin-left: 25px;}	
		
.text1 {font-size: 12px;} /* text normal 		(bleu 12pt) */
.text2 {font-size: 14px;} /* date 		 		(bleu 14pt)*/
.text3 { 	 /* gras, 14pt 						(bleu 14pt gras)*/					
		font-size: 14px;
		font-weight: bold;}
.titre1 { /* Bienvenu sur						(vert 26pt) #FFCC00 */					
	font-size: 26px;
	color: #F0C300;}
.titre2 {font-size: 18px;	/* www.gouzi.ch 	(vert 18pt)*/
		color: #F0C300;}
.titre3 { /* titre de page (La maison) 			(vert 18pt gras)*/
	font-size: 18px;
	color: #F0C300;
	font-weight: bold;}
.titre4 {  /* titre paragraphe 					(vert 12pt gras)*/				
	font-size: 12px;
	color: #F0C300;
	font-weight: bold;}

a:link {
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 25px;
	background: transparent url(../Pictures/mm_arrow.gif) no-repeat 14px 45%;}

a:visited {		/* idem a:link quand on a déjà visité ce lien sans le gras*/
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 25px;
	background: url(../Pictures/mm_arrow.gif) 14px 45% no-repeat;}

a:hover {		/* souligné et vert quand on passe dessus */
	color : #F0C300;
	text-decoration:underline;
	padding:5px 5px 5px 25px;
	background: url(../Pictures/mm_arrow.gif) 14px 45% no-repeat;}

a.sm:link {
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
	padding:5px 5px 5px 25px;
	background: transparent url(../Pictures/mm_arrow.gif) no-repeat 14px 45%;}

a.sm:visited {		/* idem a:link quand on a déjà visité ce lien sans le gras*/
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
	padding:5px 5px 5px 25px;
	background: url(../Pictures/mm_arrow.gif) 14px 45% no-repeat;}

a.sm:hover {		/* souligné et vert quand on passe dessus */
	color : #F0C300;
	text-decoration:underline;
	padding:5px 5px 5px 25px;
	background: url(../Pictures/mm_arrow.gif) 14px 45% no-repeat;}

a.accueil:link {
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 5px;
	background: none 0px 0px no-repeat;}
		
a.accueil:visited {		/* idem a:link quand on a déjà visité ce lien */
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 5px;
	background: none 0px 0px no-repeat;}
	
a.accueil:hover {		/* souligné quand on passe dessus */
	color : #020633;
	text-decoration:underline;
	background: none 0px 0px no-repeat;}

a.autre:link {
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 5px;
	background: none 0px 0px no-repeat;}
		
a.autre:visited {		/* idem a:link quand on a déjà visité ce lien */
	color : #020633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 5px;
	background: none 0px 0px no-repeat;}
	
a.autre:hover {		/* souligné quand on passe dessus */
	color : #F0C300;
	text-decoration:underline;
	background: none 0px 0px no-repeat;}

.menuActif {
	color : #F0C300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	padding:5px 5px 5px 25px;
	background: transparent url(../Pictures/mm_arrow.gif) no-repeat 14px 45%;}

.SmenuActif {
	color : #F0C300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
	padding:5px 5px 5px 25px;
	background: transparent url(../Pictures/mm_arrow.gif) no-repeat 14px 45%;}

/* Page calendrier */

table.calendar {
	color : #020633;
	background-color: #FBFCFE;}
	
td.calendar_title {
    font-size: 14px;
/*   font-weight: bold; */
    text-align: center;
    background-color: #F0C300;
    color: #020633;}
	
th.calendar {
    font-size: 12px;
    background-color: #FBFCFE;
    color: #020633;
    text-align: center;}

td.calendar {
    font-size: 12px;
    text-align: center;
    background-color: #FBFCFE;}
	
td.calendar_selected {
    font-size: 12px;
    text-decoration: line-through;
    text-align: center;
    background-color: #CCFFB7;
    color: #F0C300;
}
.checkbox_calendar {
	color: #F0C300;
	text-color: #E2D31D;
	font-weight: bold;
	font-size: 12px;
	background-color: #E2D31D;
}

   __________________________________/* Gestion du popup */____________________________________


.box {
	background: #a6483e;
	border: 3px solid #e1e1e1;
	width: 335px;
	padding: 10px;
	text-align: center;
	margin: 25px auto 0 auto;
	-webkit-box-shadow: 0px 1px 3px 0px gray;
	box-shadow: 0px 1px 3px 0px gray;
}

.box a {
	font-size: 16px;
	color: #fff;
}

.box a:hover {
	color: #000;
}

.event {
	width: 300px;
	height:220px;
	text-align: right;
	position: fixed;
	top: 200px;
	left: -350px;
	z-index: 99999;
	background: url(../Pictures/event/AgrementRME/popup_bck.png);
}

.popup_nonmerci {
	margin-right:16px;
	margin-top:-30px;
}


</style>