/* CSS Document */

body 
{
     font-family:Arial, Helvetica, sans-serif;
     text-align:justify;
     background-color:#eeeeee;
     background-image:url(/img/bg_site.png);
     background-repeat:repeat-x;
     padding-top:0px;
     font-size:11px;
	 width:100%;
     margin:auto;
     }
/********************************************************************************************************************************  HEADER   *******/	

#header
{
	height:118px;
	margin:auto;
	width:1002px;
	background-image:url(/img/head.png);
	background-repeat:no-repeat;
	background-position:top;
	
}
.head_link
{
    margin-top:30px;
	margin:auto;
	background-image:url(/img/logo_viveole-trans.png);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	width:200px;
	height:70px;
	display:block;
}
a.head_link
{
	margin-top:30px;
	width:200px;
	height:70px;
	display:block;
}
.head_espace_client 
{
	position:relative;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-top:5px;
	margin-right:45px;

}
.head_espace_client:hover
{
    position:relative;
	text-decoration:underline;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-top:5px;
	margin-right:45px;
}

.head_contact 
{
	position:relative;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-top:5px;
	margin-right:20px;
}
.head_contact:hover
{

	text-decoration:underline;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	float:right;

}
.head_description
{
	position:relative;
	/*width:1000px;*/
	color:#c8c8c8;
	font-size:10px;
	font-weight:bold;
	width:100%;
	margin-left:208px;
	clear:both;
	margin-bottom:5px;
}
.head_description a
{
	color:#c8c8c8;
	text-decoration:underline;
}
.head_description a:hover
{
	color:#c8c8c8;
	text-decoration:underline;
}

/***********************************************************************************************************************************************************/	
#col_g
{
     
     padding-top:0px;
	 padding-left:0px;
	 margin-left:0px;
     text-align:justify;
     width:200px;
	 float:left;
     min-height:550px;
     border:none;
     background-color:transparent;
}

#col_m
{
    padding-top:10px;
	padding-bottom:0;
	margin-left:3px;
    text-align:justify;
    width:795px;
	min-height:700px;
	background-color:#FFFFFF;
	float:left;
	-moz-box-shadow: 1px 1px 12px #555;
	-moz-border-radius:10px;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=5); */
    /*zoom: 1;*/ 
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 12px #aaa; 
  }  
	
#content/*contenu de droite*/
{
     background-color:transparent;
     width:1050px;
     clear:both;
}

#contenu
{
    width:1000px;
    margin:auto;
}

.cont
{
   /* background-color:#FFFFFF;*/
    margin-left:8px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:8px;
	border-style:none;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	width:760px;
	min-height:550px;
}


.cont_regions
{
	background-image:url(/img/bg_subventions.png);
	background-repeat:no-repeat;
	background-position:bottom;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:10px;
	padding:5px;
	min-height:600px;
}
.cont_wimax
{
	background-image:url(/img/bg_subventions.png);
	background-repeat:no-repeat;
	background-position:bottom;
    margin-left:0px;
    margin-right:8px;
    margin-top:0px;
    margin-bottom:0px;
	border-style:none;
	padding:5px;
	width:760px;
	min-height:520px;
}

.avantages/*colonne de gauche du contenu */
{
     -moz-border-radius:10px;
     background-color:#FFFFFF;
     border:1px;
     border-color:#d5d5d5;
     border-style:solid;
     width:360px;
     padding-left:15px;
     padding-right:15px;
     margin-top:3px;
     float:left;
     margin-bottom:10px;
     padding-bottom:10px;
}

.avantages2/*colonne de droite du contenu */
{
     -moz-border-radius:10px;
     border:1px;
     border-color:#d5d5d5;
     border-style:solid;
     background-color:#FFFFFF;
     width:345px;
     padding:5px;
     margin-top:3px;
     float:left;
     margin-left:10px;
     margin-bottom:10px;
     padding-bottom:10px;
}
.colonne1/*colonne de gauche du contenu */
{
     -moz-border-radius:10px;
     background-color:#FFFFFF;
     border:1px;
     border-color:#d5d5d5;
     border-style:solid;
     width:350px;
     padding-left:15px;
     padding-right:15px;
     margin-top:1px;
     float:left;
     margin-bottom:10px;
     padding-bottom:10px;
}

