@charset "UTF-8";
/* Base */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #695e4a;
	padding:0px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/bg_sppmm.jpg) repeat-x 0px 0px;
}

@media print{
	body{
	font-size: 12px;
	color: #000000;
	}
	
}

h1 {
	font-size: 20px;
	color: #dc761c;
}

	h1.cache {
		display: none;
	}

@media print{	
	h1 {
	color: #000000;
}

}
	
h2 {
	color: #6b7e7b;
	font-size: 16px;
}

@media print{	
	h2 {
	color: #000000;
}

}

@media screen{
	#titre_presentation{
		background: url(../images/hd_presentation.gif) no-repeat 0px 0px;
		padding: 30px 0px 0px 0px;
		margin:0px;
		height: 0px;
		overflow:hidden;
	}
	
	#titre_profil{
		background: url(../images/hd_profil.gif) no-repeat 0px 0px;
		padding: 30px 0px 0px 0px;
		margin:0px;
		height: 0px;
		overflow:hidden;
	}
	
	#titre_asurveiller{
		background: url(../images/hd_asurveiller.gif) no-repeat 0px 0px;
		padding: 30px 0px 0px 0px;
		margin:0px;
		height: 0px;
		overflow:hidden;
	}
}

h3{
	font-size: 14px;
}

h4{
	color: #6b7e7b;
	font-size: 12px;
}

@media screen{
	ul li{
		list-style: none;	
	}
}

p{
line-height: 15px;
}

#principal {
	background: #FFF;
	border: #CCC 1px solid;
	width: 960px;
	margin: 0 auto;
}

@media print{
	#principal {
		border: none;
	}
}


#haut_logo {
	display: inline;
	background: #dc861c;
	width: 464px;
	height: 14px;
	float:left;
	margin-top: 26px;
	margin-left: 16px;
	margin-right: 8px;
}


#utilitaires {
	display: inline;
	float: left;
	width: 464px;
	height: 20px;
	overflow:hidden;
	background: #F1DAA1;
	margin: 10px 0px 10px 8px;
	padding:0px;
}

	#utilitaires ul {
		display: block;
		margin:0px;
		padding:0px;
	}
	
		#utilitaires ul li {
			float: left;
		}
		
			#utilitaires ul li a {
				border-right: 1px solid #fff;
				padding: 40px 0 0 0;
			}
	
@media print{
	#utilitaires{
		display: none;
		height:0;
	}
}	
			
		#bt_accueil a {
				display: block;
				background: url(../images/bt_accueil.gif) no-repeat 0px 0px;
				height: 20px;
				width: 79px;
			}
			
			#bt_accueil a:hover {
				background: url(../images/bt_accueil_f2.gif) no-repeat 0px 0px;
			}
			
		#bt_joindre a {
				display:block;
				background: url(../images/bt_joindre.gif) no-repeat 0px 0px;
				height: 20px;
				width: 112px;
			}

			#bt_joindre a:hover {
				background: url(../images/bt_joindre_f2.gif) no-repeat 0px 0px;
			}
			
		#bt_liens a {
			display: block;
			background: url(../images/bt_liens.gif) no-repeat 0px 0px;
			height: 20px;
			width: 67px;
		}
		
			#bt_liens a:hover {
				background: url(../images/bt_liens_f2.gif) no-repeat 0px 0px;
			}
			
#recherche {
	float: left;
	height: 19px;
	width: 192px;
	overflow:hidden;
	/*display: block;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}

	#recherche input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #877660;
	border: 1px solid #77705B;
	padding: 0px 0px 0px 2px;
	float: left;
	margin: 4px 0px 0px 15px;
	height: 11px;
	width: 150px;
	
}

input#imagesubmit {
float:right;
width:17px;
height:17px;
margin:0;
padding-left:1px;
border:none;
}
	
	#banniere {
		background: #E7EDEB;
		height: 160px;
		clear: both;
	}
	
@media print{
	#banniere {
		height: 0;
		display: none;
	}
}
/* @group Navigation */

#navigation {
	width: 240px;
	height: 550px;
	background-color: #e7edeb;
	background-image:url(../images/bg_16x1_blanc.gif);
	background-repeat:repeat-y;
	float:left;
	padding: 20px 0px;
	margin: 20px 16px 16px 0;
}

	#navigation ul {
		margin: 0px;
		padding:0px;
		width: 240px;
		overflow: hidden;
	}
	
		#navigation ul ul {
			margin:0px;
			padding:0px;
			font-weight: normal;
			font-style: normal;
		}
		
			#navigation ul li ul{
	padding-left: 35px;
}
			#navigation ul li ul li a {
				color: #333;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				font-style: normal;
				background: url(../images/li_menu.gif) no-repeat 0px 1px;
				padding: 0px 0px 0px 15px;
				margin: 0px;
			}
			#navigation ul li ul li a:hover {
					color: #cb8838;
					background: url(../images/li_menu_f2.gif) no-repeat 0px 1px;
				}
@media print{
	#navigation{
		width: 0;
		display:none;
	}
}

/* @group Bouton Principaux */
#bt_sppmm a {
	height: 20px;
	background: url(../images/bt_sppmm.gif) no-repeat 0 0;
	display : block;
}

	#bt_sppmm a:hover {
		background: url(../images/bt_sppmm_f2.gif) no-repeat 0 0;
	}

#bt_conventions a {
	height: 20px;
	background: url(../images/bt_conventions.gif) no-repeat 0px 0px;
	display: block;
}

	#bt_conventions a:hover {
		background: url(../images/bt_conventions_f2.gif) no-repeat 0px 0px;
	}

