img{
		border: 0;
}

#menuprincipalabo {	
    				    width:1000px;
    				    background-color: #fdc45f;
       			     	clear: both;
}
#piedpageabo{
        clear: both;
        width:1000px;
        background-color: #FEC041;
        text-align: left;
        font-size: 11px;
        font-family: "trebuchet ms", verdana, arial, helvetica;
        color: #404040;
    
    }
/*------------- PAGE ACCUEIL ABONNEMENTS ----------------*/

#gauche-accueil{
		float:left;
		text-align: left;
		padding: 5px 5px 0 5px;
		width: 280px;
}
#droite-accueil{
		float:left;
		text-align: left;
		padding: 5px 5px 10px 5px;
		width: 380px;
}
.text{
		padding: 5px 5px 10px 5px;
		font-family: "trebuchet ms", verdana, arial, helvetica;
		font-size: 12px;
		/*line-height: 12px;*/
		color: #303030;
}

#consultez{
		background: transparent url(../medias/abonnement/accueil/fond-consultez.png) scroll no-repeat;
		height: 86px;
}

#consultez .text-encart {
		font-family: "trebuchet ms", verdana, arial, helvetica;
		font-size: 12px;
		color: #303030;
		line-height: 12px;
		padding: 10px 5px 5px 10px ;
}

#consultez .text-encart a{
		text-decoration: none;
}

#consultez .text-encart a:hover{
		text-decoration: underline;
}

#consultez .text-encart li{
		background: url(../medias/abonnement/accueil/fleches-gauche.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left: 10px;
		margin-top: 3px;
}

#fondpageabo{
		background-color: #fbf5cd;
		width: 1000px;
}

#article1{
		background: #FFF;
		height : 250px;
}
		
#article2{
		background: #FFF;
}

#titre-vert-gd{
		background: url(../medias/abonnement/accueil/tit-vide-gd.png) 0 no-repeat;
		height: 21px;
		font-size: 13px;
		text-align: left;
		font-family: "trebuchet ms", verdana, arial, helvetica;
		color: #FFF;
		text-indent: 15px;
}
#titre-vert-pt{
		background: url(../medias/abonnement/accueil/tit-vide-pt.gif) 0 no-repeat;
		height: 21px;
		font-size: 13px;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		color: #FFF;
		text-indent: 5px;

}
.titre-rouge{
		background: url(../medias/abonnement/accueil/fleche-tit-rouge.gif) 0 6px no-repeat;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		color: #C01515;
		text-indent: 15px;
}

#bloc1abo{
		width: 292px;
		height: 113px;
		padding-top: 15px;
		margin-left: 25px;
}

#bloc1abo #contenu1{
		height: 91px;
		width: 292px;
		background: #fee7bf url(../medias/abonnement/accueil/fond-bas-bloc.gif) no-repeat left bottom;
}

#bloc2abo{
		width: 292px;
		margin: 10px 0 0px 25px;
		padding-bottom:15px;
	}

#bloc2abo #contenu2{
		width: 292px;
		height: 130px;
		background: #fee7bf url(../medias/abonnement/accueil/fond-bas-bloc.gif) no-repeat left bottom;

}
#bloc1{
		width: 292px;
		height: 113px;
		margin-top: 5px;
}

#bloc1 #contenu1{
		height: 91px;
		width: 292px;
		background: #fee7bf url(../medias/abonnement/accueil/fond-bas-bloc.gif) no-repeat left bottom;
		/*padding: 0 10px 0 10px;*/
}

#bloc2{
		width: 292px;
		height: 158px;
		margin-top: 10px;
		margin-bottom: 5px;
}

#bloc2 #contenu2{
		width: 292px;
		height: 130px;
		background: #fee7bf url(../medias/abonnement/accueil/fond-bas-bloc.gif) no-repeat left bottom;

}

.titre-bloc{
		width: 292px;
		height: 20px;
		background: url(../medias/abonnement/accueil/fond-haut-bloc.gif) no-repeat;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-weight: bold;
		color: #16426d;
		text-align: left;
		padding: 2px 0 0 0;
}

.titre2{
		width: 292px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-weight: bold;
		color: #16426d;
		text-align: left;
		padding: 10px 0 0 15px;
		clear: both;
}

