/* Méditel Css File

*

* @author  <samozone@gmail.com>

*

* Date: 13-07-09

*/

/* **********************************General css******************************************* */

html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, *, input, select, options {

	margin: 0;

	padding:0;

	border: 0;

}

body {

	font:normal 11px Arial, Helvetica, sans-serif;

	background:#FBFBFB url(../images/backgrounds/v2_back.jpg) repeat-x left top;

}

li {

	list-style-type:none

}

a {

	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}

/* ****************************************Css Containerz********************************** */

.Container, .Content {

	margin:auto;

	width:917px;

	overflow:hidden;

	padding-bottom:12px

}

.Content {

	float:left;

	padding-top:30px;

	margin-bottom:4px;

	padding-bottom:0px;

}

/* ***************************************Css Header*************************************** */

.Header {

	height:150px;

	background:#fff;

	position:relative;

}

/* Css Logo */

.logo {

	width:198px;

	float:left;

	margin-top:16px

}

.Cont {

	float:left;

	padding-left:17px;

	padding-right:2px;

}

.Nav ul {

	float:right;

	padding-bottom:2px;

}

.Nav {

	width:486px;

	overflow:hidden

}

.Nav li {

	background:none;

	float:left;

	display:inline;

	padding-right:19px

}

.Nav li a {

	color:#9A9A9A;

	font:9px verdana

}

.Search, .SearcH {

	float:right;

	width:195px;

	padding-top:16px;


}
.Search .object{
padding-top:30px;
}
*html .Search {

	padding-top:16px;

}

*html .SearcH {

	float: none;

}

.SearcH form {

	position:absolute;

	top:41px;

}

.Search p {

	float:left;

	position:relative;

	height:19px;

}

.Search span.BaN {

	position:absolute;

	top:65px

}

.Sel {

	background: url(../images/backgrounds/select.jpg) no-repeat right top;

	z-index:9;

	position:absolute;

	width:195px;

	height:18px;

	display:block;

	z-index:3;

}

.Sel span, .Sel a {

	font:normal 10px verdana;

	color: #000000;

	display:block;

	padding-top:3px;

	padding-left:4px

}

.Sel a {

	width:190;

	padding-top:0px;

	padding-bottom:2px

}

#Linkz {

	background:#fff;

	margin-top:2px;

	height:auto;

	overflow:hidden;

	width:193px;

	border:1px solid #CDCDCD

}

#Linkz span {

	padding-left:11px;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:1px solid #CDCDCD

}

#Linkz span.Bor {

	border-bottom:none

}

.Search select {

	width:193px;

	position:absolute;

	display:block;

	border:1px solid #CDCDCD;

	z-index:1;

	padding:0px 0px 0px 2px

}

.SearcH .Valider {

	border:0px;

	width:24px;

	position:absolute;

	height:16px;

	right:-35px;

	top:-2px

}

.SearcH input {

	border:1px solid #CDCDCD;

	width:153px;

	position:relative;

	height:10px;

	font:9px verdana;

	padding:2px 2px 2px 5px

}

.Menu {

	text-transform:uppercase;

	position:absolute;

	bottom:-4px;

	left:215px;

	margin-top:5px;

}

.Menu ul {

	width:487px;

}

.Menu li a {
	display:block;
	margin-top:5px;
	color:#9E9C9C;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.5px
}

.Menu a:hover {

	text-decoration:none

}

.Menu li {

	background:url(../images/backgrounds/v2_bt_normal.jpg) no-repeat left bottom;

	display:block;

	height:21px;

	width:145px;

	float:left;

	margin-right:15px;

	text-align:center;

}

.Menu li.Current {

	background:url(../images/backgrounds/v2_bt_active.jpg) no-repeat left bottom;

}

.Menu li.Us {

	background:url(../images/backgrounds/v2_bt_nous_connaitre.jpg) no-repeat left top;

	display:block;

	width:143px;

	margin-right:0px;

	margin-left:23px

}

.Menu li.Us a {

	color:#fff;

}

.Menu li.Current a {

	color:#176BC0;

}

/* ******************************************Css Left Bloc ****************************************** */

.LeftBloc {

	width:197px;

	float:left;

}

