@charset "iso-8859-1";
/* CSS Document */

body {
	margin: auto;
	background-image: url(fond.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #000000;
}

#site {
	width: 1264px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
}

#bordgauche {
	float: left;
	width: 60px;
	height: 252px;
	background-position: right top;
	background-image: url(bordgauche.png);
}

#borddroit {
	float: left;
	width: 61px;
	height: 252px;
	background-position: left top;
	background-image: url(borddroit.png);
}

#centre {
	float: left;
	width: 1143px;
}

#lignehaut {
	height: 11px;
	background-image: url(lignehaut.png);
	background-repeat: no-repeat;
}

#animationhaut {
	width: 377px;
	padding-left: 532px;
}

#entetehaut {
	height: 103px;
}

#menuhaut {
}

#menuhauthaut {
	height: 3px;
	background-image: url(menuhauthaut.png);
	background-repeat: no-repeat;
}

#menuhautdebut {
	float: left;
	width: 82px;
	height: 25px;
	background-image: url(menuhautdebut.png);
	background-repeat: no-repeat;
}

#boutonaccueil a {
	float: left;
	width: 62px;
	height: 25px;
	background-image: url(boutonaccueil.png);
	background-repeat: no-repeat;
}

#boutonaccueil a:hover {
	float: left;
	width: 62px;
	height: 25px;
	background-image: url(lienaccueil.png);
	background-repeat: no-repeat;
}

#boutonrechercher a {
	float: left;
	width: 92px;
	height: 25px;
	background-image: url(boutonrechercher.png);
	background-repeat: no-repeat;
}

#boutonrechercher a:hover {
	float: left;
	width: 92px;
	height: 25px;
	background-image: url(lienrechercher.png);
	background-repeat: no-repeat;
}

#boutonarchives a {
	float: left;
	width: 73px;
	height: 25px;
	background-image: url(boutonarchives.png);
	background-repeat: no-repeat;
}

#boutonarchives a:hover {
	float: left;
	width: 73px;
	height: 25px;
	background-image: url(lienarchives.png);
	background-repeat: no-repeat;
}

#boutoncategories a {
	float: left;
	width: 90px;
	height: 25px;
	background-image: url(boutoncategories.png);
	background-repeat: no-repeat;
}

#boutoncategories a:hover {
	float: left;
	width: 90px;
	height: 25px;
	background-image: url(liencategories.png);
	background-repeat: no-repeat;
}

#boutontelephones a {
	float: left;
	width: 90px;
	height: 25px;
	background-image: url(boutontelephones.png);
	background-repeat: no-repeat;
}

#boutontelephones a:hover {
	float: left;
	width: 90px;
	height: 25px;
	background-image: url(lientelephones.png);
	background-repeat: no-repeat;
}

#boutoncontact a {
	float: left;
	width: 71px;
	height: 25px;
	background-image: url(boutoncontact.png);
	background-repeat: no-repeat;
}

#boutoncontact a:hover {
	float: left;
	width: 71px;
	height: 25px;
	background-image: url(liencontact.png);
	background-repeat: no-repeat;
}

#boutonnewsletter a {
	float: left;
	width: 89px;
	height: 25px;
	background-image: url(boutonnewsletter.png);
	background-repeat: no-repeat;
}

#boutonnewsletter a:hover {
	float: left;
	width: 89px;
	height: 25px;
	background-image: url(liennewsletter.png);
	background-repeat: no-repeat;
}

#boutonrss a {
	float: left;
	width: 46px;
	height: 25px;
	background-image: url(boutonrss.png);
	background-repeat: no-repeat;
}

#boutonrss a:hover {
	float: left;
	width: 46px;
	height: 25px;
	background-image: url(lienrss.png);
	background-repeat: no-repeat;
}

#boutonmobile a {
	float: left;
	width: 63px;
	height: 25px;
	background-image: url(boutonmobile.png);
	background-repeat: no-repeat;
}

#boutonmobile a:hover {
	float: left;
	width: 63px;
	height: 25px;
	background-image: url(lienmobile.png);
	background-repeat: no-repeat;
}

#boutonmobile a {
	float: left;
	width: 63px;
	height: 25px;
	background-image: url(boutonmobile.png);
	background-repeat: no-repeat;
}

#menuhautfin {
	float: left;
	width: 145px;
	height: 25px;
	background-image: url(menuhautfin.png);
	background-repeat: no-repeat;
}

#ondeshaut {
	clear: left;
	height: 110px;
	background-image: url(ondeshaut.png);
	background-repeat: no-repeat;
}

#pubhaut {
	width: 728px;
	padding-left: 87px;
	padding-top: 10px;
}

#habillagegauche {
	float: left;
	width: 120px;
}

#habillagedroite {
	float: left;
	width: 120px;
}

#menugauche {
	float: left;
	width: 174px;
}

#rubriquesgauche {
	height: 182px;
	background-image: url(rubriquesgauche.png);
	background-repeat: no-repeat;
	font-size: 10px;
}

#rubriquesgauche ul {
	padding-top: 12px;
	margin-left: 0px;
	padding-left: 11px;
	list-style-type: none;
	color: #FFFFFF;
}

#rubriquesgauche ul li {
	padding-top: 8px;
}

#rubriquesgauche ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#rubriquesgauche ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#emplacementgauche {
	height: 655px;
	background-image: url(emplacementgauche.png);
	background-repeat: no-repeat;
}

#pubgauche {
	width: 120px;
	padding-left: 28px;
	padding-top: 26px;
}

#emplacementboutongauche {
	width: 120px;
	padding-left: 28px;		
	padding-top: 15px;
}

