@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #FFF;
}
p, h1, h2, h3, h4, h5, h6, form, ul, img {
	margin: 0;
	padding: 0;
	border: 0;
}
#subtc {
	background-image: url(../images/sub_ctitle.jpg);
	height: 57px;
}

a {
	text-decoration: none;
	color: #000;
}


#menu {
	height: 64px;
	width: 770px;
	padding: 0px;
	border-top-width: 5px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #202A81;
	border-right-color: #202A81;
	border-bottom-color: #202A81;
	border-left-color: #202A81;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#menu a:hover {
	background-color: #202A81;
}

#menu li {
	list-style: url(none) none inside;
	float: left;
	display: block;
	margin-top: 3px;
	background: url(../images/back_menu.gif);
}
#menu a {
	color: #FFF;
	display: block;
	text-align: center;
	background: url(../images/sep.gif) no-repeat;
	line-height: 60px;
	float: left;
	width: 124px;
	padding-left: 3px;
	font-size: 1.2em;
	text-decoration: none;
	padding-right: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#menu #left {
	width: 130px;
	padding: 0px;
	background-image:none;
}

#top {
	list-style: none;
	width: 800px;
	background: #202A81;
	margin: 0px auto;
	height: 16px;
	text-align: right;
	padding: 0px;
	line-height: 16px;
	font-size: 10px;
}
#top li {
	display: inline;
}

#top a {
	color: #FFF;
	margin-right: 10px;
	text-decoration: none;
}

#logo {
	height: 277px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #202A81;
	border-right-color: #202A81;
	border-bottom-color: #202A81;
	border-left-color: #202A81;
	padding-bottom: 4px;
	margin-bottom: 5px;
	background-image: url(../images/back_header.gif);
	margin-top: 0px;
}
#logo1 {
	background-repeat: no-repeat;
	background-position: right;
	height: 277px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_02.jpg);
}


.lmleft  {
	background: url(../images/logo_left.gif) no-repeat left;
	height: 129px;
	padding-left: 9px;
	width: 16.5em;
	float: left;
	margin-top: 9px;
	margin-left: 10px;
	display: inline;
	position: relative;
}
.lmright  {
	height: 129px;
	background: url(../images/logo_right.gif) no-repeat right;
	padding-right: 9px;
}

.lmcenter     {
	background: url(../images/logo_center.gif);
	height: 129px;
}
#logo h5 {
	height: 14px;
	border-bottom-width: 2px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #202A81;
	border-right-color: #202A81;
	border-bottom-color: #202A81;
	border-left-color: #202A81;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	font-size: 1em;
	color: #202A81;
	margin: 0px 0px 5px;
	padding-top: 10px;
}
.setright {
	padding-left: 30px;
	font-size: 0.9em;
}

.connex {
	font-size: 10px;
	line-height: 10px;
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #202A81;
}
.lmleft p {

}
.ext {
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 53px;
	font-weight: bold;
}
#dom {
	width: 83px;
	font-size: 0.9em;
	font-weight: bold;
	list-style-type: disc;
	padding-left: 2px;
}
.txt_dom {
	background-color: #D9E5FF;
	margin-bottom: 8px;
	margin-top: 8px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url(../images/coin.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.txt_dom_alert {
	background-color: #F4D3D4;
	margin-bottom: 8px;
	margin-top: 8px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url(../images/coin_alerte.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FF0000;
}
.aide {
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
}
.petit_texte {
	font-size: 0.8em;
}

.loginmdp {
	font-size: 0.9em;
	width: 83px;
	font-weight: bold;
	padding-left: 2px;
}


.ok {
	font-size: 0.8em;
	height: 19px;
	text-align: center;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	bottom: 5px;
	right: 10px;
	width: 66px;
	background-image: url(../images/ok.png);
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	line-height: 19px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
a:hover {
	text-decoration: underline;
}

.ctr {
	text-align: center;
}

.lancement {
	height: 2.8em;
	background: #669AFF;
	margin: 7px 0px 0px;
	color: #FFF;
	border: 1px solid #202A81;
	line-height: 17px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.promo {
	background: #4C76EE;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	font-size: 2em;
	color: #FFF;
	text-align: center;
	width: 65px;
	height: 34px;
	line-height: 34px;
}
#milieu {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#mil_gauche {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#mil_droite {
	float: left;
	width: 180px;
}

#mil_gauche h4 {
	background-image: url(../images/services.gif);
	height: 60px;
	width: 170px;
	padding-left: 30px;
	line-height: 60px;
	color: #FFF;
	font-size: 1.8em;
	letter-spacing: 0.1em;
	background-repeat: no-repeat;
}
#mil_gauche ul {
	padding: 0px;
	margin: 5px;
	margin-bottom: 15px;
}
#mil_gauche li {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7d7d7;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
}
#mil_gauche ul a {
	color: #000;
	text-decoration: none;
	padding-left: 30px;
	background-image: url(../images/dot.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	height: 35px;
	display: block;
	line-height: 35px;
}
#mil_gauche ul a:hover {
	background-image: url(../images/dot_over.png);
	color: #202A81;
	background-color: #E8EFFF;
}
#mil_centre {
	float: left;
	width: 370px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#mil_centre   div   {
	background-color: #d9e5ff;
	border: 1px solid #dad6f2;
	padding: 7px;
}
#mil_centre   p   {
	background-color: #FFF;
	border: 0px solid #87ceeb;
}
#mil_centre   ul   {
	background-color: #FFF;
	border: 1px solid #87ceeb;
	margin: 0px;
	padding: 5px;
}