.Bloc {

	width:100%;

	margin-bottom:8px;

	background:#FFF url(../images/backgrounds/v2_bt_menu_back.jpg) no-repeat 1px 24px;

}

.Bloc h1 {

	background:url(../images/backgrounds/v2_bt_menu.jpg) repeat-x left top;

	height:20px;

	text-transform:capitalize;

	color:#FFF;

	font:normal 14px Arial, Helvetica, sans-serif;

	word-spacing:0.5px;

	padding-top:4px;

	padding-left:16px;

}

.Bloc li, .Txt h2 {

	background:url(../images/backgrounds/v2_puce_jaune.gif) no-repeat 0px 4px;

	padding-left:7px;

	padding-bottom:1px

}

.Bloc ul ul li, .Article .Act.Data .Txt li {

	background:url(../images/backgrounds/red.jpg) no-repeat left center;

	padding-bottom:0px;

}

.Bloc li a {

	font:bold 11px verdana;

	color:#878787;

	height:16px;

}
.Bloc span {

	font:bold 11px verdana;

	color:#878787;

	height:16px;

}

.Bloc ul ul li a {

	background:url(../images/backgrounds/bg.jpg) repeat-x 0px 2px;

	font-weight:normal;

	display:block;

	font-size:10px;

	text-decoration:none;

}

.Bloc ul ul li.White a {

	background:url(../images/backgrounds/bgW.jpg) repeat-x 0px 2px;

}

.Bloc ul {

	padding:5px 4px;
	border:1px solid #ddd;

	border-top:none;

	overflow:hidden;

	clear:both;

	height:auto

}

.Bloc ul ul {

	padding:5px 0px 9px 0px ;
	padding:3px 0px 7px 0px!important!;
	border:none

}

.Bloc.Data {

	background:#FEFEFE url(../images/backgrounds/bt_menu_back_pt.jpg) no-repeat 1px 24px;

}

.Bloc.Data li a {

	font-weight:normal;

}

/* ******************************************Css Right Bloc ****************************************** */

/* Css Right Bloc Containerz */

.RightBloc {

	width:197px;

	float:right;

}

.RightBloc .Bloc {

	background:#FEFEFE url(../images/backgrounds/v2_bt_menu_back_pt.jpg) no-repeat 1px 25px;

}

.RightBloc .Bloc.Ev {

	background:#FEFEFE url(../images/even.jpg) no-repeat 1px 24px;

}

.RightBloc .Bloc.Ev ul {

	padding-top:165px

}

/* ******************************************Css Main Bloc ****************************************** */

.MainBloc {

	float:left;

	width:486px;

	margin:0px 18px 0px 19px !important;

	margin:0px 10px 0px 19px;

}

.BlocsCont {

	float:left;

	overflow:hidden;

	margin-top:16px

}

.BlocsCont .Bloc {

	background: url(../images/backgrounds/fnd_bloc_bas.jpg) no-repeat left bottom;

	width:234px;

	float:left;

	height:170px

}

.BlocsCont .Bloc.Maj {

	margin-left:14px;

	background:url(../images/backgrounds/fnd_bloc_bas.jpg) no-repeat left bottom;

}

.BlocsCont .Bloc h1 {

	height:102px;

	background:none;

	padding:0px;

}

.BlocsCont .Bloc ul {

	border:none;

	padding-top:30px;

	padding-left:28px;

}

.BlocsCont li {

	background:url(../images/backgrounds/puce_blanc.jpg) no-repeat 0px 6px;

}

.BlocsCont li a {

	font:normal 11px verdana;

	color:#FFFFFF

}

/* ******************************************Css Mastre Page ****************************************** */

/* Css Bloc Article */

.Article {

	width:486px;

	background: url(../images/backgrounds/article-bg.jpg) repeat-y 0px 23px;

	position:relative;

	float:left;

}

.Article .Bot {

	background-image: url(../images/backgrounds/article-bot.jpg);

	width:486px;

	height:13px;

	position:absolute;

	bottom:0px;

	left:0px;

}

.Article .Act {

	background: url(../images/backgrounds/article-top.jpg) no-repeat left top;

	padding:11px 0px 0px 19px;

	margin:0px;

	overflow:hidden;

}

