/* CSS_sfpeat.css */
/*
Gris clair : #EAEAEA;
Gris : #CCCCCC;
Noir : #333333;
Orange : #FF9900;
Rouge : #C4272D;
*/

h1.header {
	font-size:10px;
	display:block;
	width:300px;
	margin:0;
	padding:25px 200px 0 0;
	float:right;
	color:#333333;
	border:none;
	text-align:justify;
}
h1 {
	color:#C4272D;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	font-weight:bold;
	border-bottom:1px solid #C4272D;
	font-size:28px;
}

	h2 a,
	h2  {
		font-size:22px;
		color:#555555;
	}
		h2.srub a {
			font-size:20px;
			color:#C4272D;
			border-bottom:1px solid #C4272D;
			text-decoration:none;
			display:block;
			margin:0;
			padding:2px;	
		}
	h3 a,
	h3 {
		font-size:16px;
		color:#FFFFFF;
		background-color:#C4272D;
		margin:5px 2px;
		padding:3px;
	}
	h4  {
		font-size:14px;
		color:#555555;
		border-bottom:1px dotted #555555;
		margin:15px 0 15px 0;
		padding:0;
		font-weight:bold;
		}
		/* actu */
		#contenu div.detail_actualite h4 {
			padding:6px 5px 6px 26px;
			margin:8px -11px 6px -21px;
			background-color:#CCCCCC;
			font-size:12px;
			font-weight:bold;
			border:none;
		}
		#contenu div.detail_actualite h4 a {
			padding:6px 5px 6px 0px;
			margin:8px -11px 6px 0px;
			background-color:#CCCCCC;
			text-decoration:underline;
			font-size:12px;
			font-weight:normal;
			border:none;
			font-weight:bold;
			color:#555555;
		}
		#contenu div.detail_actualite h3 {
			margin:0;
			padding:5px;
			color:#FEBE66;
			background-color:#FFFFFF;			
		}		
		h4 a {			
		}
		h4.Public {			
		}
		h4.Public:hover {
		}
		h5.Public a {
			color:#FFFFFF;			
		}
		h5.Public a:hover {
			color:#000000;			
		}

	h5 a,
	h5  {
		font-size:12px;
		margin:0;
		padding-left:5px;
	}
	h6 a, h6  {
		font-size:10px;
	}
	p {
		font-size:14px;
		margin:2px;
		padding:2px;
	}
	ol, ul, li {
		font-size:14px;
		list-style-position:outside;
		margin:0 0 0 10px;
		padding:0;
	}
	a {
		color:#CC80AF;
		color:#C4272D;
		color:#B74D8F;		
		text-decoration:none;
	}
	ul.liste_srub li,
	ul.liste_srub {
		list-style-type:none;
		margin:0;
		padding:4px;
	}
	span.liste_srub a {
		display:block;
		width:auto;
	}
	span.liste_srub a,
	ul.liste_srub li a {
		font-size:16px;
		font-weight:bold;
		margin:3px;
		padding:0px;
		color:#0066FF;
		background-color:#FFF3B9;
		border-left:20px solid #0066FF;
	}
	span.liste_srub a:hover,
	ul.liste_srub li a:hover {
		color:#E36822;
		border-left:20px solid #E36822;
	}
	
	span.bleu { color:#41919C;}
	span.rouge { color:#C4272D;}
	span.vert { color:#006600;}
	span.violet { color:#993399;}
	span.orange { color:#FF6600;}
	
	span.souligne { text-decoration:underline; }
	span.surligne {	background-color:#FFFF66; }
	div.centre { text-align:center; }
	div.droite { text-align:right; }
	div.justifie { text-align:justify; }
	img.right { float:right; margin:1px 1px 1px 10px; }
	img.left { float:left; margin:1px 10px 1px 1px; }
	adress {
		line-height:16px;
		color:#666666;
		margin:1em;
	}
	adress strong {
		color:#D61370;
	}
	q {
		color:#666666;
		font-style:italic;
	}
	blockquote {
		margin:1em;
		color:#666666;
		font-style:italic;
	}
form#page_newsletter input {
	margin:0;
	padding:0;
	font-size:9px;
	line-height:12px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
form#page_newsletter {
	margin:4px;
	padding:0;
	font-size:10px;
	line-height:12px;
	background-image:url(images/BG_gauche.jpg);
}
img.icone_telecharger {
	margin:1px;
	padding:1px;
}
a img.icone_telecharger {
	border:none;
}
div.cadre_1 {
	background-color:#FFF3B9;
	border:1px solid #E36822;
	padding:4px;
	margin:4px;
}
div.cadre_2 {
	background-color:#B3DE6A;
	border:1px solid #007A31;
	padding:4px;
	margin:4px;
}
div.cadre_3 {
	background-color:#FDEDC4;
	border:1px solid #EFD11D;
	padding:4px;
	margin:4px;
}
div.colonne {
	float:left;
	width:44%;
}
	div.vignette h4 a {
		margin:0;
		padding:0;
		font-weight:bold;
		line-height:16px;
		text-decoration:underline;
	}
	div.vignette_hover,
	div.vignette {
		margin:4px;
		padding:5px 12px;
		border:1px solid #CECECE;
		background-color:#EEE;
	
		}
		div.vignette_hover {
			background-color:#FFFFCC;
	}

		div.liste_description_1,
		div.liste_description_2 {
			margin:2px;
			padding:5px;
			width:48%;
		}
		div.vignette img.vignette {
			margin:2px;
			padding:5px;
			float:right;
			}
			div.vignette a img.vignette {
				border:none;
			}
		div.vignette div {
			margin:0;
			padding:0;
		}
		div.vignette div p {
			margin:0;
			padding:0;
			font-size:12px;
			line-height:16px;
			}
		div.alaligne {
			clear:both;
		}
	.prolonge {
		clear:both;
		visibility:hidden;
	}
	div.musique {
		display:block;
		border-left:4px solid #CC7C32;
		background-color:#FFF;
		margin:10px;
		padding:3px 3px 3px 30px;
		background-image:url(musicotheque/icone_musique.png);
		background-position:left;
		background-repeat:no-repeat;
		height:40px;
		width:60%;
	}
	div.musique p {
		margin:0px;
		padding:0px;
	}
	.lecteur_flash {
		display:inline;
		clear:both;
	}
	div.video {
		margin:6px auto;
		padding:0px;
		text-align:center;
		border:1px solid #CCC;
		width:auto;
	}
	div.video object {
		margin:0 auto;
		padding:0px;
		border:1px solid #CCC;
	}
	div.video p.video {
		display:block;
		background-color:#EEE;
		color:#333;
		border-bottom:1px solid #CCC;
		margin:0px;
		padding:3px 3px 3px 30px;
		background-image:url(videotheque/icone_video.png);
		background-position:left;
		background-repeat:no-repeat;
		text-align:left;
	}
	.bottom {
		text-align:center;
	}
	body {
	}
	div.lettre {
		background-color:#FFFFFF;
		width:800px;
		margin:0 auto;
		padding:10px 30px 20px 20px;
		border-left:20px solid #C4272D;
		border-right:20px solid #CCCCCC;
		border-top:20px solid #CCCCCC;
		border-bottom:20px solid #C4272D;
		-moz-border-radius:20px;
	}