#mil_centre h4 {
	background-image: url(../images/choisir.png);
	height: 50px;
	line-height: 50px;
	font-size: 1.6em;
	color: #FFF;
	padding-left: 15px;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	margin-top: 4px;
}

#mil_centre h6 {
	height: 32px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #87CEEB;
	border-right-color: #87CEEB;
	border-bottom-color: #CCCCCC;
	border-left-color: #87CEEB;
	margin-top: 7px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-color: #FFF;
}

#mil_centre li {
	list-style-type: none;
	line-height: 30px;
	height: 35px;
	color: #000;
	text-decoration: none;
	padding-left: 40px;
	background-image: url(../images/dot2.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.plans_mid {
	height: 120px;
	width: 180px;
	background-image: url(../images/plans_mid.png);
	background-repeat:repeat-x;
	margin-left: 10px;
	margin-top: 15px;
}
.plans_left {
	height: 120px;
	background-image: url(../images/plans_left.png);
	background-repeat: no-repeat;
	background-position: left;
}
.plans_right {
	height: 120px;
	background-image: url(../images/plans_right.png);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
}

.plans_left h5 {
	font-size: 1.15em;
	padding-left: 10px;
	padding-top: 10px;
}
#par_mois {
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 0.8em;
}
big {
	font-weight: bold;
	font-size: 15px;
}
.sapphire {
	color: #000093;
	font-weight: bold;
}


.rubis {
	color: #666666;
	font-weight: bold;
}

.diamant {
	color: #CE0000;
	font-weight: bold;
}

#list_sapphire, #list_diamant, #list_rubis {
	margin-top: 10px;
	width: 180px;
	margin:10px 0 0 15px;
}
#list_sapphire   li, #list_diamant  li, #list_rubis  li {
	list-style-type: none;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
#list_sapphire li { background-image: url(../images/dot_sapphire.png); }

#list_diamant li { background-image: url(../images/dot_rubis.png); }

#list_rubis li { background-image: url(../images/dot_diamant.png); }


.plans_prix {
	position: absolute;
	left: -5px;
	top: -15px;
}
.mois {
	color: #000000;
	font-size: 0.5em;
	line-height: 12px;
}
#voirsapphire {
	background-image: url(../images/voir_sapphire.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 28px;
	display: block;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1em;
	padding-top: 10px;
	font-weight: bold;
	padding-right: 2px;
}
#voirrubis {
	background-image: url(../images/voir_diamant.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 28px;
	display: block;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1em;
	padding-top: 10px;
	font-weight: bold;
	padding-right: 2px;
}
#voirdiamant {
	background-image: url(../images/voir_rubis.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 28px;
	display: block;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1em;
	padding-top: 10px;
	font-weight: bold;
	padding-right: 2px;
}
#voirsapphire:hover {
	background-image: url(../images/voir_sapphire_over.png);
}
#voirrubis:hover {
	background-image: url(../images/voir_diamant_over.png);
}
#voirdiamant:hover {
	background-image: url(../images/voir_rubis_over.png);
}

#bas {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
#bas h6 {
	background-color: #FFF;
	font-size: 1em;
	font-weight: normal;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #87CEEB;
	border-right-color: #87CEEB;
	border-bottom-color: #87CEEB;
	border-left-color: #87CEEB;
}
.actualite  {
	border: 1px solid #87CEEB;
	font-size: 1em;
	padding: 5px;
	line-height: 1.2em;
	height: 125px;
	float: left;
	width: 215px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	color : #333;
}

