body {
	margin: 0;
	padding: 0;
	background-color: #366B85;
	background-image: url(../i/bg_body.jpg);
	background-repeat: repeat-x;
	font-size: 0.7em;
	color: #2B3C55;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	margin: 0;
	padding: 0;
	display: none;
}
a {
	text-decoration: none;
	color: #2B3C55;
}
a:hover {
	text-decoration: underline;
}

.article {
	margin: 20px 15px 20px 33px;
}
.sepbas {
	padding-bottom:15px;
	background: url(../i/sep2_chapo470.jpg) no-repeat left bottom;
	margin-left: 19px;
	padding-left:14px;
}

li {
	list-style: none;

}
h2 {
	display: none;
}
p {
	text-align: justify;
}

ul, p, li, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#principal {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	background: #87B7CE url(../i/bg_principal2.jpg) repeat-y;
}
#col_contenu {
	width: 498px;
	float: left;
	background-image: url(../i/bg_contenu2.jpg);
	background-repeat: no-repeat;
}
#diapoflash {
	margin-top: 20px;
	margin-left: 18px;
	height: 340px;
	width: 480px;
}
#sous_nav {
	text-align: right;
	margin-top: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	background: #fff;
	width: 480px;
	margin-left: 18px;
}
#sous_nav ul {
	margin-right: 10px;
	margin-top: 0;

}

#sous_nav ul li {
	display: inline;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 5px;
	font-weight: bold;
	color: #7B9D00;
}
#sous_nav ul li a {
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
}
#sous_nav ul li a:hover {
	color: #FFF;
	background-color: #88B6CE;
	text-decoration: none;
}


#col_menu {
	width: 288px;
	float: left;
	background-image: url(../i/bg_col_menu2.jpg);
	background-repeat: no-repeat;
}
#phototheque {
	margin-top: 20px;
	width: 280px;
	background-repeat: no-repeat;
	height: 230px;
	background-image: url(../i/titre_phototheque2.jpg);
	padding-top: 60px;
}
#phototheque ul {
	margin: 20px auto 20px 10px;
}

#phototheque ul li {
	float: left;
	width: 75px;
	margin: 0 10px 0 0;
	text-align: center;
	color: #FFF;
}
#phototheque ul li img {
	border: 3px solid #FFF;
}
#col_moyse {
	float: left;
	width: 468px;
}
#minisite_nav {
	float: left;
	width: 180px;
	background: url(../i/minisites_bas2.jpg) no-repeat bottom;
	padding-bottom: 35px;
	background-color: #FFF;
}

#minisite_nav ul li a {
	display: block;
	width: 180px;
	background: url(../i/nav_minisites.jpg) no-repeat 0 0 ;
	height: 77px;
	margin: 0;
	padding: 0;
}
#minisite_nav ul li a:hover {
	background-position: -180px 0;
}

#minisite_nav #ms_promo {
	background-position: 0 -105px;
}
#minisite_nav #ms_rocbrune {
	background-position: 0 -182px;
}
#minisite_nav #ms_mmm {
	background-position: 0 -259px;
}
#minisite_nav #ms_senior {
	background-position: 0 -336px;
}
#minisite_nav #ms_sasv {
	background-position: 0 -441px;
}
#minisite_nav #ms_sasf {
	background-position: 0 -518px;
}

#minisite_nav #ms_afon:hover {
	background-position: -180px 0;
}
#minisite_nav #ms_promo:hover {
	background-position: -180px -105px;
}
#minisite_nav #ms_rocbrune:hover {
	background-position: -180px -182px;
}
#minisite_nav #ms_mmm:hover {
	background-position: -180px -259px;
}
#minisite_nav #ms_senior:hover {
	background-position: -180px -336px;
}
#minisite_nav #ms_sasv:hover {
	background-position: -180px -441px;
}
#minisite_nav #ms_sasf:hover {
	background-position: -180px -518px;
}
#minisite_nav ul li a img {
	border: 0;
}
#minisite_nav ul   {
	margin: 0;
	width: 180px;
	padding: 0;
}
#minisite_nav ul li h2 {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
#minisite_nav ul li {
	margin: 0;
	padding: 0;
	width: 180px;
}

#minisite_nav ul li h2 span {
	display: none;
}

#footer {
	clear: both;
	background-color: #Fff;
	background-image: url(../i/shadow.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#col_contenu .chapo {
	clear: left;
	padding-top:20px;
}
#col_menu .chapo {
	margin: 0 18px 0 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 10px;
}
#dossiers .chapo   {
	background-image: url(../i/sep3_chapo260.jpg);
	margin: 5px 18px 1px 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 5px 0;
}
#dossiers .chapo p {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 0.9em;
}
#dossiers .chapo h3 {
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-left: 10px;
}

.chapo p img{
 	float: left; 
	margin: 0 5px 0 0;
}

.chapo h3 {
	color: #202741;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2em;
	clear : both;
}
#col_contenu #actu {
	margin-left: 33px;
	margin-right: 15px;
	margin-top: 20px;
}

#col_menu #dossiers {
	clear: both;
	background-image: url(../i/titre_dossiers2.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
}
#dossiers hr {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}


#phototheque a {
	color: #FFF;
}
#phototheque ul li a:hover {
	color: #FBBB04;
	text-decoration: none;
}

#temoin {
	clear: both;
	margin-right: 18px;
	background-image: url(../i/bg_temoins2.jpg);
	background-repeat: no-repeat;
	width: 450px;
	padding-top: 50px;
}
#temoin ul {
	margin-left: 5px;
}
#temoin ul li {
	float: left;
	margin-right: 3px;
	color: #3D4D80;
	text-align: center;
	width: 145px;
	background: #FFF;
	height: 110px;
	margin-top: 15px;
}
#temoin ul li a img {
	border-width: 0;
	margin: 5px;
}
/************************************PICTOS************************************/
.picto_afon, .picto_promo, .picto_mmm, .picto_roc, .picto_msasv, .picto_msasf {
	background-image: url(../i/pictos.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0 -6px;
}
.picto_promo {
	background-position: 0 -46px;
}
.picto_roc {
	background-position: 0 -86px;
}
.picto_mmm {
	background-position: 0 -126px;
}
.picto_msasv {
	background-position: 0 -166px;
}
.picto_msasf {
	background-position: 0 -216px;
}
/*----------------------------FORMULAIRE ------------------------------------------------*/
form {
	left: 211px;
	top: 30px;
	padding: 10px auto 10px 0;
	margin: 10px;
}
form p {
	clear: both;
	text-align: right;
	margin: 5px -30px 5px auto;
}
#col_contenu iframe {
	margin-top: 20px;
	border: 5px solid #FFF;
	margin-left: 10px;
}
#col_contenu div p {
	margin: 10px;
}
#col_contenu div h3 {
	color: #366B85;
	font-size: 1.5em;
	font-weight: normal;
	margin: 5px 5px 0 10px;
	text-transform: uppercase;
}
form p label {
	display: block;
	width: 100px;
	float: left;
}
form p input, form p textarea {
	border: 1px solid #366B85;
	width: 250px;
	margin-right: 45px;
}
.article form p {
}
.h3_legroupe {
	text-decoration: underline;
	font-size: 1.8em !important;
	margin-bottom: 10px !important;;
	margin-top: 10px !important;;
}