/* Css Tree */

.Tree {

	padding:0px 0px 0px 8px;

	display:block;

	height:9px

}

.Tree li a, .Tree li, .Tree li span {

	color:#8B8B8B;

	display: inline;

	font:bold 12px Verdana, Arial, Helvetica, sans-serif;

}

.Tree li span a, .Tree li span {

	color:#D90600;

}

/* Css Txt */

.Txt {

	padding:31px 11px 31px 11px;

	font:normal 10px verdana;

	color:#868686

}

.Txt p {

	padding-bottom:14px

}

.Article .Act.Data {

	padding-left:1px;

}

.Article .Act.Data .Txt li {

	background-position: 0px 5px;

	padding-left:6px;

	margin-left:10px;

	padding-bottom:3px;

}

*html .Article .Act.Data .Txt li {

	height:11px

}

.Article .Act.Data .Txt li.Simple {

	background:none;

}

.Article .Act.Data .Txt ul {

	padding-bottom:19px;

}

.Article .Act.Data .Txt ul ul {

	padding:7px 3px 2px 3px;

}

.Article .Act.Data .Txt li strong {

	color:#DA322F

}

.Txt h2 {

	background-position: left center;

	padding-left:12px;

	margin-bottom:12px;

	font-size:13px;

	overflow:hidden

}
.TxtNews {

	padding:31px 11px 31px 11px;

	font:normal 10px verdana;

	color:#868686

}
.TxtNews .titleNews {
	font-size:15px;
	color:#D93600;
	background:url(../images/backgrounds/ico_pdf.gif) no-repeat left top;
	padding-left:20px;
	margin-bottom:24px;
}
.TxtNews li {

	background:url(../images/backgrounds/v2_puce_rouge.gif) no-repeat 0px 6px;
	padding-left:8px;
	margin-left:4px;
	margin-top:12px;

}
.TxtNews span img{
padding-left:3px;
}
.TxtNews li a {

	color:#8B8B8B;

	display: inline;

	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

*html .Txt h2 {

	height:15px;

}

.Txt table.Table, .DataTable.Big, .Big {

	width:405px;

	background:url(../images/backgrounds/BgTh.jpg) no-repeat left top;

	margin-bottom:17px;

	margin-left:28px;

}
.Table2 {

	width:450px;

	margin-bottom:17px;

	margin-left:10px;

}
.Table2 th {

	background:#F6BA20;

}
.Txt th {

	color:#fff;

	font-weight:normal;

	text-align:left;

	padding-left:11px;

	padding-bottom:4px;

	padding-top:3px;

}

.Txt .DataTable.Long th {

	background:#F6BA20;

}

.Txt table.Table.Center th, th.Center {

	text-align:center;

	padding-left:0px

}

.Txt th.ThM {

	padding-left:40px

}

.Txt td table, .DataTable {

	background:#C5C5C5;

	width:405px;

}

.DataTable.Big, .Big {

	background:url(../images/backgrounds/Big.jpg) no-repeat left top;

}

.DataTable.Big, .Big, .Txt .DataTable.Long {

	margin-left:0px;

	width:100%;

	float:left

}

*html .Txt .DataTable.Long {

	width:100%;

}

.DataTable {

	margin-bottom:17px;

	margin-left:28px;

}

.Txt td table td, .DataTable td {

	background:#fff;

	font:10px arial;

	color:#8B8B8B;

	text-align:center;

	padding-bottom:4px;

	padding-top:4px

}

.Txt td table td.left {

	padding-left:7px;

	text-align:left;

}

p.Smal, p.Smal.Pad {

	font:normal 9px arial;
	
	padding-left:12px;

	display:table;

}

*html p.Smal, p.Smal.Pad {

	margin-top:0px;

}

p.Small.Pad {

	padding-left:32px

}

.Article .Act.Data Table table {

	width:100%

}

/* Css List */

.List {

	background: url(../images/backgrounds/BgmasterLong.jpg) no-repeat left top;

	height:220px;

	padding:12px 0px 30px 24px

}

.List.Mid {

	background-image: url(../images/backgrounds/BgmasterMid.jpg);

}

.List.Longer {

	background-image: url(../images/backgrounds/BgmasterLong.jpg);

}

.List li a {

	font-weight:bold;

	color:#E00A00;

	display:block;

	margin-bottom:29px;

	text-decoration:none;

	width:186px

}

.ligneForm {
	padding-bottom: 10px;
}
.gaucheForm {
	float: left;
	width: 110px;
	font-weight: bold;
	padding: .2em 3px 0 0;
}
.gaucheForm label {
	display: block;
}
.droiteForm {
	float: left;
	width: 300px;
}
.droiteForm input, .droiteForm textarea {
	border-color: #C00000;
	background-color:#F2F2F2;
	padding:2px;
	font-size:13px;
}
.droiteForm fieldset input {
	margin-left: 0 !important;
	border: none !important;
}
.clearBoth {
	clear: both;
	font-size: 0%;
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
}
input, select, textarea {
	border: 1px solid #999;
}
.Send {
	background:url(../images/backgrounds/envoyer.gif) no-repeat center top;
	height:25px;
	border:0px;
	width:77px;
	margin-left:240px;
	color:#FFFFFF;
	padding-top:5px;
}
.Send a{
	color:#FFFFFF;
	font-size:12px;
	padding-left:13px;
}
.envoyer {
	background:url(../images/backgrounds/envoyer.gif) no-repeat center top;
	height:25px;
	border:0px;
	width:77px;
	color:#FFFFFF;
	padding-top:5px;
	padding-right:15px;
}
.envoyer a{
	color:#FFFFFF;
	font-size:12px;
}
.Formcontact input, .Formcontact textarea {
	border-color: #C00000;
	background-color:#F2F2F2;
	padding:2px;
	font-size:13px;
}
.TxtAvants {
color:#FFFFFF;
padding:18px 10px 0px 10px;
text-align:center;
font:bold 14px Arial, Helvetica, sans-serif;
line-height:20px;
}
.TxtAvants a {
color:#FFFFFF;
}

/*****forfait entreprise****/
p.titre-entre {

	font-weight:bold;

	color:#E00A00;

	display:block;

	text-decoration:none;
	
	padding-top:10px;
	
	padding-bottom:10px;

}
.tab-entre tr.tab1-entre{
border-color:#000;
background:#ff0000;
font-weight:bold;
color:#fff;
}
.tab-entre td{
text-align:center;
border:1px solid #000000;
}
.tab-entre{
border-color:#000000;
}
ul.entreprise li {
background:transparent url(../images/backgrounds/red.jpg) no-repeat scroll left 7px;
padding-bottom:0;
padding-left:10px;
color:#868686;
font-family:verdana;
font-size:10px;
margin-right:10px;

}
/* Début de Modif htaraouah@sqli.com infitah*/

.Maininfitah{
background:#e7e7e8;
padding-bottom: 10px;
overflow:hidden;
}

*html .Maininfitah{
padding-bottom: 150px;
overflow:hidden;
}

.txtactiv h2{
	font:bold 14px verdana;
	line-height:25px;
    padding-left: 10px;
    padding-top: 10px;
	padding-bottom:5px;
}

.txtactiv p{
	font:12px verdana;
	line-height:14px;
	padding-bottom:14px;
	padding-left: 10px;
}
.pucetableau22{
position:absolute;
padding-left:3px;
_left:390px;
z-index:999;
}

.pucetableau23{
position:absolute;
padding-left:3px;
_left:390px;
z-index:999;
}
.packperso1{
background:url(/img/infitah/border.png) repeat-y 24% 0%;
_background:url(/img/infitah/border.jpg) repeat-y 15% 0%;
position:relative;
/*border-right:1px dotted #000000;
border-left:1px dotted #000000;*/
overflow: hidden;
margin-top:8px;
margin-left:10px;
margin-right:10px;
margin-bottom:13px;
}

*html .packperso1{
height:140px;
padding-top:20px;
}

.packperso1 img{
/*background:url(img/puce_borderleft.jpg) no-repeat 0% 108%;*/
float:left;
padding-top: 16px;
padding-left:10px;
padding-bottom:14px;
}

.packperso1 img.border_top{
float:left;
padding:0px;
}

.packperso1 img.border_bottom{
float:left;
padding:0 0 0 2px;
}

*html .packperso1 img{
padding-top: 5px;
padding-left:15px;
padding-bottom:15px;
}

.packperso1 .textright{
/*background:url(img/puce_borderleft.jpg) no-repeat 100% 103%;*/
float:left;
padding-top: 16px;
padding-left:20px;
width:200px;
font:10px verdana;
}

.packperso1 .textright1{
/*background:url(img/puce_borderleft.jpg) no-repeat 100% 523%;*/
float:left;
padding-top: 16px;
padding-left:20px;
width:237px;
font:10px verdana;
}

.engagement{
/*background:url(img/bg_engagement.jpg) no-repeat 0 0;*/
width:116px;
height:45px;
margin-left: 25px;
_margin-left:-430px;
margin-top: -29px;
position:absolute;
}

.informations{
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
width:200px;
text-align:center;
margin-top:38px;
padding-top:10px;
margin-left:10px;
float:left;
overflow: hidden;
}

.informations p span {
color:#FF0000;
font-weight:bold;
font-size: 15px;
}

.hebergement{
float:left;
width:219px;
height:114px;
border:1px dotted #000000;
overflow: hidden;
margin-left:30px;
margin-top: 11px;
}

.hebergement h2{
color:#FF0000;
padding-left:10px;
padding-top:10px;
font-size:15px;
}

.hebergement ul{
padding-left:10px;
padding-top:5px;
}

.hebergement li{
background:url(/img/infitah/puce_hberg.jpg) no-repeat 0 25%;
padding-left:10px;
font:9px Tahoma;
}

.tableville{
border:1px dotted #000000;
position:relative;
margin-left:61px;
margin-top:16px;
margin-bottom:10px;
}

.tableville th{
border-right:1px dotted #000000;
background-color:#FF0000;
color:#FFFFFF;
font:bold 12px verdana;
text-align:left;
/*padding:3px 45px 2px 10px;*/
}

.tableville td{
/*padding:3px 45px 2px 10px;*/
border-bottom:1px dotted #000000;
border-right:1px dotted #000000;
font:12px verdana;
text-align:left;
color:#454545;
width:154px;
}

.pucetable{
padding-left: 53px;
_left:390px;
padding-top: 7px;
position: absolute;
z-index: 999;
}

.pucehebergement{
padding-left: 453px;
padding-top: 116px;
position: absolute;
z-index: 999;
}

.tableville1{
border:1px dotted #000000;
position:relative;
margin-left:10px;
margin-right:10px;
margin-top:16px;
margin-bottom:10px;
}

*html .tableville1{
margin-left:10px;
margin-right:10px;
margin-top:16px;
margin-bottom:10px;
}

.tableville1 th{
padding-left: 3px;
border-right:1px dotted #000000;
background-color:#FF0000;
color:#FFFFFF;
font:bold 12px Verdana;
text-align:left;
/*padding:3px 45px 2px 10px;*/
}

.tableville1 td{
/*padding:3px 45px 2px 10px;*/
padding-left: 3px;
border-bottom:1px dotted #000000;
border-right:1px dotted #000000;
font:10px Verdana;
text-align:left;
color:#454545;
width:154px;
vertical-align: text-top;
}

td.none{
border-right:none;
}

th.none{
border-right:none;
}

.pucetable1{
padding-left: 3px;
_left:394px;
padding-top: 7px;
position: absolute;
z-index: 999;
}

/* Fin */

/* ****************************************Css Bloc Busniess 7/6/2011********************************** */
.Tabs{ 
background: url(../images/business/bg_menu.jpg) no-repeat left top;
padding-bottom:29px;
overflow:hidden;
_float:left;
_width:100%
}

.Tabs#active, .Tabs#active2, .Tabs#active3, .Tabs#active4{ 
padding-bottom:0px;
background: url(../images/business/bg_menu_1.jpg) no-repeat left top;
}

