@charset "utf-8";
/* CSS Document */

#header_sp {
margin-left:11px;
position:relative;
width:758px;
height: 90px;
background-image:url(../img/entete_SP.png);
background-repeat:no-repeat;
}


#menu {
  width:190px;; 
  margin:0;
  }
  
#menu a, #menu a:visited {
display:block; 
width:180px; 
padding:10px 0;
text-indent:0.2em;
background-color:#fff; 
text-decoration:none;
border-bottom: 1px;
border-bottom-color:#666666;
border-bottom-style:solid;
font: bold 14px Arial;
text-transform:uppercase;}

.menuSP a:hover{border-left:10px solid #5a84ac; color:#5a84ac;}
.menuSP a {border-left:10px solid #2d577f; color:#2d577f;}

.SPsubmenu{ list-style:none; margin:0; padding:0;} 
.SPsubmenu a { font: bold 11px Arial; text-transform:uppercase; border-left:10px solid #2d577f; color:black;}
.SPsubmenu a:hover{border-left:10px solid; border-color:#5a84ac; color:#5a84ac; font: bold 11px Arial;}
.SPsubmenu li {padding:0; margin:0;}

.search {
height: 40px;
padding-left:10px;
border-top:1px solid white;
background-color:#5a84ac;
font:bold 10px Verdana;}

#newscontainer {
border: solid 1px #5a84ac;}

#newstitre {
height: 30px;
background-color: #5a84ac;
padding:10px 0 0 10px;;
font:bold 12px Arial;
color: white;
border-top: 1px solid white;}

#block_partenaires{
position:relative;
margin:0;
padding:0;}

#block_partenaires p{font:normal 11px Arial; color: white; padding:3px 10px; margin:0;}
#titre_partenaires { position:relative; height: 25px; background-image:url(../img/espace_partenaires.png); background-repeat:no-repeat; margin:0;}
#goespacepublique { position:relative; height: 25px; background-image:url(../img/espace_particuliers.gif); background-repeat:no-repeat; margin:0;}
#newsletter {position:relative; height: 25px; background-image:url(../img/newsletter_pro.gif); background-repeat:no-repeat; margin:0; border-top:1px solid white;}
#content_partenaires {position:relative; background-color:#2d577f; margin:0; padding-bottom:5px;}
#devenez_partenaires {position:relative; margin-top: 1px; background-color:#5a84ac; padding-bottom:5px;}

#flashcontainer{
position:relative;
width:555px;
height:230px;}



#block1{ width:185px; height: 110px; float:left; background-image:url(../img/blockSP_small.png); background-repeat:no-repeat;}
#block2{ width:185px; height: 110px; float:left; background-image:url(../img/blockSF_small.png); background-repeat:no-repeat;}
#block3{ width:185px; height: 110px; float:left; background-image:url(../img/blockSC_small.png); background-repeat:no-repeat;}


.contentSP {
position:relative;
margin-top:10px;
width:555px;}

.contentSP_title {
background-color:#5a84ac;
height:30px;
background-image:url(../img/titreSP_corner.png);
background-position: right center;
background-repeat:no-repeat;}

.contentSP_text {
position:relative;
background-color: #f9edd7;
background-image:url(../img/content_background_strip.png);
background-position:bottom left;
background-repeat: no-repeat;
padding:10px;}

.contentSP_text ul {margin-left:0; padding-left:25px; list-style: square;}
.contentSP_text a:link{ font: 12px Arial; font-weight:bold; color: #023356; text-decoration:none; list-style:none; border-bottom: 1px dotted #5A84AC;}
.contentSP_text a:visited {font: 12px Arial; font-weight:bold; color: #023356; text-decoration:none;list-style:none; border-bottom: 1px dotted #5A84AC;} 
.contentSP_text a:hover {font: 12px Arial; font-weight:bold; color: #5A84AC; text-decoration:none;list-style:none; border-bottom: 1px solid #023356;}


.contentSP_text p{
font: 12px Arial;
color: #023356;
margin:0.6em;}

#container_carto_calculatrice{
margin-top:1px;
position:relative;
width:555px;}

#carto{
position: relative;
float:left;
width:277px;
height: 250px;
background-color:#f9edd7;
background-image:url(../img/carto_titre.png);
background-repeat:no-repeat;
background-position: top;
}

#carto img, #calculatrice img {margin: 40px 70px 10px 70px;}

#calculatrice{
position: relative;
float:right;
width:277px;
height: 250px;
background-color:#f9edd7;
background-image:url(../img/calculatrice_titre.png);
background-repeat:no-repeat;
background-position: top;}

#devActivite p, #devPartenaire p {
font: 12px Arial;
color: #023356;
margin:0.6em;}

#devActivite{
position: relative;
float:left;
width:277px;
height: 140px;
background-color:#f9edd7;
}

#carto img, #calculatrice img {margin: 40px 70px 10px 70px;}

#devPartenaire{
position: relative;
float:right;
width:277px;
height: 140px;
background-color:#f9edd7;
}

.note {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
padding-left:10px;
margin:0;}

#devenez_partenaire{
text-align:right;}

#devenez_partenaire a {
font: 12px Arial;
color: #023356;
text-decoration:none;
font-weight:bold;}

#devenez_partenaire a:hover {
font: 12px Arial;
color: #023356;
text-decoration:underline;
font-weight:bold;}

.faq_spo ul, .faq_spo li {
background-image: url(../img/flecheSP.png);
background-repeat:no-repeat;
background-position: left top;
padding-left:20px;
margin-left:-20px;}

.faq_spo_links a{
font: bold 12px Arial;
color: #023356;
text-decoration:none;

margin:0.6em;}

.faq_spo_links a:hover{
font: bold 12px Arial;
color: #5a84ac;
text-decoration: underline;
margin:0.6em;}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid white;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 10px;
	font-weight: bold; 
font-family: arial;
color: #2D577F;
text-transform: capitalize;
}
table.spip tr.row_first { background: #5A84AC; color: white; font-family: arial; font-size:12px; }
table.spip tr.row_odd { background: #DDD; font-family: arial; font-size:12px;}
table.spip tr.row_even { background: #EEE; font-family: arial; font-size:12px;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }