/* CSS Document */
body {
	margin:0 ;
	background-image: url(images/fond_vert.jpg);
	background-repeat: repeat-x;
}
#conteneur-general {
	width:793px;
	height:auto;
	border-left:1px solid #F1F1ED;
	border-right:1px solid #F1F1ED;
	background-color:#FFFFFF;
	margin: auto;
}
#TopPage {
	width:793px;
	height:26px;
	background-image: url(images/bg_top.gif);
}
#SousMenu {
	width:246px;
	height:600px;
	float:left;
	background:url(images/pages-suite/degrade-sous-menu.jpg) no-repeat;
	background-color: #FFFFFF;
}
#Content {
	width:547px;
	height:auto;
	float:left;
	background-color: #FFFFFF;
}
#TopLogoFonctionnaire{
	width:276px;
	height:41px;
	background-image: url(images/pages-suite/titre_page.png);
	float:left
}
#TopLogoEntreprise{
	width:276px;
	height:41px;
	background-image: url(images/pages-suite/titre_page-entreprise.png);
	float:left
}
#TopLogoParticulier{
	width:276px;
	height:41px;
	background-image: url(images/pages-suite/titre_page-particulier.png);
	float:left
}
#TopLogoQui{
	width:522px;
	height:41px;
	background-image: url(images/pages-suite/titre_qui.png);
	float:left
}
#TopQui{
	width:793px;
	height:41px;
	float:left
}
#TopLogoContact{
	width:522px;
	height:41px;
	background-image: url(images/pages-suite/titre_contact.png);
	float:left
}


/*Menu Haut................................................................ */
#MenuHaut {
	background-color:#990187;
	width: 271px;
	height: 41px;
	float: right;
	position:relative;
}
#MenuHaut ul{
	margin:0;
	padding:0;	
}
#MenuHaut li {
	float: left;
	position:relative;
	height: 41px;
	list-style-type:none;
}
#MenuHaut li span {
	display: none;
}
#MenuHaut li a {
	display: block;
	background-image: url(images/menu_top_off.gif);
	height: 41px;
}
#MenuHaut li a:hover {
	display: block;
	background-image: url(images/menu_top_on.gif);
	height: 41px;
}
a#Accueil {
	width: 58px;
	background-position: 0 top;
}
a#Qui {
	width: 132px;
	background-position: 1024px top;
}
a#Contact{
	width: 80px;
	background-position: 1160px top;
}
/*FIN Menu Haut................................................................ */



#OngletEntreprises {
	margin:0 5px 0 5px;
	width:235px;
	height:20px;
	background-image: url(images/pages-suite/onglet_entreprise.png);
}
#OngletFonctionnaires {
	margin:0 5px 0 5px;
	width:235px;
	height:20px;
	background-image: url(images/pages-suite/onglet_fonctionnaires.png);
}
#OngletParticuliers {
	margin:0 5px 0 5px;
	width:235px;
	height:20px;
	background-image: url(images/pages-suite/onglet_particuliers.png);
}
#SousMenuContent{
	background-color:#FFF;
	width:233px;
	height:auto;
	margin:0 5px 0 5px;
	padding:15px 0 0 0;
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
}	
#FinSousMenu{
	margin: 0 5px 0 5px;
	height:12px;
	background-image:url(images/pages-suite/fin-sous-menu.png);
	background-repeat: no-repeat;
}
.TitresRubriques{
	width:auto;
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent:15px;
	padding:10px 0 0 0;
	margin:20px 0 0 20px;
	}
#fav{
height:15px;
	float:left;
	margin: 20px 0 0 5px;
}
#fav ul{
	list-style-type:none;
}
#fav li{
	background:url(images/fav.png) no-repeat;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	height:20px;
}
#fav li a{
	padding:0 0 0 20px;
	color: #999999;
	text-decoration:none;
}
#fav li a:hover{
	color: #999999;
	text-decoration:underline;
}
#send{
	clear:both;
	float:left;

}
#send ul{
	list-style-type:none;
}
#send li{
	background:url(images/envoyer_ami.png) no-repeat -2px;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	
}
#send li a{
	padding: 0 0 0 25px;
	color: #999999;
	text-decoration:none;
}
#send li a:hover{
	color: #999999;
	text-decoration:underline;
}


