@import url(topnav.css);


	img{border: 0px;}
	
	h1, h2, p, h3, h4 {padding:0px; border:0px; margin:0px;}
	
	.spacer {width: 100%;height:1px;font-size:0px;margin:0px;border:0px;padding:0px;clear:both;}	
		
	
/*	body{background-color:#ded9c2;text-align:center;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size: 10pt;} */
		body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;font-size: 10pt;
}
	.top1__{width:100%;height:33px;margin:auto; text-align:center; background-color:#FFF;}
	.top2 {width:100%;height:148px;background-image:url(/_img/bg_2.gif);}
	.top2_1 {width:900px;height:148px;margin:auto;}
	
	.top1 {width:996px;margin:auto;background-image:url(../_img/fond.jpg); background-repeat:repeat-y; margin:auto;}
	
	
	
	.menu {width:980px;height:41px;margin:auto;text-align:left;background-image:url(/_img/bg_menu.gif);}
	.menumenu {width:890px;margin:auto;}
	
	.mainpage {width:980px;margin:auto;background-image:url(/_img/bg_main.gif);}
	.bas_mainpage {width:980px; margin:auto; background-image:url(/_img/3.gif); height:27px;}
	.content {width:735px; margin:auto; border-left:5px solid #fff7d3;}
	.content2{width:720px; margin:auto; border-left:25px solid #fff7d3;};
	.copyright {width:900px; margin:auto;}
	
	.lien_bas{font-family:Arial, Helvetica, sans-serif;font-size: 8pt; font-weight:bold; color:#999999}
	.lien_bas a{font-family:Arial, Helvetica, sans-serif;font-size: 8pt; font-weight:bold; color:#999999}
	.lien_bas a:hover{font-family:Arial, Helvetica, sans-serif;font-size: 8pt; font-weight:bold; color:#999999; text-decoration:underline;}
	
	
	/* colonnes */
	.col_left {width:250px; float:left; border-left:10px solid #FFF;}
	.col_left h1 {font-size:14px; color:#487d9c;  background-color:#E6E6E6;}
	.col_left h2 {font-size:12px; color:#c34419; padding-bottom:5px;}
	.col_left a {color:#2e6382; text-decoration:underline;}
	.col_left a:hover {color:#c34419; text-decoration:none;}
	.col_main {width:600px; float:right; border-right:10px solid #FFF; text-align:left;}
	.col_main div.ss_col_gauche {width:290px; float:left; text-align:justify;}
	.col_main div.ss_col_droite {width:290px; float:right; text-align:left;}
	.col_main div.image {width:600px;float: inherit; text-align:center; margin-bottom:10px}
	.col_main div.vignette {width:auto; border:1px solid #8c8c8c;float:left; height:auto;overflow:auto;}
	
	.col_main div.vignette a{width:auto;float:left; height:auto;overflow:auto;}
	.col_main div.vignette a:hover{width:auto;float:left; height:auto;overflow:auto;}
	
	.col_main div.vignette_home {width:auto;  height:auto;overflow:auto; text-align:center;}
	
	.col_main div.text{width:600px; overflow:auto;}
	
	
	/*.col_main div.vignette {border:1px solid #8c8c8c; float:left; margin:10px 10 10 10px; padding-right:5px} */
	.col_main h1 {font-size:16px; color:#487d9c; padding-bottom:5px;}
	.col_main h2 {font-size:14px; color:#c34419; padding-bottom:5px;}
	.col_main h3 {font-size:13px; color:#000; padding-bottom:5px;}
	.col_main h4 {font-size:12px; color:#c34419; padding-bottom:5px;}
	
	
	.col_main a {color:#2e6382; text-decoration:underline;}
	.col_main a:hover {color:#c34419; text-decoration:none;}
	
	
	/*cadre pour colonne gauche */
	.gcadre_topdown {width:250px; height:13px;}
	.gcadre {width:250px; background-image:url(/_img/g_cadre2_bg.gif);}
	.gcadre div.content {width:230px; margin:auto; text-align:left;}
	.gcadre div.content h1 {font-size:13px; font-weight:bold; padding-bottom:6px;}
	.gcadre div.content img.mag {float:left; border:1px solid #000; margin:0 5px 2px 0;}
	.gcadre div.content a {color:#2e6382; text-decoration:none;}
	.gcadre div.content a:hover {color:#2e6382; text-decoration:underline;}
	
	.cadrephoto{border:1px solid #000000;}
/*Agenda */

/****** calendrier ******/
	
	.moisfleche {
		/*width: 250x; */
		height:18px;
		 /*background-color:#ecf1e0; 
		 background-color:#FCEC9E; */
		 background-color:#487d9c;
		margin: auto;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		border-top:1px solid #666666;
		border-bottom:1px solid #666666;
		}
		
		.moisfleche a {
		color: #FEFEFE;
		text-decoration: none;
		}
		
		.moisfleche a:hover {
		text-decoration:underline;
		}
	
	
	
	
	.calendrier-tab-date {/*tableau contenant jours et dates */
		width: 250px;
		padding:0;
		margin: auto;
		}
	
	
	.calendrier-jour {
		padding: 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
		font-weight: bold;
		border-top: 3px #fff solid;
		color: #c34419;
		height:18px;
		background-image:  url(../img/bg_jour_calendrier.gif);
		
		}
		
		.dayoff, .dayoff-open, .today { /* jours à venir */
		height: 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #B9BEC2;
		text-align: center;
		}
		
		.dayoff-open {
		font-weight: bold;
		}
		
		.dayoff-open a {
		font-weight: bold;
		color: #3675ab;
		text-decoration: none;
		}
		
		.dayoff-open a:hover, .today a:hover  {
		text-decoration:underline;
		}
		
		.today { /* jour en cour */
		font-weight: bold;
		color: #fff;
		background-color: #c34419;
		}
		
		.today a {		
		font-weight: bold;
		color: #3675ab;
		background-color:#ffffff;
		text-decoration: none;
		}
		
		.allday { /* tous les évènements */
		height: 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #3675ab;
		text-align: center;
		}
		
		/* Carte géographique */
		.fond_carte
		{
		margin:auto;
		width:580px; height:450px;
		background-image:url(../_img/carte_guadeloupe.gif);
		background-repeat:no-repeat;
		}
		
		.tab_form
		{
		width:580px;
		background-color:#F8f8f8;
		border:1px solid #EFEFEF;
		}
		select
		{
		
		BACKGROUND-COLOR: #E3E3E3; 
	BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: 
	black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9pt; 
		}
		
		
INPUT.TEXT, INPUT.PASSWORD, TEXTAREA 
{
	background-color: #E3E3E3;
	border: Solid 1px #404040;
	border-color: #808080;
	font-size: 10pt;
	font-family: Verdana,Arial,Helvetica;
	color:#333333;
}


.ztexte-2 {
	BACKGROUND-COLOR:white; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; 
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; 
	WIDTH: 150px
}
.petitrouge {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
color:#FF0000;
}
	.tdrouge
	{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FF0000;
	border:1px solid #CCCCCC;
	}
	.tdbleu
	{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color: #0000FF;
	border:1px solid #CCCCCC;
	}
	.compte {
	BACKGROUND-COLOR:white; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; 
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9px; 
	WIDTH: 70px
}
.minitexte
{
font-size:9px;
}
.minitexte2
{
font-size:11px;
}

.chp_caddie {
	BACKGROUND-COLOR:white; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; 
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; 
	WIDTH: 40px
}

.chp_color {
	BACKGROUND-COLOR:white; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; 
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; 
	WIDTH: 200px;
	color:#FF0000;
	font-weight:bold;
}