#bt_avantages a {
	background: url(../images/bt_avantages.gif) no-repeat 0px 0px;
	height: 20px;
	color: #fff;
	display: block;
}

	#bt_avantages a:hover {
		background: url(../images/bt_avantages_f2.gif) no-repeat 0px 0px;
	}

#bt_publications a {
	background: url(../images/bt_publications.gif) no-repeat 0px 0px;
	height: 20px;
	display: block;
}
	#bt_publications a:hover {
		background: url(../images/bt_publications_f2.gif) no-repeat 0px 0px;
	}
/* @end */

/* @end */

#contenu {
	float:left;
	width: 560px;
	margin: 40px 0px 40px 64px;
}

	#contenu ul{
		margin:0px;
		padding:0px;
	}
	
		#contenu ul li{
			background: url(../images/li_clair.gif) no-repeat 0px 0px;
			padding: 0px 0px 10px 20px;
		}
		
			#contenu ul li a{
				color: #695e4a;
				font-weight:bold;
			}
				
					#contenu ul li a:hover{
					color: #dc861c;
					text-decoration: underline;
					}
	#contenu img{
		float:right;
		margin: 0px 0px 16px 16px;
		border: 1px solid #cbcbcb;
	}
	
		#contenu img.gauche{
			float:left;
			margin: 0px 16px 16px 0px;
		}
		#contenu img.centre{
			clear: both;
			margin: 0px 16px 16px 0px;
		}
	#contenu a{
		color: #cb8838;
		text-decoration: none;
	}
		
		#contenu a:hover{
			text-decoration: underline;
		}
#divBut{
	background-color: #FBF4D3;
}
#divBut a{
	color: #695e4a;
	font-weight:bold;
	cursor: pointer;
	
}
#divBut a:hover{
color: #dc861c;
text-decoration: underline;
	
}
@media print{
	#contenu{
		width: 600px;
		margin: 16px 0px 16px 16px;
	}
}

#plan_site {
	clear: both;
	padding:16px 0px 16px 16px;
	margin:0px;
	background: #877660;
	color: #FFF;
	height:126px;
}

	#plan_titre{
		width: 130px;
		height: 11px;
	background: url(../images/hd_plandusite.gif) no-repeat;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	float: left;
	clear: left;
}
#logo_sppmm{
	width: 80px;
	height: 80px;
	background: url(../images/logo_sppmm.gif) no-repeat;
	clear: left;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 30px;
}
	
	#plan_site ul {
		float:left;
		width: 170px;
	padding: 0;
	margin: 0 16px 0 0px;
}
	
		#plan_site ul li {
			color: #FFF;
			padding: 0px 0px 0px 12px;
			background: url(../images/li_plan_n1.gif) no-repeat 0px 2px;
}
		
			#plan_site ul li a {
				color: #FFF;
				text-decoration:none;
				font-size: 10px;
				font-weight: bold;
			}
			
				#plan_site ul li a:hover {
					text-decoration: underline;
				}
		
			#plan_site ul li ul li {
				margin: 0px 0px 0px 10px;
				padding: 0px 0px 0px 14px;
				background: url(../images/li_plan_n2.gif) no-repeat 0px 2px; 
			}
			
				#plan_site ul li ul li a {
					color: #FFF;
					text-decoration:none;
					font-size: 10px;
					font-weight: normal;
				}
				
					#plan_site ul li ul li a:hover {
						text-decoration: underline;
					}

@media print{
	#plan_site{
		width: 0;
		display:none;
	}
}

#cartouche {
	padding: 16px;
	text-align:center;
	line-height: 15px;
	font-size: 10px;
	clear: both;
}

@media print{
	#cartouche{
		width: 600px;
		margin: 16px 0px 16px 16px;
		padding: 0px;
	}
}

/* @group Accueil */

.a_sur_bold {
	color: #dc861c;
	font-weight: bold;
}

	.accenta {
	color: #788f8e;
}
	.accentb {
	color: #e03023;
}

#a_surveiller {
	padding-top: 24px;
}

	#a_surveiller ul {
		line-height: 125%;
		margin:0px;
		padding:0px;
	}
	
		#a_surveiller ul li {
			background: url(../images/li_fonce.gif) no-repeat 0px 0px;
			padding: 0px 0px 10px 20px;
		}
		
		
		
#profil_info {
	padding-top: 1px;
	height: 240px;
	margin-left: 160px;
	padding-left: 16px;
}

	#profil_info p {
		line-height: 125%;
	}
	
	#profil_info ul {
		margin:0px;
		padding:0px;
	}
	
		#profil_info ul li {
			background: url(../images/li_clair.gif) no-repeat 0px 0px;
			padding: 0px 0px 5px 20px;
			font-size: 10px;
		}
		
		#profil_info ul li a {
			font-weight:bold;
			color: #695e4a;
			text-decoration: none;
		}
		
			#profil_info ul li a:hover {
				text-decoration: underline;
			}
			
#profil_flash {
	height: 240px;
	float: left;
}

@media print{
	#profil_flash {
		height: 0;
		display: none;
	}
	
	#profil_flash objet{
		width:0;
	}
}
/* @end */

/*Général*/

img {
	border: none;
}

#plus {
	float:left;
	width: 200px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

	#plus ul{
		margin:0px;
		padding:0px;
	}
	
		#plus ul li{
			background: url(../images/li_plus.gif) no-repeat 0px 0px;
			padding: 0px 0px 10px 20px;
		}
		
			#plus ul li a{
				color: #e03023;
				font-weight:bold;
			}
			
				#plus ul li a{
					color: #e03023;
					font-weight:bold;					
				}
				
					#plus ul li a:hover{
					color: #e03023;
					text-decoration: underline;
					}
@media print{
	#plus{
		width: 0;
		display:none;
	}
}					
					
	.italique {
	font-style: italic;
}
	.clear {
	clear: left;
}