﻿#Header
{
	width:100%;
	height:215px;
	text-align:left;
	}
#GestionDeLaPaye a:visited, #Header #GestionDeLaPaye a:link
{
	position:absolute;
	top:167px;
	left:43px;
	color:rgb(54,73,113);
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	}
	
#social
{
	position:absolute;
	top:164px;
	right:10px;
	}

#Content
{
	float:right;
	text-align:left;
	width:625px;
	background-color:Transparent;
	padding:0;
	margin:0;
	color:rgb(54,73,113);
	font-size:100%;    
	}

#Content a:link, #Content a:visited
{
	 color:rgb(54,73,113);
	}

#Content ul
{
	margin-top:5px;
	}
	
#ContentWrapper
{
	background-image:url('/Images/sky.jpg');
	background-repeat:no-repeat;
	padding:0px 43px 35px 43px;
	min-height:450px;
	}

#Fil
{
	margin-top:8px;
	height:24px;
	font-size:85%;
	font-weight:normal;
	color:rgb(54,73,113);
	}

#Fil a:link, #Fil a:visited
{
	 color:rgb(54,73,113);
	 text-align:left;
	 text-decoration:none;
	}
	
#Fil a:hover, #Fil a:active
{
	 text-decoration:underline;
	}

#LeftColWrapper
{
	margin-top:35px;
	width:240px;
	float:left;
	}
	
#Menu
{
	width:240px;
	text-align:left;
	background-color:Transparent;
	padding:0;
	margin:0;	
	}
#Menu ul
{
	color:White;
	font-weight:bold;
	font-size:110%;
	list-style-type:none;
	text-align:left;
	padding:0;
	width:inherit;
	margin:0;	
	list-style-type:none;
	
	}
#Menu li
{
	margin:0 0 0.25em 0;
	
	}
#Menu li a:link, #Menu li a:visited
{
	color:White;
	background-image:url('/Images/btnMenu.gif');
	background-repeat:no-repeat;
	background-position:left;	
	height:29px;
	line-height:29px;
	vertical-align:middle;
	padding-left:15px;
	display:block;
	text-decoration:none;
}
	
#Menu li a:hover, #Menu li a:active
{
	background-image:url('/Images/btnMenuOver.gif');
}

#Menu img
{
	margin-left:-15px;
	border:none;
	}

#tblContact
{
	margin-top:10px;
}
#tblContact td
{
	padding:5px 5px 0 5px;
}
	
#tblContact .txtBox
{
	width:350px;
	border:solid 1px black;
	float:left;
	margin-right:3px;
	
	}
#tblContact .txtBox:hover
{
	background-color:#EEF6F2;
	font-weight:bold;
	
	}
.btn
{
	height:22px;
	font-weight:bold;
	width:200px;
	}
	
.Encart
{
	background-color:White;
	text-align:left;
	border:solid 2px rgb(50,67,110);
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	
}
	
#NewsPod
{
	position:absolute;
	top:250px;
	left:40px;
	width:236px;
	margin-bottom:20px;
	text-align:left;
	border:solid 2px rgb(50,67,110);	
}
#NewsPod ul
{
	list-style-type:none;
	padding:0;
	margin:0 0 2px 0;
	}	
#NewsPod li
{
	margin:0 4px 3px 14px;	
	}
#NewsPod a:link, #NewsPod a:visited
{
	display:block;
	color:rgb(54,73,113);
	font-size:105%;
	text-decoration:none;
		
	}
#NewsPod .date
{
	margin-left:14px;
	float:left;
	}
#NewsPod .headline
{
	margin:0 5px 3px 50px;
	}
#News
{
	margin-bottom:30px;
	}
.NewsPublie
{
	font-size:0.7em;
	font-style:italic;
	text-transform:capitalize;
	}
	
h1, h1 a:link, h1 a:visited, h1 a:active, h1 a:active
{
	margin-top:0;
	font-size:22px;
}

h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:active
{
	margin-top:0;
	font-size:16px;
}
	
h3, h3 a:link, h3 a:visited, h3 a:active, h3 a:active
{
	 margin:0;
	 font-size:13px;
	 text-decoration:none;
	}
	
#ActuTitre
{
	float:left;
	font-size:130%;
	font-style:italic;		
	font-weight:bold;  
	color:rgb(171,98,79);
	margin:5px 0 3px 14px;	
	}
	
	
#NetworkLinks a img
{
	border:none;
	}
#Pied
{
	margin-top:10px;
	color:rgb(54,73,113);
	font-size:95%; 
	}
#Pied a:link, #Pied a:active,#Pied a:visited
{
	color:rgb(54,73,113);
	text-decoration:none;
}
#Pied a:hover
{
	text-decoration:underline;
}
#Pied a img
{
	border:none;
	max-height:15px;
	}
	