#appreciations p span, .actualite p span {
	display : none;
}

#bck_bas h5 {
	font-size: 1em;
	background-position: center;
	color: #FFF;
	padding: 5px;
	font-weight: normal;
	background-color: #4C76EE;
	margin-bottom: 5px;
}


#bck_bas legend {
	font-size: 1em;
}

#bas h6 span {
	background-color: #D9E5FF;
	padding-left: 5px;
	display: block;
}
#bas ul {
	background-color: #FFF;
	border: 2px solid #87ceeb;
	margin: 0px;
	padding: 5px;
}
#actu {
	background-color: #d9e5ff;
	border: 1px solid #dad6f2;
	padding: 5px;
	width: 480px;
	float: left;
	margin-top: 5px;
}
#promotion  {
	background-color: #d9e5ff;
	border: 1px solid #dad6f2;
	padding: 5px;
	width: 265px;
	float: right;
	margin-top: 5px;
}
#bck_bas {
	background-color: #FFF;
	height: 180px;
	border: 2px solid #87ceeb;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#voir_tous {
	font-size: 0.9em;
	color: #000;
	line-height: 20px;
}
.al_right {
	text-align: right;
}

#appreciations {
	border: 1px solid #87CEEB;
	font-size: 1em;
	line-height: 1.2em;
	float: left;
	width: 233px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	height: 144px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color : #333;
}
#appreciations h5 {
	font-size: 1em;
	margin-bottom: 5px;
	background-position: center;
	color: #000;
	padding: 5px;
	font-weight: normal;
	background-color: #D9E5FF;
}
#partenaires {
	height: 30px;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu_bas {
	width: 755px;
	margin: 0 auto 5px auto;
	text-align:center;
	height: 29px;
	border: 2px solid #6699ff;
	background-image: url(../images/bck_menubas.png);
    background-repeat: repeat-x;
	padding-left: 15px;
	list-style-type: none;
}
#menu_bas li {
	float:left;
}
#menu_bas a {
	text-align: center;
	line-height: 20px;
	height: 20px;
	padding-left: 18px;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	padding-right: 18px;
	margin-top: 5px;
	float: left;
}
a#lmenubas {
	border-left-width: 0px;
}
#copyright {
	height: 42px;
	width: 770px;
	margin: 0 auto;
	text-align: right;
	font-size: 0.9em;
	color: #333;
	line-height:14px;
}
#copyright p {
float: right;
padding : 5px;
}
p#cnil {
text-align: justify;
font-size:0.9em;
float : left;
padding-bottom: 0px;
}
.sub_mleft {
	height: 120px;
	padding-left: 19px;
	margin-top: 7px;
	margin-left: 10px;
	display: inline;
	position: relative;
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	width: 172px;
	background-color: #9297C1;
}

.sub_mright {
	padding-right: 19px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #9297C1;
}
.sub_mcenter {
	height: 120px;
	background-color: #525A9C;
}
.sub_ok {
	font-size: 0.8em;
	height: 20px;
	text-align: center;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	bottom: 5px;
	width: 66px;
	background-image: url(../images/ok.png);
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	line-height: 19px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	right: 10px;
}
.sub_ctr {
	position: absolute;
	bottom: 30px;
	left: 8px;
	width: 200px;
}
.sub_txt_dom {
	background-color: #202A81;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url(../images/coin.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	font-size: 0.8em;
	left: 10px;
	top: 35px;
	width: 161px;
	color: #DFDFFF;
}
#sub_logo h5 {
	height: 14px;
	border-bottom-width: 2px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #C4C4FF;
	border-right-color: #C4C4FF;
	border-bottom-color: #C4C4FF;
	border-left-color: #C4C4FF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	font-size: 1em;
	color: #E1E1FF;
	padding-top: 10px;
	position: absolute;
	top: 4px;
	width: 166px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	left: 10px;
	padding-left: 5px;
}

.sub_aide {
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: -0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.top_cell {
	background-color: #FFF;
}

.sub_loginmdp {
	font-size: 0.9em;
	width: 79px;
	font-weight: bold;
	padding-left: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.lftfloat {
float: left;
padding: 0 5px 0 0;
}
#titresite {
	position: absolute;
	left: -9999px;
	top: -9999px;
}