.colonne2/*colonne de droite du contenu */
{
     -moz-border-radius:10px;
     border:1px;
     border-color:#d5d5d5;
     border-style:solid;
     background-color:#FFFFFF;
     width:335px;
     padding:5px;
     margin-top:1px;
     float:left;
     margin-left:10px;
     margin-bottom:10px;
     padding-bottom:10px;
}

.contDep
{
	z-index:0;
}

/****************************************************************************************************************************************  TITRES  ************/
h1/*titres de page*/
{
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   text-align:center;
   font-size:16px;
   color:#AD3572;
   font-weight:bold;
   margin-top:3px;
   padding-top:5px;
   margin-bottom:5px;
}

h1.t_img_abonnements
{
     height:20px;
	 border-bottom:4px;
	 border-bottom-color:#AD3572;
	 border-bottom-style:solid;
     margin-left:15px;
     margin-top:10px;
	 margin-bottom:10px;
     width:750px;
     padding-right:10px;
	 padding-left:0px;
     padding-top:0px;
}

h2
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:15px;
	 color:#424242;
     height:44px;
	 background-image:url(/img/bg_h2.png);
	 background-repeat:no-repeat;
     margin-left:0px;
     margin-top:10px;
	 margin-bottom:0px;
     width:760px;
     padding-right:10px;
     padding-top:5px;
	 text-indent:8px;
	 clear:both;
}
.titre_categorie/* "INTERNET / TELEPHONIE / TV" */
{
	 background-color:#4b4b4b;
	 line-height:22px;
	 text-align:center;
	 clear:both;
	 font-weight:bold;
	 font-size:13px;
	 color:#FFF;
	 width:780px;
     height:23px;
	 padding : 0; 
     margin :auto;
	 margin-top:30px;
	 margin-bottom:25px;
}
h3/*sous titres noirs + fleche */
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
    font-weight:bold;
    text-align:justify;
    background-image:url(/img/fleche.jpg);
    background-repeat:no-repeat;
    text-indent:15px;
	/*clear:both;*/
	margin-bottom:0;
	line-height:15px;
	
}
.detail_sub/*procédure subvention*/
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-weight:bold;
    background-image:url(/img/fleche.jpg);
    background-repeat:no-repeat;
    text-indent:15px;	
}

.sub
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#424242;
	line-height:18px;
	padding-bottom:15px;
}

h4
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}

h5/*bulles roses gauches*/
{
    margin-top:10px;
	margin-left:3px;
    font-family:Arial, Helvetica, sans-serif;
    background-image:url(/img/bg_titre.jpg);	
    color:#FFFFFF;
	font-size:13px;
	text-align:left;
    font-weight:bold;
    height:35px;
    width:350px;
    line-height:20px;
    text-indent:10px;
}

.h5droit/*bulles roses droites*/
{
    font-family:Arial, Helvetica, sans-serif;
    background-image:url(/img/bg_titre_droit.jpg);
    background-repeat:no-repeat;	
    color:#FFFFFF;
	font-size:13px;
	text-align:left;
    font-weight:bold;
    height:35px;
    line-height:22px;
    text-indent:15px;
    margin-top:5px;
}

h6
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-align:left;
}





.titre_subvention /*montant subvention*/
{

	 font-weight:bold;
	 padding-top:5px;
	 text-align:center;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:20px;
	 line-height:24px;
	 color:#a21967;
	 text-align:center;
}

.tnews/*titres news + QUESTION FAQ */
{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:13px;
    color:#000;
    font-weight:bold;
	display:list-item;
    list-style-image:url("/img/fleche.jpg");
    list-style-position:inside;
}

.avantages_index
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	text-align:left;
	width:300px;
	font-weight:bold;
    background-image:url(/img/fleche.jpg);
    background-repeat:no-repeat;
    text-indent:15px;
	}


/***************************************************************************************************************************   TEXTE   *****************/
a
{
     font-family:Arial, Helvetica, sans-serif;
     color:#ba1c73;
     border:none;
     text-decoration:none;
}

a:hover
{
    font-family:Arial, Helvetica, sans-serif;
    color:#ba1c73;
	text-decoration:underline;
}

p
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	text-align:justify;
	line-height:17px;
	
	
}
.paragraphe
{
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
   font-size:12px;
   color:#000000;
   text-align:justify;
} 