.Tabs#active2{ 
background: url(../images/business/bg_menu_2.jpg) no-repeat left top;
}

.Tabs#active3{ 
background: url(../images/business/bg_menu_3.jpg) no-repeat left top;
}

.Tabs#active4{ 
background: url(../images/business/bg_menu_4.jpg) no-repeat left top;
}

.Article .Act.Data .Txt .Business p {
font: 11px tahoma;
color:#646464;
line-height:16px;
margin-left:7px;
}

.Article .Act.Data .Txt .Tabs a, .Article .Act.Data .Txt .Tabs li { 
display:inline;
background:none;
line-height:28px;
padding:0px;
margin:0px;
float:left
}

.Txt .Tabs a{
font:14px arial;
color:#fff;
text-align:left;
}

.Tabs#active a, .Tabs#active2 a, .Tabs#active3 a, .Tabs#active4 a{ 
color:#676969;
}

.Article .Act.Data .Txt .Tabs#active li.first a, .Article .Act.Data .Txt .Tabs#active2 li.second a, .Article .Act.Data .Txt .Tabs#active3 li.third a, .Article .Act.Data .Txt .Tabs#active4 li.forth a{ 
color:#fff;
}

.Txt .Tabs a:hover{
text-decoration:none
}

.Article .Act.Data .Txt .Tabs li {
background:none;
}

