/* CSS Document - © made by fgdesign.ch - 2006*/


/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ ::::  CONFIG BASE :::: */

body
	{
		margin: 0px;
		color: inherit;
		background-color: #cfdddd;
		overflow: auto;
	}
DIV#BASE
	{	
		position: absolute;  /*ATTENTION position relative d'origine*/
		top: 0px;
		margin: auto; /* ATTENTION, auto d'origine autrement il y a un alignement du site a gauche*/
		width: 843px;
		background-color: #inherit;
	}


/* :::: FOND :::: */
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ ::::  RALLONGE  MARGE_haut :::: */	
DIV#RALLONGE_BLOC_haut
	{
			position: relative;
			top: 10px;
			width: 843px;
			height: auto;
			margin: auto;
			background-color: inherit;
			display: block;
	}
DIV.contenant_lamelle_entete
			{
				width: 843px;
				height: 10px;
				display: block;
			}
DIV.RALLONGE_BLOC_milieu
	{
		width: 100%;
		height: auto;
		display: block;
		background-color: inherit;
	}

DIV.fond_milieu
		{
			width: 843px;
			height: 85px;
			margin: auto; /* ATTENTION d'origine auto*/
			background-image: url(images/lamelle_corps.jpg);
			background-repeat: repeat;
		}
		
		
		
		
		
		
		
		
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ ::::  MENU :::: */
DIV.fond_milieu_2
		{
			width: 843px;
			height: 285px;
			margin: 0px;
			background-image: url(images/lamelle_corps.jpg);
			background-repeat: repeat;
		}
DIV#MENU
	{
		position: absolute;
		top: 150px; 
		left: 25px; 
		margin: 0px;
		padding: 0px;
		width: 90px;
		height: 309px;
		background-color: inherit;
	}
DIV.MENU_tranche
	{	
		display: block;
		width: 90px;
		height: auto;
		background-color: #EAF3E7;
	}
DIV.CONTENANT_panneau_btn
	{	
		display: block;
		width: 90px;
		height: auto;
		background-color: inherit;
	}
DIV.TITRE_panneau
	{	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding-left: 0px;
		padding-bottom: 2px;
		color: #71a4a9; /*72a4a9*/
        background-color: inherit;
	}
DIV.menu_case
	{	
		/* BORDER */
		border-top-color: #ffffff;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-color: #CCE3C5;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		margin-left: 10px;
     	width: 70px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 16px; /* hauteur de l'image réactive */ /*origine 15px*/
        background-color: inherit;
		display: block;
	}