.form{
		color: #313131;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		font-weight: bold;
		padding: 10px 0 0 10px;
		
}

.form2{ 	width: 130px;
		display: inline;
		float: left;
		padding: 10px 0 0 10px;	
}

.form3{ 	width: 130px;
		float: left;
		padding: 0 0 0 30px;	
		color: #313131;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		font-style: normal;
}

.form2 .txtform{
		color: #313131;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		font-weight: bold;
		line-height: 10px;
		
}

/*
.form2 input{
}*/

.rouge{
		color: #c01515;
		font-weight: bold;
}

.txt-pt{
		color: #313131;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		line-height: 9px;
		padding: 10px 10px 0 10px;
}

.txt-pt2{
		color: #313131;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		line-height: 9px;
		/*padding: 10px 10px 0 30px;*/
		margin-left: 20px;
}

.btn{
		float: right;
		clear: both;
		margin-top: 5px;
		margin-bottom: 10px;
}

#paiement{
		clear: both;
		/*width: 287px;*/
		text-align: left;
		margin: 20px 0 0 5px;
}

#paiement .txtbleu{
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-weight: bold;
		color: #16426d;
		margin:-35px 0 0 55px;
		line-height: 12px;
}

#avantages{
		width: 581px;
		height: 266px;
		background: transparent url(../medias/abonnement/accueil/visuel-famille.jpg) no-repeat left bottom;
		margin-top: 30px;
		text-align: left;
		/*float: left;*/
}

#avantages .titre-gd{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-weight: bold;
		font-size: 16px;
		color: #166f98;
		margin-left: 187px;
		line-height: 14px;
		/*width: 394px;*/
}

#avantages .txt-bleu2{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-style: normal;
		color: #166f98;
		line-height: 12px;
		padding:3px 0 0 0;
		margin-left: 180px;
}


#avantages .txt-bleu2 li{
		background: url(../medias/abonnement/accueil/fleches-bleu.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left: 10px;
		margin-bottom: 3px;
}

#logo-label{
/*		width: 135px;
		height: 70px; */
		padding: 10px 0 0 15px;
		float: right;
}
#logo-spplus{
		padding: 5px 5px 5px 5px;
		float: right;
}
#logo-consultez{
		float: left;
		position:relative;
		display:block;
		padding: 5px 5px 5px 5px;
		margin-right:5px;
}

.txt-noir{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-style: normal;
		color: #313032;
		line-height: 14px;
		padding: 10px 10px 10px 0;
}

/*------------- PAGE ABONNEMENTS ARTICLE ----------------*/

#bandeau-article{
		background: url(../medias/abonnement/article/bandeau.gif) no-repeat left top;
		height: 157px;
		width: 497px;
		margin-left:30px;
}
#bandeau-article #intro {
		width: 250px;
		padding-left:125px;
		float:left;
}
#bandeau-article #login {
		width: 116px;
		height: 54px;
		float: right;
}


#bandeau-article #login .tit-blc{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
}

#bandeau-article #login .inputtext{ 
		background-color: #fff; 
		width: 85px; 
		height: 14px; 
		padding-left: 3px;
		border: solid 1px #2e6393;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96; 
		line-height: 10px;
}

#bandeau-article #login img{
		margin-left: 3px;
}

#gauche-article{
		text-align: left;
		width: 294px;
		height: 613px;
}

#droite-article{
		width: 300px;
		height: 613px;
		margin-left: 3px;
}

#gauche-article #intro{
		background: transparent url(../medias/abonnement/article/macaron.gif) scroll no-repeat right top;
		width: 294px;
		height: 177px;	
}

#gauche-article #intro .txt{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		line-height: 13px;
		color: #000;
		padding: 10px 10px 10px 5px;
		width: 279px;
}

.tit, .tit a {
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 14px;
		color: #10467c;
		font-weight: bold;
		line-height: 16px;
		text-decoration:none;
}

.sstit, .sstit a {
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		color: #10467c;
		font-weight: bold;
		line-height: 16px;
		text-decoration:none;
}

#raisons{
		width: 602px;
		height: 155px;
		text-align: left;
}

#raisons .bloc1{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/article/raison01.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons .bloc1 .txt1{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons .bloc2{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/article/raison02.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons .bloc2 .txt2{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons .bloc3{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/article/raison03.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}	