.txt_pt
{
	padding-top:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    text-align:justify;
    color:#666666;
    clear:both;
	padding-right:10px;
}

#conditions
{
	font-size:9px;
} 
/******************************************************************************************************************  OMBRES CONTENU DE DROITE   ************/

.top_left
{
	background-image:img/top_left.png;
	background-repeat:no-repeat;
	float:left;
}

.top
{
	background-image:top.png;
	background-repeat:repeat-x;
	width:746px;
}

.top_right
{
	background-image:top_right.png;
	background-repeat:no-repeat;
}

.left
{
	background-image:left.png;
	background-repeat:repeat-y;
}

.right
{
	background-image:right.png;
	background-repeat:
}

.bottom_left
{
	background-image:bottom_left.png;
	background-repeat:no-repeat;
	float:left;
}

.bottom_right
{
	background-image:bottom_right.png;
	background-repeat:no-repeat;
}

.bottom
{
	background-image:bottom.png;
	background-repeat:repeat-y;
	width:746px;
	
}

.a_offre
{
	text-decoration:none;
	cursor:pointer;
}

/***************************************************************************************************************    COLONNE GAUCHE     *************/
.services
{
	text-align:center;
	font-weight:bold;
}

.news
{   
    background-color:#ffffff;
    border:none;
   -moz-border-radius:10px;/*FIREFOX*/
    padding-top:8px;
    padding-bottom:0px;
    padding-right:8px;
	padding-left:8px;
	margin-top:5px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	margin-top:5px;
	-moz-box-shadow: 1px 1px 12px #555;/*FIREFOX*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=5); /*IE*/
   /* zoom: 1; */
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 8px #aaa; /*Chrome */ 
	-khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(js/border-radius.htc); 
}

.tel
{   
    background-color:#ffffff;
   -moz-border-radius:10px;/*FIREFOX*/
    border:none;
    padding:5px;
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	-moz-box-shadow: 1px 1px 12px #555;/*FIREFOX*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=5);  /*IE*/
    /*zoom: 1; */
	-webkit-border-radius: 10px; /* Chrome */ 
	 -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(js/border-radius.htc); 
	-webkit-box-shadow: 8px 8px 8px #aaa; /* Chrome */ 
   /*margin:5px;*/
}
.num
{
    font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px;
}
.num_v
{
  
	padding-top:5px;
    padding-bottom:5px;
	text-align:center;
	margin-bottom:0px;
}

.horaires
{
    font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:9px;
	text-align:center;
	margin-bottom:10px;
}
/**************************************************************************************************************************************    LISTES    ***********/
li
{
	padding-left: 0px ; 

}

.li_offres
{
     background-color:#F5F5F5;
     width:300px;
     padding:15px;
     margin-top:10px;
}

.listes
{
     clear:both;
}
.list_intro
{
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#000000;
     text-align:left;
     padding-top:10px;
     padding-bottom:10px;
     max-width:300px;

}
offre li
{
    list-style-position:inside;
    list-style-type:disc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}


/*************************************************************************************************************************************   MENU    *************/



#menu, #menu ul   
{
    background-image:url(/img/menu.png);
	background-repeat:repeat-x;
	text-align:center;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	left:5px;
	top:4px;
    width:785px;
    height:22px;
	padding:0; 
    margin:0;
	list-style-type:none;
    line-height:17px;
	font-size:15px;
	z-index:1000;
  
}


#menu a /* Contenu des listes */
{
        display : block; 
        padding : 0;   
        color : #000000; 
        text-decoration : none; 
        width : 156px;
		
}

#menu a:hover 
{
        color: #000000;
        background-image:url(/img/menu_hover.png);
	    background-repeat:repeat-x;
        cursor:pointer;
}


#menu li /* Elements des listes */      
{ 
        float : left;  /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* bordure blanche à droite */
		width:156px;
		
}


html>body #menu li
{
        border-right: 1px solid #fff;/*bordure blanche menu*/
}

#menu li ul 

{       
        position: absolute;
        width: 110px;
        left: -999em;
		top:18px;
		font-variant:small-caps;
		font-weight:bold;
		font-size:13px;
		z-index:1100;
}