#Pied a:link, #Content a:visited
{
	 color:rgb(54,73,113);
	}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {width:240; position:absolute ; top:430px;
	left:40px;z-index: 999}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0px 0px 0 0px; background-color:#90B6CB; border-style:solid; border-width:1px; border-color:#7EA2B6;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:relative; left:0; top:0; background: url(btnMenu.png);  border-style:none; border-width:0px; width:240px; white-space:normal;}

#menu a {display:block; font:bold 14px verdana,arial,sans-serif; font-variant: small-caps; color:#FFFFFF; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
#menu li a.fly {background: url(arrow.png) no-repeat right top;}
#menu li a.lienExterne {background: url(lien-externe.png) no-repeat right center;}

#menu li a:hover {background-color:#9DC6DB; color:#FFFFFF;} 
#menu li:hover > a {background-color:#9DC6DB; color:#FFFFFF;}

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
#menu li.inactif a {color:Red;}

/* NAVIGATION PRINCIPALE */
/*#Content #nav {position:absolute;	top:211px;right:10px;   	}*/
#nav-main {height: 25;   margin: 0;  padding: 0; width: 608px; z-index: 999 ;}
#nav-tabs {width: 668px; height: 25px; padding: 0; margin: 0;}
#nav-tabs li ul li a:hover {background-color:#9DC6DB; color:#FFFFFF;} /*ajout d'une couleur de fond au passage de la souris */

/* BARRE DE MENU PRINCIPALE */
#nav, #nav ul {padding: 0; margin: 0; list-style: none ; height: 24px; z-index: 999;}
#nav a, #nav a:link, #nav a:visited, #nav a:active {margin:inherit; display: block; font:bold 14px verdana,arial,sans-serif; font-variant: small-caps; color:#FFFFFF; text-decoration: none ;}

/* NAVIGATION EN MENU DEROULANT */
#nav a:hover {display: block;  background-color:#7EA2B6; color:#FFFFFF; text-decoration: none; }
#nav li {float: right;background-color:#364971;}
#nav li ul {position: absolute; left: -999em; width: 192px;} /* cache les sous menus */
#nav li ul li {top: 0; left: 100%; width: 100%; background:url(bg-menu.png) repeat; border-right: 1px solid #666; border-left: 1px solid #666;}

#nav li:hover ul, #nav li.sfhover ul {background:url(bg-menu.png) repeat; left: auto; z-index: 999; _background-color:#9DC6DB;} /* affiche les sous menus */

/* option avec bonhomme dans le menu */
#nav li ul li a {padding-left:15px;}
.MiddleSubLi {background:#fff; }

/* TEST MENU NAVIGATION DEROULANTE - NIVEAU 2 */
#nav li ul ul {position:absolute; left:-999em; width:192px;}
#nav li ul ul li {top: 0; left: 100%; width: 100%; background:url(bg-menu.png) repeat; border-right: 1px solid #666; border-left: 1px solid #666;}
#nav li.root {text-align:center; margin:1px 10px 1px 10px}
#nav li.root:hover  {background-color:#7EA2B6; color:#FFFFFF;}
#nav li.root ul.ulSousMenu {
    width:160px;
    background:none;
}
#nav li.root ul.ulLastSousMenu {
    width:160px;
    right:0;
    background:none;
}
/* BOTTOM DES MENUS DEROULANTS */

.SubTabBot {width: 100%; padding-top: 10px; height: 4px; background-image:url(bg-menu-bottom.jpg); background-repeat: repeat-x; background-position: bottom left; text-align: center;}
	
/* STYLE DANS MENUS DEROULANTS */

li .TopSubTab {margin-left: 10px; margin-right: 10px;border-bottom: none ; border-top: 1px solid #666; line-height: 5px;}
li .LastSubTab {margin-left: 10px; margin-right: 10px;border-bottom: none ;}

.TopSubLi {margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ccc; padding-top: 15px; padding-bottom: 5px;}
.MiddleSubLi {text-align:left; margin-left: 10px; margin-right:10px; border-bottom: 0px solid #ccc;}

.MiddleSubLi a {padding-top: 5px; padding-bottom: 5px;}

#nav a.MiddleSubA:hover  {color:#000080;}
#nav a.MiddleSubA:active {color:#000080;}
#nav a.MiddleSubA:visited {color:#000080;}
#nav a.MiddleSubA:link {color:#000080;}


.MiddleSubLi2 {margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ccc;}

.MiddleSubLi2 a {padding-top: 5px; padding-bottom: 5px; padding-right: 0px;}
.MiddleSubLi2 a:hover {padding-top: 5px; padding-bottom: 5px; color: #c00 ;}

a.AlinkRight {float: right ; text-align: left ; width: 105px;}
a.AlinkLeft {float: left ;}