.menu_active
	{	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		color: #7F7F7F;
		font-weight: 400;
		margin-left: 0px;
		padding-left: 2px;
		margin-top: 0px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
.menu_selected
	{	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		font-weight: 400;
		color: #73ABB1;
		margin-left: 0px;
		padding-left: 2px;
		margin-top: 0px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
DIV.menu_marge_haut
	{	
		margin-left: 8px;
		padding-left: 2px;
		margin-top: 0px;
		padding-top: 2px;
		padding-bottom: 0px;
		/* BORDER */
		border-bottom-color: #CCE3C5;
		border-bottom-style: solid;
		border-bottom-width: 1px;
     	width: 70px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 0px; /* hauteur de l'image réactive */ /*origine 15px*/
		color: #7F7F7F; /*A3C0C3*/
        background-color: inherit;
		display: block;
	}
DIV.menu_marge_bas
	{	
		margin-left: 8px;
		padding-left: 2px;
		margin-top: 0px;
		padding-top: 2px;
		padding-bottom: 0px;
		/* BORDER */
		border-top-color: #ffffff;
		border-top-style: solid;
		border-top-width: 1px;
     	width: 70px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 2px; /* hauteur de l'image réactive */ /*origine 15px*/
		color: #7F7F7F; /*A3C0C3*/
        background-color: inherit;
		display: block;
	}
DIV.MENU_bas
	{	
		display:block;
		width: 90px;
		height: 110px;
		background-image: url(images/menu_bas.jpg);
		background-repeat: no-repeat;
	}


/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ ::::  SOUS_MENU :::: */	
DIV.SOUS_MENU
	{
		/*position: relative;
		top:0px;
		left:0px;*/
		margin: 0px;
		padding: 0px;
		width: 87px;
		height: 309px;
		background-color: inherit;
	}
DIV.SOUS_MENU_tranche
	{	
		display: block;
		width: 87px;
		height: auto;
		background-color: inherit;
	}
DIV.TITRE_sous_menu
	{	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 2px;
		color: #A2C0C3;
        background-image: url(images/sous_menu/02.jpg);
	}
DIV.CONTENANT_sous_menu_btn
	{	
		display: block;
		width: 87px;
		height: auto;
		background-color: inherit;
	}
DIV.haut_sous_menu
	{	
     	width: 87px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 16px; /* hauteur de l'image réactive */ /*origine 15px*/
        background-image: url(images/sous_menu/01.jpg);
		display: block;
	}
DIV.sous_menu_btn A
	{	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		font-weight: 400;
		margin-left: 0px;
		padding-left: 15px;
		padding-top: 2px;
		/* BORDER */
     	width: 72px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 16px; /* hauteur de l'image réactive */ /*origine 15px*/
		color: #A2C0C3; /*A3C0C3*/
        background-image: url(images/sous_menu/02.jpg);
		display: block;
	}
DIV.sous_menu_btn A:hover 
	{
		color: #73ABB1; /*72a4a9*/
		text-decoration: none;
	}
DIV.bas_sous_menu
	{	
     	width: 87px; /* largeur de l'image réactive */ /*origine 188px*/
     	height: 38px; /* hauteur de l'image réactive */ /*origine 15px*/
        background-image: url(images/sous_menu/03.jpg);
		display: block;
	}
DIV.fond_bas
		{
			width: 843px;
			height: 31px;
			margin: auto;
			background-image: url(images/bandeau_pied.jpg);
			background-repeat: repeat;
		}
		
#carte
	{
		margin : 0px;
		padding : 0px;
		left : 0px;
		top : 0px;
	}
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ ::::  TEXTE :::: */

/* ::::  textes NEWS :::: */
.TITRE_NEWS
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-weight: bold;
		font-size: 14px;
		color:#EC7335;
	}
.legende
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-weight: normal;
		font-size: 11px;
		color:#BFD1D3;
	}
.texte_news	
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-weight: normal;
		font-size: 11px;
		color:#749CB6;
		margin-bottom: 30px;
	}


.TEXTE
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align: left;
		padding-left: 70px;
		padding-right: 130px;
		font-size: 11px;
		color:#749CB6;
	}
	
DIV.sign
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-top: 0px;
		margin-top: 0px;
		color:#6FAAA7;
		text-align: center;
		margin-bottom: 0px;
}

/* ::::  FORMULAIRE :::: */
#menu_form
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#6FAAA7;
		height: 11px;
		width: 150px;
		text-align: left;
}
DIV.error
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8px;
		color: #FF0000;
		text-align: left;
}
#demande
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#6FAAA7;
		height: 70px;
		overflow: auto;
		width: 150px;
		text-align: left;
}
#reset
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #6FAAA7;
		font-weight: bold;
		padding-left: 0px;
		margin-left: 0px;
		height: 13px;
		background-color:#FFFFFF;
		width: auto;
		text-align: left;
		text-align:left;
		border: 0px;
}
#valider
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		font-weight: bold;
		color: #6FAAA7;
		background-color:#FFFFFF;
		padding-left: 0px;
		margin-left: 5px;
		height: 13px;
		width: auto;
		text-align: left;
		border: 0px;
}
DIV#coordonnees
{
		position: absolute;
		top: 240px;
		left: 550px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #6FAAA7;
		width: 500px
		border: 0px;
}