#milieu {
	float: left;
	width: 713px;
}

#engagement {
	margin-left: 50px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#engagement .numero {
	margin-left: 5px;
	font-size: 12px;
	color: #666666;
}

#engagement .boutonengagement {
	margin-left: 5px;
	width: 40px;
}

#groupeoperateurs {
	margin-top: 8px;
	margin-left: 77px;
}

#groupeforfaits {
	margin-top: 8px;
}

#vignetteforfaits a {
	float: left;
	margin-left: 47px;
	width: 187px;
	height: 125px;
	background-image: url(vignetteforfaits.png);
	background-repeat: no-repeat;
	margin-bottom: 13px;
/*	margin-bottom: 6px;*/
}

#vignetteforfaitsbloques a {
	float: left;
	margin-left: 28px;
	width: 187px;
	height: 125px;
	background-image: url(vignetteforfaitsbloques.png);
	background-repeat: no-repeat;
}

#vignettecartesprepayees a {
	float: left;
	margin-left: 28px;
	width: 187px;
	height: 125px;
	background-image: url(vignettecartesprepayees.png);
	background-repeat: no-repeat;
}

#pubcentrehaut {
	clear: left;
	margin-left: 128px;
	padding-bottom: 13px;
}

#promotion {
	clear: left;
	padding-left: 100px;
	color: #FD9800;
	font-weight: bold;
	font-size: 12px;
}

#promotion a {
	color: #FD9800;
}

#groupetelephones {
	clear: left;
	margin-top: 8px;
/*	margin-top: 6px;*/
}

#groupetelephones h3 {
}

.encadretelephonepremier {
	float: left;
	margin-left: 52px;
	width: 182px;
	height: 179px;
	background-image: url(encadretelephone.png);
	background-repeat: no-repeat;
	margin-bottom: 13px;
}

.titretelephone h3 {
	padding-left: 9px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.titretelephone h3 a {
	color: #666666;
	text-decoration: none;
}

.titretelephone h3 a:hover {
	text-decoration: underline;
}

.titretelephone h3 .nouveaute {
	color: #FD9800;	
}

.telephone {
	float: left;
	padding-left: 15px;	
}

.tarification {
	float: left;	
}

.apartirde {
	padding-left: 9px;
	padding-top: 14px;
	font-size: 10px;
	font-weight: normal;
	color: #FD9800;
}

.prix {
	padding-left: 9px;
	padding-top: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #FD9800;
}

.prix a {
	color: #FD9800;
	text-decoration: none;
}

.promo {
	padding-left: 9px;
	font-size: 18px;
	font-weight: bold;
	color: #FD9800;
}

.promo a {
	color: #FD9800;
	text-decoration: none;
}

.promo2 {
	padding-left: 9px;
	font-size: 12px;
	font-weight: bold;
	color: #FD9800;
}

.promo2 a {
	color: #FD9800;
	text-decoration: none;
}

.encadretelephone {
	float: left;
	margin-left: 32px;
	width: 182px;
	height: 179px;
	background-image: url(encadretelephone.png);
	background-repeat: no-repeat;
	margin-bottom: 13px;
}

.news {
}

.encadre {
	clear: left;
	margin-left: 19px;
	padding-left: 6px;
	padding-top: 5px;
	padding-right: 6px;
	width: 675px;
	height: 26px;
	background-image: url(titre.png);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
}

.encadre h2 {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	padding-left: 5px;
}

.encadre h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.encadre h2 a:hover {
	text-decoration: underline;
}

.encadre h3 {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

.encadre h3 a {
	color: #FFFFFF;
	text-decoration: none;
}

.encadre h3 a:hover {
	text-decoration: underline;
}

.encadre h1 {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

.encadre h1 a {
	color: #FFFFFF;
	text-decoration: none;
}

.encadre h1 a:hover {
	text-decoration: underline;
}

.emplacementimage {
	float: left;
	padding-left: 25px;
}

.contenunews {
	float: left;
	width: 555px;
	color: #666666;
	text-align: justify;
	font-size: 12px;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 13px;
}
.contenunews a {
	color: #666666;
	text-decoration: none;
}
.contenunews a:hover {
	text-decoration: underline;
}

.suite {
}

.suite a {
	color: #666666;
	text-decoration: underline;
}

.suite a:hover {
	text-decoration: underline;
}

.autresnews h2 {
	width: 668px;;
	padding-left: 26px;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

.autresnews h2 a {
	color: #666666;
	text-decoration: none;
}

.autresnews h2 a:hover {
	text-decoration: underline;
}

.contenu {
	width: 668px;
	padding-left: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	font-size: 12px;
}

.contenu a {
	color: #666666;
	text-decoration: none;
}

.contenu a:hover {
	text-decoration: underline;
}

.gras {
	font-weight: bold;	
}

.grasrouge {
	font-weight: bold;
	color: #F00000;
}
.texte {
	color: #666666;
	font-size: 12px;
}

.tresgras {
	font-weight: bolder;	
}

.texte a {
	color: #666666;
	text-decoration: none;
}

.texte a:hover {
	text-decoration: underline;
}

.pageinfo {
	width: 668px;
	padding-left: 26px;
	color: #666666;
}

.pageinfo h1 {
	font-size: 9px;
	font-weight: normal;
	display: inline;
}

.pageinfo h1 a {
	color: #666666;
	text-decoration: none;
}

.pageinfo h1 a:hover {
	text-decoration: underline;
}

.partenaires {
	font-size: 9px;
	font-weight: normal;
	display: inline;
}

.partenaires a {
	color: #666666;
	text-decoration: none;
}

.partenaires a:hover {
	text-decoration: underline;
}