#menu li ul li /* Éléments de sous-listes */
{
         background-color:#ffffff;
         border-top : 1px solid #000000; 
}


html>body #menu li ul li                
{
        border-top : 1px solid #E4E4E4;
		border-right:1px solid #E4E4E4; 
		border-left:1px solid #E4E4E4; 
		border-bottom:1px solid #E4E4E4;
}



html>body #menu li ul ul                
{
        border-left : 1px solid transparent ; /* bordure transparente */
}




#menu li:hover ul, #menu2 li.sfhover ul 
/* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-listes lorsque la souris passe sur un élément de sous-liste */
{
       left: auto;  /* Repositionnement normal */
       min-height: 0;
}

/******************************************************************************************************************************************   ONGLETS   ********************/
.bg_menu2
{
	background-image:url(/img/pt_head.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:740px;
	margin:auto;
	height:110px;
}

#menu2, #menu2 ul   
{
	z-index:100;
	position:relative;
	list-style:circle;
    text-align:right;
    font-size:14px;
	color:#000;
	margin-bottom:5px;
	list-style-type:none;
    line-height :18px;
	float:right;
}


.menu2select
{
	text-decoration:none;
	color:#A21967;
	font-weight:bold;
}

#menu2 a /* Contenu des listes */
{

		font-size:14px;
        text-decoration : none;
		color:#000;
}

#menu2 a:visited/* Contenu des listes */
{

		font-size:14px;
        text-decoration : none;
		color:#000;
  

		
}

#menu2 a:hover 
{
        font-size:14px;
        cursor:pointer;
		color:#A21967;
}







/********************************************************************************************************************************************   INDEX  *****************/
.cont_index
{
	background-image:url(/img/bg_index.png);
	background-repeat:no-repeat;
	background-position:bottom;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:15px;
	border-style:none;
	padding:5px;
	min-height:620px;
	
}
.col_index_left/*index > colonne sat*/
{
     width:170px;
     float:left;
     position:relative;
     margin-left:20px;
	 padding-top:0px;
}
.col_index_middle/*index > colonne eligibilité*/
{
     width:280px;
     float:left;
     margin-left:35px;
}
.txt_col_index_middle
{
	 width:255px;
	 font-weight:normal;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:15px;
	 line-height:18px;
	 color:#000;
	 text-align:justify;
     float:left;
	 margin-top:0px;
	 margin-bottom:3px;
	 background-color:#fff;
	 border:none;
	 padding:15px;
	 -moz-border-radius:15px;
	 -webkit-border-radius: 15px; /*Chrome */ 
}
.col_index_right/*index > colonne wimax*/
{
     width:170px;
     float:left;
	 margin-left:15px;
     position:relative;
	 padding-top:0px;
}
.index_bottom
{
	 float:left;
	 padding-top:30px;
     margin-left:25px;
}
.col_index_texte/*index > colonne texte*/
{
     width:300px;
     float:left;
     margin-left:30px;
	 margin-top:10px;
	 padding-top:10px;
	 height:250px;
}
/*.col_index_right/*index > colonne wimax*/
{
     width:170px;
     float:left;
     margin-left:15px;
}


/***********************************************************************************************************************************************  TABLEAUX OFFRES  *********/
/************************************************************  nelle gamme  ***/
.estivale
{
	background-image:url(/img/bg_gamme_estivale.png);
	height:580px;
	background-position:top;
	background-repeat:no-repeat;
}
#col_1
  {
	-moz-box-shadow: 1px 1px 10px #555;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 10px #aaa;
	float:left;
	width:227px;
	margin-left:10px;
	min-height:400px;
	padding:5px;
	border:solid;
	border-color:#C0C0C0;
	border-width:1px;
	margin-bottom:15px;
	margin-top:70px;
  }
  
  #col_2
  {
	-moz-box-shadow: 1px 1px 10px #555;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 12px #aaa;
	float:left;
	width:227px;
	margin-left:10px;
	min-height:400px;
	padding:5px;
	border:solid;
	border-color:#C0C0C0;
	border-width:1px;
	margin-bottom:15px;
	margin-top:70px;
  }
  
  #col_3
  {
	-moz-box-shadow: 1px 1px 10px #555;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 10px #aaa;
	float:left;
	width:227px;
	margin-left:10px;
	min-height:400px;
	padding:5px;
	border:solid;
	border-color:#C0C0C0;
	border-width:1px;
	margin-bottom:15px;
	margin-top:70px;
  }
  
  
  .op_freezone
  {
	 -moz-box-shadow: 1px 1px 10px #555;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 10px #aaa;
	float:left;
	width:474px;
	margin-left:10px;
	background-color:#EAEAEA;
	color:#73095e;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	background-image:url(/img/picto_fz.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	text-align:right;
	font-weight:bold;
	height:48px;
	padding:5px;
	margin-bottom:15px;
  }
    .o_integrale
  {
	 -moz-box-shadow: 1px 1px 10px #555;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; /*Chrome */ 
	-webkit-box-shadow: 8px 8px 10px #aaa;
	float:left;
	width:230px;
	line-height:16px;
	margin-left:10px;
	background-color:#FFF;
	color:#636363;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	background-image:url(/img/logo_haut_debit_pour_tous.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	text-align:right;
	font-weight:bold;
	height:48px;
	padding:5px;
	margin-bottom:15px;
  }
   .titre_familles
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:20px;
	 color:#000;
	 font-weight:bold;
	 border-bottom:solid;
	 border-bottom-color:#000;
	 border-bottom-width:2px;
	 margin-top:5px;
	 margin-left:3px;
	 margin-right:3px;
	 text-indent:5px;
	 margin-bottom:12px;
}