/* ss menu max---------------*/
	dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	dl#menu {
	width:233px;
	height:auto;
	margin:0 5px 0 5px;
	padding:15px 0 0 0;
	background-color:#FFF;
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	}
	dl#menu dt {
	height:25px;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C43A96;
	}
	dl#menu dt a {
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A3A22;
	background-image:url(images/pages-suite/sousMenu.gif);
	background-position:-1px bottom;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	text-decoration: none;
	display: block;
	}
	dl#menu dt a:hover {
	background-image:url(images/pages-suite/sousMenu.gif);
	background-repeat:no-repeat;
	background-position:-1px top;
	color: #C43A96;
	}
	dl#menu dd {
	border: none;
	}
	dl#menu dd ul {
	margin:0 0 10px 0;
	}
	dl#menu li {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:0 0 5px 30px;
	height:11px;
	line-height:11px;
	}
	dl#menu li a {
	width:auto;
	color: #666;
	text-decoration: none;
	display: block;
	border:none;
	background:url(images/pages-suite/puce-ssmenu.gif) no-repeat left center;
	padding:0 0 0 20px;
	}
	dl#menu li a:hover {
	color:#C43A96;
	text-decoration:underline;
	}
	.rollOver {
	background-image:url(images/pages-suite/sousMenu.gif) !important;
	background-repeat:no-repeat !important;
	background-position:-1px top !important;
	color: #C43A96 !important;
	}

/*FIN SousMenu................................................................ */




/*LIENS SOUS MENU................................................................ */
#SousMenuContent ul{
	width:230px;
	height:auto;
	margin:-1px;
	padding:0;
}
#SousMenuContent li {
	color: #FC4708;
	height:25px;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FD4006;
	/*padding:0 0 0 20px;*/
	margin:0 0 0 20px;
}
#SousMenuContent li a {
	color: #5A3A22;
	text-decoration:none;
		background: url(images/pages-suite/sousMenuOff.gif);
		background-repeat:no-repeat;
		background-position:left;
}
#SousMenuContent li a:hover{
	color: #FD4006;
	text-decoration:none;
		background: url(images/pages-suite/sousMenuOn.gif);
		background-repeat:no-repeat;
}
#sstest ul {
	margin:0;
	padding:0 0 0 20px;
	list-style-type: square;
}
#sstest li {
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	color:#999999;
	list-style-type: square;
	background:none !important;
}
/*............................................................................... */



/*FOOTER ................................................................ */
#Footer{
	background:#C43A96;
	width:793px;
	height:35px;	
	float:left;
	clear:both;
	text-align:center;
	padding:10px 0 0 0;
}
.TexteFooter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: none;
}
.TexteFooter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: underline;
}
.TexteFooter a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: none;
}
/*FIN FOOTER................................................................ */



#Form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	margin:0 10px 0 10px;
	float:left;
	background-color: #FFFFFF;
	width: auto;
}
#Form input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	text-decoration: none;
}
#Form th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	height:25px;
	margin:5px 0 5px 5px;
	text-align:left;
}
#TexteContent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3A22;
	font-style: normal;
	text-decoration: none;
	margin:10px 10px 10px 10px;
	background-color: #FFFFFF;
}
#TexteContent a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: underline;

}
#TexteContent a:hover{
	text-decoration: none;

}
.TexteContent th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3A22;

}
.TexteContentQui{
	padding:0 0 0 30px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	margin:10px 10px 10px 10px;
}
#TexteContentQui{
	padding:0 0 0 30px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	margin:10px 10px 10px 10px;
}
.TexteContent a{
	color: #FB4E0C;
	text-decoration: underline;
}
.Adresse{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3A22;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-image:url(images/pages-suite/puceH1.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C43A96;
	font-style: normal;
	font-weight: bold;
	}
#TexteContent ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3A22;
	font-style: normal;
	list-style-type:none;
	}
#TexteContent li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3A22;
	font-style: normal;
	list-style-position:inside;
	list-style-type: square;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCC;
	text-decoration: none;
	text-align:center;
	text-transform:capitalize;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990187;
	text-decoration: none;
	text-align:left;
	padding: 0 0 0 25px;
}
.envoyez {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #08077C;
	text-decoration: underline;
}

.envoyez a:hover{
	text-decoration: none;
}

#Plan{
	width:793px;
	height:auto;
	float:left;
	background-color: #FFFFFF;
	}
#Plan ul{
	margin: 50px;
	padding: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	}
#Plan li{
	background:url(images/pages-suite/puceH1.png) no-repeat;
	margin: 5px 0 5px 20px;
		padding: 0 0 5px 20px
	}
#Plan li a{
	text-decoration: underline;
	color:#000;
	}
#Plan li a:hover{
	text-decoration: none;	
	}
#Plan ol{
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	}
#Plan ol a{
	text-decoration: underline;
	color:#666666;
	}
#Plan ol a:hover{
	text-decoration: none;	
	}
	#envoyer-ami {
	position:relative;
	width: auto;
	height:auto;
	background-color:#FFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:100;
	border:1px solid #E7E4D5;
	padding:5px;
}
#envoyer-ami input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height:auto;
	/*border:none;*/
	padding:2px;
	margin:0;
}
.cachediv {
	display:none;
	/*height: 1px;
	margin-top: -1px;
	position: absolute;
	overflow:hidden;
	visibility:hidden;*/
}

#reponseenvoyer {
	padding:0;
	margin:0;
}
#fav{
background:images/fav.png no-repeat;
float:left;
padding:0 0 0 10px;
}