/* ***************** FEUILLE DE STYLE GENERALE POUR LA MSPP ******************* */

body *{
	font-family:Helvetica,Arial, sans-serif;
}

body #page{
	width:900px;
	position:relative;
}

body #entete{
	width: 900px;
 	height:149px; 
	padding-left:0px; /* 574 image + 15 espacement */
	background: #FFFFFF url('../../IMG/logo_mspp.jpg') no-repeat left top; 
	padding-top:0px;
	color:#19728f;
	line-height:20px;
	border:0px;
	font-size:14px;
}
.page_sommaire{

background: #FFFFFF;
}
#entete #logo{ margin-right:15px; }
#entete span.nom_entreprise{ text-transform:uppercase; font-weight:bold; font-size:1.2em;}

/* *************** MENUS DU SITE *********************** */
body #menu{ width:900px; height:44px; position:relative;}
#menu #menu-bleu{
	width:435px;
	height:44px;
	background:transparent url('../../IMG/fond-menu-bleu.gif') no-repeat left top;
	}
#menu #menu-bleu h2{
	float:left; 
	font-size: 12px;
	font-weight:bold;
}
#menu #menu-bloc{
	width:465px; 
	position:absolute;
	top:0px;
	left:435px;
	height:76px;
}
#menu #menu-bloc div.bloc-orange{
	float:left;
	padding-left:9px;
	padding-right:5px;
	padding-top:8px;
	width:129px;
	height:68px;
	margin-right:12px;
	background:transparent url('../../IMG/bloc-orange.gif') no-repeat left top;
}
#menu #menu-bloc div.bloc-orange h4 a{ 
	color:#002f60;
	font-size:14px;
	font-family:Helvetica,Arial, sans-serif;
	font-weight:bold;
}
#menu #menu-bloc div.bloc-orange div.bloc-texte{ font-size:11px;}
#menu #menu-bloc div.bloc-orange div.bloc-texte strong{ font-weight:bold;}
#menu #menu-bloc div.bloc-orange div.bloc-texte p{ line-height:11px;}



/* ******************* CONTENU ACCUEIl ******************* */
#contenu{
	padding-top:70px;
	background:#FFFFFF url('../../IMG/trame-fond.jpg') no-repeat left top;
	background-color:white;
	padding-bottom:30px;
	min-height:350px;
	width:900px;
}

#contenu-accueil{
	padding-top:70px;
	/*background:#FFFFFF url('../../IMG/trame-fond.jpg') no-repeat left top;*/
	background-color:white;
	padding-bottom:30px;
	min-height:350px;
	width:900px;
}


#dro{
width:700px;
float:right;
}

#gau{
width:50px;
float:left;
padding-left:40px;
padding-top:100px;
}


#sommaire_titre{
	width:700px;
	font-size:40px;
	text-align:right;
	color:#19728f;
	letter-spacing:1.1pt;
	margin-top: 20px;
	margin-left:-100px;
	margin-bottom:20px;

}
#sommaire_actu{
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	padding-left:188px;
	width:310px;
}
a.lire_suite{
	text-decoration:none;
	color:#c32222;
	text-align:right;
}

/* ******************* CONTENU PAGES ******************* */

.pas-de-background{
	/* background:#FFFFFF !important; */
}
#contenu {
color: #19728F;	
}
H1, H2{
	font-family:Helvetica,Arial, sans-serif;
}
H2 {
	color: #19728F;
}
#contenu H1{
	font-weight: bold;
	font-size: 22px;
	color: #F7BA4F;
	position: relative;
	top: -20px;
	margin-left: 40px;
}
#contenu h3{
	font-family:Helvetica,Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #19728F;
	text-align: left;
	margin-left: 40px;
}
#contenu h4 {
	font-family:Helvetica,Arial, sans-serif;
	color: #19728F;
	margin-left: 40px;
	font-size: 14px;
	color: #F7BA4F;
	font-weight: bold;
	padding-top: 10px;
}
#contenu h5, #contenu h6 {
	font-family:Helvetica,Arial, sans-serif;
	color: #19728F;
	margin-left: 40px;
}
#contenu h3.spip {
	margin-top: 30px;
	margin-bottom: 10px;
}
#contenu P, #contenu #spiplistes-formabo{
	color: #19728F;
	text-align: justify;
	font-size: 14px;
	margin-left: 40px;
}
#contenu table.spip tr.row_even {
	background-color: #FFFFFF;
}
#contenu table.spip tr.row_first {
	background-color: #FFFFFF;
}
#contenu table.spip tr.row_first th strong {
	color: #F7BA4F;
}
#contenu .spip_documents p {
	text-align: center;
	margin: 0.1em;
}
#contenu .logo{
	display:block;
	float: right;
	margin: 20px 20px 20px 70px;
	/*border: solid 1px red;*/
	height:100%;
}
#chapo {
	font-weight: bold;
}
#contenu table {
	border: 2px  solid #19728F;
	border-collapse: collapse;
	
}
#contenu td {
	border: thin solid #19728F;
	text-align: center;
}
#contenu table caption{
	color: #19728F;
	font-style: italic;
}
#contenu ul {
	margin: 0 0 0 50px;
	list-style-image: url(../../IMG/fleche_fonce3.gif)
}
#contenu ul ul {
	list-style-image: url(../../IMG/fleche_fonce2.gif)
}
#contenu li {
	color: #19728F;
	text-align: left;
}
#contenu li .soft {
	font-weight: normal;
	text-align: justify;
	font-size: 0.85em;
	padding-left: 15px;
}
#contenu hr.spip {
	margin:10px 0 10px 40px;
	padding:0 0 10px 30px;
	/* background:#ffffff url('../../IMG/pointille.gif') repeat-x bottom; */
	border-top:1px dashed #4F4F4F;
	border: 0;
}
.retrait{
	margin-left: 40px;	
}
#contenu li .soft_chapo {
	font-weight: normal;
	text-align: justify;
	font-size: 0.9em;
	padding-left: 0;
}
#contenu a, a.lien { color: #F57900; text-decoration: underline; }
#contenu a:focus, #contenu a:hover, #contenu a:active,
a.lien:focus, a.lien:hover, a.lien:active
{ color: #19728F; text-decoration: underline; }

#contenu #formulaire_recherche {
	padding-left:40px;	
}
#contenu #formulaire_recherche #recherche{
	width:400px;
}