.debit
{
	float:right;
	color:#6b194e;
	font-family:Arial, Helvetica, sans-serif;
}
.claim
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#a21467;
	margin-bottom:8px;
	
}
 
   .profil
  {
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:11px;
	  text-indent:5px;
	  text-align:left;
  }
      .abo
  {
	  float:right;
	  font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  color:#a21467;
	  clear:both;
	  margin-top:0px;
	  background-image:url(img/fleche.png);
	  background-repeat:no-repeat;
	  background-position:left;
	  text-indent:20px;
  }
    
  .img_offre
  {
	  float:left;
	  border:none;
	  }
   .mois
  {
	  font-size:70%;
	  display:inline;
  }
   .abo a 
  {
	 
	   color:#a21467;
	   text-decoration:none;
  }
    .abo a:hover
  {
	  text-decoration:none;
      color:#750D55;
  }
  
    .prix
  {
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:20px;
	  color:#6e6e6e;
	  float:right;
	  font-weight:bold;
  }
  
  .bg_offre1
  {
	  background-color:#EAEAEA;
	  margin-top:8px;
	  height:65px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; /*Chrome */
	  padding:3px;
}
  
.bg_offre2
  {
	  background-color:#d8d8d8;
      margin-top:8px;
	  height:65px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; /*Chrome */
	   padding:3px;
}
  

  .bg_offre3
  {
	  background-color:#C0C0C0;
	  margin-top:8px;
	  height:65px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; /*Chrome */ 
	   padding:3px;
  }