#raisons .bloc3 .txt3{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons .bloc4{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/article/raison04.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons .bloc4 .txt4{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

/* ------- */

#bloc1bis{
		width: 292px;
		height: 113px;
		margin-top: 5px;
}

#bloc1bis #contenu1{
		height: 91px;
		width: 292px;
		background: #fee7bf url(../medias/abonnement/article/fond-bas-bloc.gif) no-repeat left bottom;
		/*padding: 0 10px 0 10px;*/
}

#bloc2bis{
		width: 292px;
		height: 158px;
		margin-top: 10px;
		margin-bottom: 5px;
}

#bloc2bis #contenu2{
		width: 292px;
		height: 130px;
		background: #fee7bf url(../medias/abonnement/article/fond-bas-bloc.gif) no-repeat left bottom;

}

.titre-bloc2{
		width: 292px;
		height: 22px;
		background: url(../medias/abonnement/article/fond-haut-bloc.gif) no-repeat;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 12px;
		font-weight: bold;
		color: #16426d;
		text-align: left;
		line-height: 25px;
}


/*------------- PAGE FORMULAIRE ABONNEMENTS ----------------*/

#blocformulaire{
		width: 302px;
		
		text-align: left;
}

#blocformulaire #titre{
		background: url(../medias/abonnement/form/fleche-bleue.gif) 0 6px no-repeat;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		color: #10467c;
		text-indent: 12px;
}

#blocformulaire table{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #000;
		margin-left: 15px;
		line-height: 13px;
}

.input{ 
		background-color: #fff; 
		width: 203px; 
		height: 15px; 
		border: solid 1px #8ba5bf; 
		padding-left: 4px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
		line-height: 100%;
		
}

.inputimage{ 
		background-color: #fff; 
		width: 16px; 
		height: 19px; 
		border: 0px; 
		padding-left: 0px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
		line-height: 100%;
		
}

.inputt{ 
		background-color: #fff; 
		width: 203px; 
		border: solid 1px #8ba5bf; 
		padding-left: 4px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
		line-height: 100%;
		
}

.input2{ 
		background-color: #fff; 
		width: 115px; 
		height: 15px; 
		border: solid 1px #8ba5bf; 
		padding-left: 4px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
}

.input-pt{ 
		background-color: #fff; 
		width: 52px; 
		height: 15px; 
		border: solid 1px #8ba5bf; 
		padding-left: 4px;
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
}

.input-boite{ 
		background-color: #fff; 
		width: 12px; 
		height: 12px; 
		border: solid 1px #8ba5bf; 
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 10px;
		font-style: normal;
		color: #285f96;
}

#raisons-form{
		width: 602px;
		height: 155px;
		text-align: left;
}

#raisons-form .bloc1{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/form/raison01.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons-form .bloc1 .txt1{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons-form .bloc2{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/form/raison02.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons-form .bloc2 .txt2{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons-form .bloc3{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/form/raison03.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}	

#raisons-form .bloc3 .txt3{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 35px 8px 0 8px;
}

#raisons-form .bloc4{
		width: 145px;
		margin-left: 5px;
		background: transparent url(../medias/abonnement/form/raison04.gif) scroll no-repeat left top;
		display: inline;
		float: left;
}

#raisons-form .bloc4 .txt4{
		font-family: "trebuchet ms",verdana,arial,helvetica;
		font-size: 11px;
		color: #303030;
		line-height: 12px;
		padding: 45px 8px 0 8px;
}

/* style pour les onglets*/
.menu_onglets {
  margin : 0px ;
  border-bottom:solid 1px #fdc45f;
  background-color:  #fbf5cd;
  font-size:11px;
} 

.onglet {
  border:solid 1px #fdc45f;
  margin-left : 5px;
  padding: 5px 7px 0px 7px;
  background-color: #fbf5cd; 
}
a.onglet {
  background-color: #fbf5cd; 
  text-decoration:none;
}

.onglet-actif { 
   border: solid 2px #fdc45f;
   border-bottom:solid 1px  white;
   margin:5px 5px 0px 5px ; 
   padding:7px 5px 0px 5px ; 
   background-color: white;
}
   
.btn-abo{
   float: right;
   clear: both;
   margin-bottom: 10px;
   padding-right: 80px;
}