#contenu ul.question_niveau1 {
	font-size:1.2em;
	font-weight: bold;
	list-style-image:none;
	list-style-type: decimal;
}
#contenu ul.question_niveau1 li{
	padding-top:20px;
}
#contenu ul.question_niveau2 {
	font-size:0.9em;
	font-weight: bold;
	list-style-image:none;
	list-style-type: decimal;
	margin-left:0px;
}
#contenu ul.question_niveau2 li{
	padding-top:15px;
}
#contenu ul.question_niveau3 {
	font-weight: normal;
	list-style:none;
	list-style-image: none;
	margin-left:0px;
}
#contenu ul.question_niveau3 li{
	padding-top:0px;
}
#contenu ul.taux {
	margin:0;
	list-style:none;
	list-style-image: none;
	
}
#contenu ul.taux li{
	width: 180px;
	margin-right:20px;
	padding-top:0px;
	float:left;
}
.erreur {
	font-size:0.9em;
	font-weight: bold;
	margin-left:10px;
	color:#F57900 !important;
}
.boutons{
	text-align: center;	
}
.submit{
	 font-weight: bold;
     border:none;
     color:#fff;
     background: #19728F;
     width:75px;
     height:20px;
     margin:3px;
}
/* ******************* PIED DE PAGE ********************* */
body #pied{
	position:relative;
	top:-13px;
	height:35px;
	width:900px;
	border-top:none;
	background:transparent url('../../IMG/menu/fond_footer.gif') no-repeat left top;
}
#cartouche_contact{
	position:absolute;
	top:-5px;
	left:35px;
}
#menu_footer{
	z-index:5;
	position:absolute;
	left:312px;
	top:-1px;
	height:24px;
	width:588px;
	background-color:#19728F;
}
#menu_footer div.bouton{
	float:left;
	height:23px;
}
	/* *** Surcharge Formulaire de moteur *** */
	body .formulaire_recherche{ 	
		margin-top:2px;
	}
	body .formulaire_recherche input.text{
		background:none;
		background-color:#FFFFFF;
		padding-left:0px;
	}
	.formulaire_recherche a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}

/* ************* BLOC ACTU en pied de page (au moins sur l'accueil) ***************** */
#bloc_actu{
	z-index:3;
	position:absolute;
	top:-109px;
	left:312px;
	background:#fef8ed url('../../IMG/bloc-actu-points.gif') repeat-x left top;
	width:311px;
	height:109px;
	margin-left:55px;
	padding-top:20px;
	padding-left:20px;
	padding-right:202px;
	vertical-align:top;
	text-align:justify;
}
#bloc_actu_titre{
	position:absolute;
	top:-115px;
	left:265px;
	width:135px;
	height:108px;
	margin-left:133px;
}
#bloc_actu_photo{
	position:absolute;
	left:412px;
	top:-85px;
	width:162px;
}
#bloc_actu_photo img{
	/* border:1px solid #19728f; retir� � la demande du client */
}
	
/* *** module temporaire hi�rarchie (mais qui a 95% de chances d'�tre utilis� *** */
#hierarchie{
	position:absolute;
	top:200px;
	left:0px;
	width:430px;
}
.cartouche, .menu
{
	margin-left: 40px;
}
.cartouche h1{
	padding-top:76px;
	font-weight: bold;
	font-size: 22px;
	color: #F7BA4F;
	position: relative;
	top: -20px;
}
/* *** Pour le plan du site *** */

/* *** Abonnement newsletter *** */
#spiplistes-formabo ul{
	list-style:none;
	list-style-image: none;
}
#spiplistes-formabo .formulaire_spip label{
	display: inline;
}
div.formulaire_spip UL{
	list-style:none;
	list-style-image: none;

}

#contenu.contenu-article-15 table.spip {
	border: 0;
}
#contenu.contenu-article-15 table.spip tr {
	/* background:#ffffff url('../../IMG/pointille.gif') repeat-x bottom; */
	border-top:1px dashed #4F4F4F;
}
#contenu.contenu-article-15 table.spip tr td {
	border-width: 0;
	padding-bottom: 20px;
}
#contenu.contenu-article-15 table.spip tr.row_odd {
	background-color: #FFFFFF;
}
#contenu.contenu-article-15 table.spip tr td .spip_documents_center {
	margin: auto;
}

/* message du formulaire */
#contenu p.formulaire_ok{
	font-weight:bold;
	color:red;
}

#menu_footer div#footer_iocean {
    font-size: 11px;
    color: #FFFFFF;
    margin-top: 5px;
}

#menu_footer div#footer_iocean a {
    font-weight: bold;
    color: #FFFFFF;
}

/* boutons en bas d'article */
div.btn_article{
	padding-top:1em;
	font-weight:bold;
	text-align:center;
	clear:both;
}
div.btn_article a{ margin:0 1em;}
#contenu a.ancre{ text-decoration:none;}