.Article .Act.Data .Txt .Tabs li.first{ 
width:105px;
padding-left:12px
}

.Article .Act.Data .Txt .Tabs li.second{ 
width:84px;
padding-left:26px
}

.Article .Act.Data .Txt .Tabs li.third { 
width:93px;
padding-left:16px
}

.Article .Act.Data .Txt .Tabs li.forth { 
padding-left:8px
}

.desc, .pic{
font:bold 11px tahoma;
}

.liste_bus{
font: 11px tahoma;
color:#5D5D5D;
line-height:16px;
}

.Article .Act.Data .Txt .liste_bus li{
background: url(../images/business/puce.jpg) no-repeat left 3px;
margin-left:0px;
padding-left:16px;
padding-right:7px
}

.pic strong{
display:block;
padding-bottom:2px;
}

.Article .Act.Data .Txt ul.SousTabs{
background:#6D6D6D;
width:460px;
margin-bottom:26px;
overflow:hidden;
padding-top:7px;
padding-bottom:4px;
}

.Article .Act.Data .Txt .SousTabs li a{
font:bold 10px tahoma;
color:#fff;
text-transform:uppercase
}

.Article .Act.Data .Txt .SousTabs li.active a{
color:#FFC000;
}

.Article .Act.Data .Txt .SousTabs li{
background: url(../images/business/puce_jaune.jpg) no-repeat left 3px;
padding-left:8px;
margin-left:17px
}
/* ****************************************FIN Css Bloc Busniess 7/6/2011********************************** */
/***********debut abonnement classique**********/
.menuAbon  h3{
background: url("/images/bg_liste2.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    text-align: center;
}

.menuAbon h3.active {
background: url("/images/bg_liste_active2.jpg") no-repeat scroll 0 0 transparent;
    height: 31px;
    margin-top: 1px;
}

.menuAbon h3 a {
font-size: 10px;
color:#FFFFFF;
padding: 16px 10px 7px;
font-family: Verdana;
}
.offresanabonnement{
background:url(../images/bg_contenu_centre.jpg) repeat 0 0;
padding-left: 10px;
padding-top: 5px;
}
.Txt ul.agd_list {
    display: block;
    float: right;
    padding-bottom: 10px;
}

.Visible {
    display: block;
    visibility: visible;
}
.Hide {
    display: none;
    visibility: hidden;
}
.faqplus h5 {
  background: url("/images/puce_show_hide.jpg") no-repeat scroll 0 25% transparent;
    margin: 0 0 0 10px;
    padding: 2px 0 10px 13px;
	

}
.Up h5 {
  background: url("/images/puce_show_hide.jpg") no-repeat scroll 0 25% transparent;
    margin: 0 0 0 10px;
    padding: 2px 0 10px 13px;
	

}
.faqmois h5 {
  background: url("/images/puce_show_hide2.jpg") no-repeat scroll 0 25% transparent;
    margin: 0 0 0 10px;
    padding: 2px 0 10px 13px;
}
/************fin abonnement classique*****************