/********************************************************************************************************************/
.cont_tab_vide
{
	height:74px;
}
.cont_tab_offre1
{
	background-image:url(/img/tab_integrale-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
	
}
.cont_tab_offre2
{
	background-image:url(/img/tab_volume-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.cont_tab_offre3
{
	background-image:url(/img/tab_classique-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	text-align:center;
}
.cont_tab_offre4
{
	background-image:url(/img/tab_confort-trans.jpg);
	background-repeat:no-repeat;
	width:103px;
	height:74px;
	font-size:14px;
	vertical-align:bottom;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}
.cont_tab_offre5
{
	background-image:url(/img/tab_serenite-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	vertical-align:bottom;
	text-align:center;
}
.cont_tab_offre6
{
	background-image:url(/img/tab_pro-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}

.cat_tableau
{
	background-color:#636363;
	background-repeat:no-repeat;
	width:148px;
	height:25px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	text-indent:0px;
	padding-left:5px;
	padding-right:5px;
}
.cat_tableau_reception
{
	background-color:#636363;
	background-repeat:no-repeat;
	width:143px;
	height:38px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	text-indent:0px;
	padding-left:5px;
	padding-right:5px;
}
.entree_tableau_emission
{
	font-family:Verdana, Geneva, sans-serif;
	color:#dbdbdb;
	font-weight:normal;
	font-size:9px;
	padding-top:2px;
	text-indent:0px;
	padding-left:0px;
	padding-right:5px;
}

.cont_tableau
{
	background-color:#f2f2f2;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	height:45px;
}
.cont_tableau_reception
{
	background-color:#f2f2f2;
	color:#AD3572;
	font-family:Arial, Geneva, sans-serif;
	font-weight:bolder;
	font-size:16px;
	padding-top:5px;
	text-align:center;
}
.txt_tableau_emission
{
	color:#636363;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	text-align:center;
}


.tarifs_tableau
{
	background-color:#e6e6e6;
	color:#434343;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:17px;
	text-align:center;
	font-weight:bold;
	height:35px;
}

.tableau
{
     background-color:#e6e6e6;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     color:#000000;
     margin-bottom:10px;
	 border:2px;
	 border-color:#424242;
	 margin-left:5px;
     height:130px;
     text-align:center;
    /* width:760px;*/
}

.t_tableau
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    background-image:url(/img/bg_title.png);
    text-align:center;
}
.t_tableau_tel
{
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#FFFFFF;
     font-weight:bold;
     background-image:url(/img/bg_title.png);
     text-align:center;
}
.inscription_volume
{
	text-align:center;
}
.t_tarifs
{
     font-family:Arial, Helvetica, sans-serif;
     font-size:16px;
     color:#000000;
     font-weight:bolder;
}
.debits_tableau
{
     font-family:Arial, Helvetica, sans-serif;
     font-size:17px;
     color:#ba1c73;
     font-weight:bold;
}
.tg_tableau
{
     padding-left:5px;
}
.table_tel
{
	margin-bottom:15px;
}
.t_tab_tel1
{
	background-image:url(/img/tab_tel_conso-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.t_tab_tel2
{
	background-image:url(/img/tab_tel_3h-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.t_tab_tel3
{
	background-image:url(/img/tab_tel_illimite-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.t_tab_tel4
{
	background-image:url(/img/tab_tel_illimite_1h-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.t_tab_tel5
{
	background-image:url(/img/tab_tel_illimite_2h-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
.t_tab_tel6
{
	background-image:url(/img/tab_tel_illimite_4h-trans.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:74px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:20px;
	text-align:center;
}
/*****************************************************************************************************************************************   SUBVENTIONS  **************************/
.dpt_souscrire
{
	border:none;
	margin-left:220px;
}
/*****************************************************************************************************************************************   WIMAX   **************************/
.internet_wimax
{
	margin-left:180px;
	margin-bottom:30px;
	margin-top:25px;
}
.offres_wimax
{
	margin-left:30px;
}
/*************************************************************************************************************************************** CARTE ELIGIBILITE   ******************/

.map
{
     position:absolute;
     top:300px;
     margin-top:20px;
     float:left;
     margin-left:60px;
}
/*********************************************************************************************************************************************    DEVENEZ PARTENAIRE    *****************/
.part 
{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	list-style-type:square;
	line-height:24px;
}

/*********************************************************************************************************************************************    AUTRES    *****************/
.sup
{
	font-size:80%;
	vertical-align:text-top;
}
.euro
{
	font-size:85%;
}

.img_services
{
	float:left;
	margin-top:10px;
	margin-left:8px;
	margin-bottom:15px;
}

.img_float_left
{
	float:left;
}

.img_float
{
	float:right;
}
.img_options
{
	float:left;
	margin-top:10px;
	margin-left:2px;
	margin-bottom:15px;
}
.img_services_wimax
{
	float:left;
	margin-left:50px;
}

.inscription
{
     padding-right:5px;
     clear:both;
}

#conditions
{
	clear:both;
	width:760px;
	font-size:9px;
}

hr
{
     color:#000000;
}

.module-tv
{
	 clear:both;
	 padding-top:5px;
}

.video
{
     margin-left:260px;
     padding-left:10px;
}

.submit
{
    text-align:center;
}

/**********************************************************************************************************************************   FAQS   **********************************/

.faq
{   
    background-color:#ffffff;
    border:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:8px;
	padding-left:8px;
	margin-top:0px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	margin-top:5px;
}


.t_faq
{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:13px;
    color:#000;
    font-weight:bold;
	background-color:#ededed;
	padding:2px;
	width:100%;
}
/***************************************************************************************************************************   INSTALLATEURS & REVENDEURS  ******************/
.ligne_installs
{
     width:250px;
     height:2px;
     background-color:#000000;
}

#listeInstall_wrapV
{
	/*margin-left:350px;*/
}

.liste_install3
{
     position:absolute;
     top:350px;
     width:250px;
     height:299px;
     background-color:#FFFFFF;
     margin-left:400px;
     overflow: hidden;
     padding:10px;
     border:1px;
     border-style:solid;
     border-color:#c9c9c9;
}

#listeInstall3_wrapV
{
	margin-top:92px;
	margin-left:670px;
	height: 350px;
}

.titre_install
{
/*
     position:absolute;
     top:323px;*/
     width:250px;
     height:5px;
     position:relative;
     float:left;
   	 margin-left:40px;
     padding:10px;
     border:none;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
}

.liste_install
{
/*
     position:absolute;
     top:350px;*/
     position:relative;
     float:left;
     width:250px;
     height:299px;
     background-color:#FFFFFF;
   	 margin-left:40px;
     overflow: hidden;
     padding:10px;
     border:1px;
     border-style:solid;
     border-color:#c9c9c9;
}

.titre_rev
{
     /*position:absolute;
     top:323px;*/
     position:relative;
     float:left;
     width:250px;
     height:5px;
     margin-left:70px;
     padding:10px;
     border:none;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
}
.liste_rev
{
/*
     position:absolute;
     top:350px;*/
     position:relative;
     float:left;
     width:250px;
     height:299px;
     background-color:#FFFFFF;
     margin-left:60px;
     overflow: hidden;
     padding:10px;
     border:1px;
     border-style:solid;
     border-color:#c9c9c9;
}


.noms_installs
{
     font-family:Arial, Helvetica, sans-serif;
     color:#666666;
     font-size:12px;
}

		.scrollable_wrapV {
            position:relative;
            /*top:300px;*/
            /*margin-left:669px;*/
			float: left;
			width: 15px;
			background: transparent url(/img/scrollbar-track-bottom.png) no-repeat bottom left;
		}

		.scrollable_trackV-top {
			position: relative;
			width: 15px;
			height: 15px;
			background: transparent url(/img/scrollbar-track-top.png) no-repeat top left;
		}

		.scrollable_trackV {
			position: relative;
			margin-top:-15px;
			float: left;
			width: 15px;
		}

		.scrollable_handleV {
			width: 15px;
			height: 37px;
			background: transparent url(/img/scrollbar-handle-vertical-trans.png) no-repeat top right;
		}

		.scrollable_wrapH {
			float: left;
			clear: both;
			height: 15px;
			background: transparent url(/img/scrollbar-track-right.png) no-repeat top right;
		}

		.scrollable_trackH-left {
			position: absolute;
			width: 15px;
			height: 15px;
			background: transparent url(/img/scrollbar-track-left.png) no-repeat top left;
		}

		.scrollable_trackH {
			position: absolute;
			height: 15px;
		}

		.scrollable_handleH {
			width: 37px;
			height: 15px;
			background: transparent url(/img/scrollbar-handle-horizontal-trans.png) no-repeat top right;
		}

.partenaires
{
}

/************************************************************************************************************************************************** POPUPS *************/
.popup
{
     background-color:#FFFFFF;
     width:450px;
     padding:15px;
     margin:auto;
}

/*****************************************************************************************************************************************************  CARTE   *************/


.carte1
{
	float:left;
	width:550px;
	
}
.carte2
{
	 float:right;
     width:80px;
	 margin-top:100px;
	 margin-right:20px;
}
/*********************************************************************************************************************************************************  FUP  **************/
.fup
{
	 clear:both;
}
.fup1
{
     background-color:#f0f0f0;
     border:1px;
     border-color:#f0f0f0;
     border-style:solid;
     width:220px;
	 margin-left:10px;
     padding-left:10px;
     padding-right:10px;
     margin-top:20px;
     float:left;
     margin-bottom:10px;
     padding-bottom:10px;
	 padding-top:10px;
	 height:410px;
}


.detail_volume1
{
     background-color:#FFFFFF;
     border:1px;
     border-color:#f0f0f0;
     border-style:solid;
     width:340px;
     padding-left:15px;
     padding-right:15px;
     margin-top:0px;
     float:left;
     margin-bottom:10px;
     padding-bottom:10px;
	 padding-top:0px;
	 -moz-border-radius:10px;
}

.detail_volume2
{
     border:1px;
     border-color:#f0f0f0;
     border-style:solid;
     background-color:#FFFFFF;
     width:340px;
     padding-left:15px;
     padding-right:15px;
     margin-top:0px;
     float:left;
     margin-left:10px;
     margin-bottom:10px;
     padding-bottom:10px;
	 padding-top:0px;
	 -moz-border-radius:10px;
}

/**********************************************************************************************************************************************   CONTACT   ****************/
#contact
{
	top:10px;
    padding-top:10px;
    width:180px;
	margin-top:0px;
}

/******************************************************************************************************************************* FOOTER *********************/
.contFooter
{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:110px;
	height:40px;
	margin:auto;
	background-image:url(/img/souscrire-trans.png);
	background-repeat:no-repeat;
	background-position:center;
	font-size:14px;
	font-weight:bold;
	line-height:38px;
	text-align:center;
	clear:both;
}
.contFooter a
{
	color:#FFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
}


#footer
{
    padding-top:0px;
	background-color:#FFF;
	width:100%;
	height:100px;
	background-image:url(/img/bg_footer.png);
	background-repeat:repeat-x;
    background-position:bottom;
    bottom:0px;
    clear:both;
}
.txt_footer1
{
    text-align:center;
	line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#565656;
	background-position:bottom;
    bottom:0px;
	margin-left:195px;
	margin-bottom:0;
	margin-top:0;
}

.txt_footer
{
    text-align:center;
	padding-bottom:5px;
	line-height:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#565656;
    background-position:bottom;
    bottom:0px;
	margin-left:195px;
}
.txt_footer2
{
	margin-top:8px;
	margin-left:195px;
	line-height:15px;
    text-align:center;
	line-height:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#767676;
    background-position:bottom;
    bottom:0px;
	
}
.txt_footer2 a
{
	margin-top:5px;
	line-height:15px;
    text-align:center;
	line-height:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#767676;
    background-position:bottom;
    bottom:0px;

}

.txt_footer a
{
    text-align:center;
	line-height:2px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:bold;
    color:#565656;
    background-position:bottom;
    bottom:0px;
}



.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: #ffffff; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	/*.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }*/
	
	.boxy-wrapper .top-left { background: url('../img/TL-trans.png') no-repeat; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/TL-trans.png');}
	.boxy-wrapper .top-right { background: url('../img/TR-trans.png') no-repeat; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/TR-trans.png');}
	.boxy-wrapper .bottom-right { background: url('../img/BR-trans.png') no-repeat; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/BR-trans.png');}
	.boxy-wrapper .bottom-left { background: url('../img/BL-trans.png') no-repeat; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/BL-trans.png');}
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	/*
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/TL-trans.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/TR-trans.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/BR-trans.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/BL-trans.png'); }
	*/
	
	.boxy-wrapper .top { height: 35px; padding: 0 }
	.boxy-wrapper .bottom { height: 35px; padding: 0 }
	
	.boxy-wrapper .top { background: url('../img/top-trans.png') repeat-x; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/top-trans.png',sizingMethod='scale'); }
	.boxy-wrapper .bottom { background: url('../img/bottom-trans.png') repeat-x; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bottom-trans.png',sizingMethod='scale');  }
	
	.boxy-wrapper .left { width: 35px; padding: 0 }
	.boxy-wrapper .right { width: 35px; padding: 0 }
	
	.boxy-wrapper .left { background: url('../img/left-trans.png') repeat-y; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/left-trans.png',sizingMethod='scale'); }
	.boxy-wrapper .right { background: url('../img/right-trans.png') repeat-y; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/right-trans.png',sizingMethod='scale'); }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { padding-top:6px; background-color: transparent; padding: 6px; margin-top: 0px; position: relative; }
	.boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { text-align:center; font-size: 16px; color:#000; line-height: 1; margin: 0; padding: 0; font-weight: bold; font-family:Arial, Helvetica, sans-serif;background-image:none;}
	.boxy-wrapper .title-bar .close { color: black; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }