/* *********************************************************************
			Redefinition des classes générales des balises
*********************************************************************** */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	text-align:center;
}

/*
h1{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	font-size: 14px;
	color:#9C0000;
	text-align: left;
}


h2{
	font-family:arial, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-indent: 0px
}
*/
h3{
	color: #00519f;
}

hr {
  clear: both;
  visibility: hidden;
}

a {
  text-decoration : none;
  color:#48474d;
  text-indent: 0px;
  font-weight:bold;
}
a:hover {
	color:#F77600;
	background-color:transparent;
}
a:visited {
  text-decoration : none;
  border-bottom: 1px;
}

img {
	margin:0px;
	border:0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul {
	text-align:left;
	margin: 20px;
	padding: 0;
}

/*  *********************************************************************
			fin de la redefinition des classes générales des balises
*********************************************************************** */

/* utilisé dans /produits/desc_produits.ihtml */
#titre{
	text-align:center;
	margin-left: 0px;
}


#titre_vert{
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1cf3a;
}


#titre_rouge{
	margin-bottom: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #e70000;
} 

/* utilisé dans /offres/index.ihtml */
#titre_offre_1{
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 40px;
}

#titre_offre_2{
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
}

#forfaits_ligne{
	margin-top: 30px;
	margin-bottom: 30px;
}

/* utilisé dans /faq/index.ihtml */
#article{
	font-size:11px;
	border:1px solid #CCCCCC;
	margin:15px;
}


/* utilisé dans /includes/header.ihtml  */
#page {
	position: relative;
	top: 10px;
	width:760px;
	background:#fff url(images/fond_page.jpg) top center repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
}

/* utiliser dans /account/contrats/popup_renouvellement */
#popup_renouvellement {
	position: relative;
	top: 10px;
	width: 500px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	visibility: visible;
}


/* *****************************************************************************
						Pour le header
****************************************************************************** */

/* utilisé dans /includes/header.ihtml */
#header {
	/* position:absolute; */
    margin: 0px;
    height: 170px;
    width:760px;
    background: #FFFFFF;
    /*border-bottom: #000 1px solid;*/
	 /*background-image:url(https://www.toophone.com/pics/templates/banniere_en.jpg);*/
}

#header_espace_cli {
	/* position:absolute; */
    margin: 0px;
    height: 126px;
    width:760px;
    background: #FFFFFF;
    /*border-bottom: #000 1px solid;*/
	 /*background-image:url(https://www.toophone.com/pics/templates/banniere_en.jpg);*/
}

#imag {
	height:130px
}

#header a.menu{
	float:left;
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform:uppercase;
	padding:4px;
	height: 12px;
	width:118.7px;
	font-size:10px;
}

#header a.menu:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#imag a.zone_1{
	float: left;
	width : 387px;
	height: 48px;
	margin-left: 0px;
	margin-top: 0px;
	background:none;
}


#imag a.drapeau_fr{
	position:absolute;
	top:5px;
	right:150px;
	height: 12px;
	width : 18px;
	font-size:3px; /* Nécessaire pour corriger un bug d'IE */
	background: url(https://www.toophone.com/pics/flags/fr.gif);
}

#imag a.drapeau_gb{
	position:absolute;
	top:5px;
	right:120px;
	width : 18px;
	height: 12px;
	font-size:3px; /* Nécessaire pour corriger un bug d'IE */
	background: url(https://www.toophone.com/pics/flags/gb.gif);
}

#imag a.drapeau_de{
	position:absolute;
	top:5px;
	right:90px;
	width : 18px;
	height: 12px;
	font-size:3px; /* Nécessaire pour corriger un bug d'IE */
	background: url(https://www.toophone.com/pics/flags/de.gif);
}

#imag a.drapeau_es{
	position:absolute;
	top:5px;
	right:60px;
	width : 18px;
	height: 12px;
	font-size:3px; /* Nécessaire pour corriger un bug d'IE */
	background: url(https://www.toophone.com/pics/flags/es.gif);
}

#imag a.drapeau_it{
	position:absolute;
	top:5px;
	right:30px;
	width : 18px;
	height: 12px;
	font-size:3px; /* Nécessaire pour corriger un bug d'IE */
	background: url(https://www.toophone.com/pics/flags/it.gif);
}

/* *****************************************************************************
						Fin du header
****************************************************************************** */


/* *****************************************************************************
						Pour le footer
****************************************************************************** */

#footer {

   position: relative;
   clear: both;
   /*margin-top: 10px;*/
	text-align:left;
   color:#999999;
	font-size:10px;
	height:74px;
	
	/*background:#528A63;*/
	/* background-image:url(https://www.toophone.com/pics/templates/pdp.gif) */;
}

#link {
	float:left;
	margin-top:60px;
}

/*
#left {
	float:left;
	width:600px;
	background:#7BAA8C;
}

#right {
  	background:#7BAA8C;
	text-align:right;
}
*/
#footer a {
	color:#999;
	text-transform:capitalize;
	margin:2px;
}


#footer a:hover {
	color:#F77600;
}


/* *****************************************************************************
						Fin du footer
****************************************************************************** */


/* *****************************************************************************
					Pour la page de fonctionnement
****************************************************************************** */

#fonctionnement .fonctionnalites {
	float: left;
	width: 300px;	
}

#fonctionnement .texte {
	float: right;
	width: 460px;
	text-align: left;		
	border: #000 1px solid;
}

/* *****************************************************************************
					Fin de la page de fonctionnment
****************************************************************************** */

/* partie de gauche dans la plupart des pages d'index */
#sidebarleft {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 240px;
	background:url(fond_left.jpg) top repeat-y;
}

/* *****************************************************************************
					mise en page des formulaires
****************************************************************************** */
/*
form fieldset_select {
	padding: 0.5em;
	background: #0EA54E !important;
	background: none;
	border: 1px solid #536f96;
	margin: 0 0 0 4px;
	width: 148px;
	display: block;
}

form fieldset {
	padding: 1em;
	background: #eef !important;
	background: none;
	border: 1px solid #536f96;
	margin: 0px 0px 0px 0px;
	width: 450px;
	display: block; 
	line-height: 5px;
}
 
form fieldset legend {
	padding: 4px;
	border: 1px solid #536f96;
	background: #536f96;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

form label {
	display:inline;
	width: 230px;
	float:left;
	font-weight:normal;
	margin: 3px 0 3px -20px;
	line-height:12px;
}

form select {
	width:150px
}

form img{
	margin-left:210px;
}
*/


/* *****************************************************************************
					Fin de la mise en page des formulaires
****************************************************************************** */

/* concerne la partie de gauche sur la plupart des pages d'index */
#sidebarleft h2{
	font-size:12px;
	font-weight:bold;
}

/* concerne la partie de gauche sur la plupart des pages d'index */
#sidebarleft2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	margin-top:5px;
	background:url(fond_left.jpg) top repeat-y;
}

#content {
   padding: 5px;
   font-family: Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 170px;
	font-size: 12px;
	color: #383838;
	line-height:13px;
	text-align:left;
	border-left: #ccc 1px solid;
	line-height: 150%;
	text-indent: 20px;
}

#content table.center {
	text-align: center;
}

#content_alone {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;
	font-size: 12px;
	color: #383838;
	line-height:13px;
	text-align:left;
}

#content_alone.table{
	text-align: center;
}

#content_alone h2{
	color:#00659C;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #00659C;
	border-top:1px dotted #00659C;
	background-color: #9ACB21;
}

#content2{
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 10px 3px 250px;
	font-size: 12px;
	color: #383838;
	line-height:13px;
	text-align:left;
}

#content2 p{
	text-align:justify;
	line-height:130%;
	margin-top:10px;
}

#content2 img{
	float:left;
}
/* *****************************************************************************
					Contenu de la page d'index
****************************************************************************** */

#content_index {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
	line-height:13px;
	text-align:left;
	text-indent: 20px;
}

#content_index p{
	text-align:justify;
	line-height:130%;
	margin-top:10px;
}
 

/* *****************************************************************************
					Fin du contenu de la page d'index
****************************************************************************** */

#content ul {
	margin-left: 10px;
	padding: 10px;}

#content li {
	list-style-type:disc;
}

/* *****************************************************************************
					Mise en page des offres
****************************************************************************** */
#offre{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 235px;
	
}
#offre_stick{
	margin: 2px;
}


#offre_index{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	width:275px;
	border:1px solid #CCCCCC;
}

#offre_index2{
	float:right;
	padding:0px 0px 0px 0px;
	width:275px;
	border:1px solid #CCCCCC;
}

#inside_offre{
	padding:5px 5px 5px 5px;
	height:120px;
}

#inside_offre_index{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 150px;
}

#inside_offre_index img{
	float:left;
	margin:0px;
	padding:0px 20px 0px 0px;
}

#inside_offre_index_p1 {
	font-family:georgia;
	font-weight:bold;
	font-size:12px;
	color:#00519F;
	margin:0px 0px 0px 88px !important;
	margin:-115px 0px 0px 88px; 
	padding:0px 0px 0px 0px;
	height:28px;
	width:187px;
	background:url(https://www.toophone.com/pics/offres/degrade_pointilles1.jpg);
}

#inside_offre_index_p1 a{
	color:#00519F;
	background-color:transparent;
}

#inside_offre_index_p1 a:hover{
	color:#F77600;
	background-color:transparent;
}

#inside_offre_index_p2{
	font-family:verdana;
	font-size:10px;
	text-align:justify;
	margin:0px 0px 0px 88px;
	padding:5px 0px 0px 0px;
	height:50px;
	width:187px;
	background:url(https://www.toophone.com/pics/offres/degrade_pointilles2.jpg);
}

#inside_offre_index_p3{
	text-align:right;
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#F77600;
	margin:-3px 0px 0px 88px;
	padding:5px 0px 0px 0px;
	height:28px;
	width:187px;
	background:url(https://www.toophone.com/pics/offres/prix.png);
}

/* *****************************************************************************
					Fin de la mise en page des offres
****************************************************************************** */

/* *****************************************************************************
					Début de l'affichage des produits
****************************************************************************** */

.produit{
	float:left;
	margin-left:30px !important;
	margin:10px 20px 10px 20px;
	height:197px;
	width:200px;
	border:1px solid #CCCCCC;
}

.produit h1{
	text-indent:20px;
	margin:0px 0px 10px 0px;
	height:20px;
	color:white;
	text-align:center;
	/*border:2px solid #000;*/
	background:url(https://www.toophone.com/pics/box/box_haut.gif);
}

.produit img{
	display:block;
	float:left;
}

.inside_produit{
	padding:5px 5px 5px 5px;
	height:120px;
	background:none;
}

.bas{
	position:relative;
	width:200px;
	height:21px;
}

span.gauche{
	float:left;
	text-align:left;
	background-color:transparent;
}

span.droite{
	float:right;
	text-align:right;
	background-color:transparent;
}

/* Utilisée également dans les fonctionnalités */
.lien_description{
	position:absolute;
	top:8px;
	right:10px;
	height: 20px;
	width : 95px;
}

/* *****************************************************************************
					Fin de l'affichage des produits
****************************************************************************** */
/* *****************************************************************************
					Début de l'affichage des fonctionnalités
****************************************************************************** */

.fonctionnalites{
	float:left;
	margin:10px 20px 10px 20px;
	width:200px;
	border:1px solid #CCCCCC;
}

.fonctionnalites p{
	padding: -25px 5px 5px 0px;
	background:none;
}

.fonctionnalites li{
	list-style-type:none;
	text-align:center;
	line-height:200%;
	font-size:11px;
}

.fonctionnalites h1{
	text-indent:20px;
	margin:0px 0px 10px 0px;
	height:20px;
	color:white;
	text-align:center;
	/*border:2px solid #000;*/
	background:url(https://www.toophone.com/pics/box/box_haut.gif);
}

/* *****************************************************************************
					Fin de l'affichage des fonctionnalités
****************************************************************************** */

/* Page de support */
.cadre{
	float:left;
	text-align:center;
	margin:10px 20px 10px 20px;
	width:200px;
	border:1px solid #000;
}
/* Fin de la page de support */

/* Page de description des produits */
#img_produit{
	display:block;
	float:right;
}

#p_produit{
	text-align:justify;
	text-indent:30px;
}
/* Fin de la page de description des produits */

/* *****************************************************************************
					Affichage de la boite de connexion
****************************************************************************** */

#connexion{
	display:block;
	position:relative;
	top:-8px;
	right:-7px;
	float:right;
	width:90px;
	height:70px;
	margin-left:10px;
	margin-right:0px;
	background-color:#F7EFD6;
}

#connexion input{
	position:absolute;
	width:50px;
	font-size:9px;
	display:block;
	margin-top:9px;
}

#connexion p{
	position:absolute;
	text-indent:0px;
	margin-bottom:0px;
}

#connexion img{
	position:absolute;
	top:30px;
	right:0%;
	width:30px;
}

/* *****************************************************************************
					Fin de la boite de connexion
****************************************************************************** */

/* Utilisé pour centrer des éléments */
.centre{
	text-align:center;
}


/* *****************************************************************************
						Page des tarifs
****************************************************************************** */
.pays_tarifs1{
	background-color: #c7e884;
	color: #0060a2;
}

.pays_tarifs1 a{
	color: #0060a2;
}

.pays_tarifs1:hover{
	background-color: #90c526;
}

.pays_tarifs2{
	background-color: #FFFFFF;
	color: #0060a2;
}

.pays_tarifs2 a{
	color: #0060a2;
}

.pays_tarifs2:hover{
	background-color: #90c526;
}

/* pour la div de gauche de la page des tarifs */
.pays{
	position:absolute;
	left:0 !important;
	background-color:transparent;
}

/* pour la div de droite de la page des tarifs */
.tarifs {
	position:absolute;
	right:0;
	background-color:transparent;
}

/* *****************************************************************************
						Fin de la page des tarifs
****************************************************************************** */

/* *****************************************************************************
						Page des offres
****************************************************************************** */

/* cadre pour les titres des offres au niveau de la description des offres*/
.titlerubrique1 {
	width:484px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #990000;
	border-top:1px dotted #990000;
	background-color: #eeeeee;
}

/* cadre pour les titres des offres au niveau de la description des offres*/
.titlerubrique {
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #990000;
	border-top:1px dotted #990000;
	background-color: #eeeeee;
}

/* partie de la mise en page de la description des offres */
.pagination_offre {
	width: 760px;
	position:relative;
	float:left;
	text-align: left;
	margin-left: 0px;
}

.pagination_offre h2{
	color:#00659C;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #00659C;
	border-top:1px dotted #00659C;
	background-color: #9ACB21;
}

/* *****************************************************************************
					Fin de la page des offres
****************************************************************************** */

/* *****************************************************************************
					Page "plan du site"
****************************************************************************** */

ul li ul , ul li{
	margin-top:-3px !important;
	margin-bottom:-3px;
	line-height:150%;
	padding-top:0px !important;
}

.remonte{
margin-top:-25px;
}

li.pas_de_puce{
	list-style-type:none;
	display:block;
	position:relative;
	top:0px !important;
	top:-9px;
}

ul li{
	line-height:170%;
}

/* *****************************************************************************
					Fin de la page "plan du site"
****************************************************************************** */

/* *****************************************************************************
						Popups
****************************************************************************** */
body#popup{
	margin:0px;
	padding-top:2px;
}
/* *****************************************************************************
						Fin des popups
****************************************************************************** */

/* *****************************************************************************
					Module de commande
****************************************************************************** */
/* partie de gauche*/
#left_cmd {
	float: left;
	text-align:left;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 500px;
	background:url(fond_left.jpg) top repeat-y;
	margin: 10px 10px 10px 10px;
}

#left_cmd h1{
	margin-left:-20px;
}

/* titre de niveau 2 de la partie de gauche */
#left_cmd h2{
	float:left;
	margin-left:-10px;
	font-size:14px;
	font-weight:normal;
}

/* Début des éléments concernant la barre de progression */
#barre_progression{
	float:right;
	margin-right:60px;
}

#barre_progression h4{
	float:left;
	margin:0;
	margin-right:1px;
	padding:2px;
	border:1px #000 solid;
	background:#EFF7D6;
	color:#999;
	width:85px;
	text-align:center;
}

#barre_progression h4.courant{
	background:#94CB21;
	color:#FFA;
	border: 1px #00F solid;
}
/* Fin des éléments concernant la barre de progression */

/* partie de droite*/
#right_cmd{
	font-family: Arial, Helvetica, sans-serif;
	width:220px;
	margin: 10px 10px 10px 520px;
	text-align:center;
	border: 1px #000 solid;
}

#left_ident{
	clear:both;
	float: left;
	text-align:left;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	background:url(fond_left.jpg) top repeat-y;
	margin: 10px 10px 10px 10px;
}

#right_ident{
	font-family: Arial, Helvetica, sans-serif;
	width:350px;
	margin: 100px 10px 10px 390px;
	text-align:center;
	border: 1px #000 solid;
}

#right_cmd label,#right_ident label{
	display:inline;
	width: 70px;
	float:left;
	font-weight:normal;
	margin: 3px 0 3px -20px;
	line-height:12px;
}

#right_ident label{
margin-left:50px;
}

#identification{
	height:100px;
	border: 1px #00F solid;
}


/*-------------------------------------------------------------*/

/************************/
/*                      */
/*        CORPS         */
/*                      */
/************************/

#corps{
	position: relative;
	padding-bottom: 30px;
	text-align: left;
	height: 420px;

}

/* Hack pour assurer la hauteur de la div corps sous IE et Moz */

html>body #corps {
height: auto;
min-height: 420px;
}

#classeur{ 
	position: relative;
	left: 10px;
	text-align: left;
	width: 730px;
	height: 420px;
}

/* Hack pour assurer la hauteur de la div corps sous IE et Moz */

html>body #classeur {
height: auto;
min-height: 420px;
} 

/**********************************/
/*                                */
/*     MENU DE GAUCHE  PUBLIC     */
/*                                */
/**********************************/

#menu_gauche{
	position: absolute;
	top: 10px;
	left: 10px;
	/*margin-bottom: 10px;*/
	width:200px;
	/*border:1px solid #CCCCCC;*/
	/*background-color: #004eff;*/
	/*float: left;*/
}

.box_menu_gauche h1{
	color:white;
	text-align:center;
	/*border:2px solid #000;*/
	/*background:url(https://www.toophone.com/pics/box/box_haut_2.png);*/
}

#box_menu_gauche_titre{
	width: 200px;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	color:white;
	font-weight: bold;
	font-size: 12px;
	background-image:url(https://www.toophone.com/pics/box/box_haut_3.png);
	background-repeat: no-repeat;
}

#box_menu_gauche_contenu{
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(https://www.toophone.com/pics/box/box_contenu_3.png);
	background-repeat: repeat-y;
	font-size: 10px; 
}

#box_menu_gauche_bas{
	width: 200px;
	height: 28px;
	background-image:url(https://www.toophone.com/pics/box/box_bas_3.png);
	background-repeat: no-repeat;
	background-position: 0px -8px;
}

.box_menu_gauche a{
	text-decoration : none;
	color:#48474d;
	font-weight:bold;
	font-size: 10px;
}

.box_menu_gauche a:hover {
	color:#F77600;
	background-color:transparent;
}


#credit{
  position: relative;
  float:left;
  width:680px;
  padding: 10px 10px 10px 10px;
  margin-left: 7px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: auto;
  text-align:center;
  border: solid 1px #cccccc;
}


/******************************************/
/*                                        */
/*     MENU DE GAUCHE ESPACE CLIENT       */
/*                                        */
/******************************************/

#menu_gauche_espace_cli{
	position: absolute;
	top: 10px;
	left: 10px;
	/*margin-bottom: 10px;*/
	width:200px;
	/*border:1px solid #CCCCCC;*/
	/*background-color: #004eff;*/
	/*float: left;*/
}

.box_menu_gauche_espace_cli h1{
	color:white;
	text-align:center;
	/*border:2px solid #000;*/
	/*background:url(https://www.toophone.com/pics/box/box_haut_2.png);*/
}

#box_menu_gauche_espace_cli_titre{
	width: 200px;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	color:white;
	font-weight: bold;
	font-size: 12px;
	background-image:url(https://www.toophone.com/pics/box/box_haut_3.png);
	background-repeat: no-repeat;
}

#box_menu_gauche_espace_cli_contenu{
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(https://www.toophone.com/pics/box/box_contenu_3.png);
	background-repeat: repeat-y;
	font-size: 10px; 
}

#box_menu_gauche_espace_cli_bas{
	width: 200px;
	height: 28px;
	background-image:url(https://www.toophone.com/pics/box/box_bas_3.png);
	background-repeat: no-repeat;
	background-position: 0px -8px;
}

.box_menu_gauche_espace_cli a{
	text-decoration : none;
	color:#48474d;
	font-weight:bold;
	font-size: 10px;
}

.box_menu_gauche_espace_cli a:hover {
	color:#F77600;
	background-color:transparent;
}


/***********************************/
/*                                 */
/*     MENU DE GAUCHE PANIER       */
/*                                 */
/***********************************/

#menu_gauche_panier{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 250px;
	/* border: 1px solid; */
}

#menu_gauche_panier_titre{
	width: 250px;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_titre.png); */
	background-repeat: no-repeat;
	/* border: 1px solid; */
}

#menu_gauche_panier_contenu{
	width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_corps.png);
	background-repeat: repeat-y;
	font-size: 10px;
	/* border: 1px solid; */
}

#menu_gauche_panier_bas{
	width: 250px;
	height: 28px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_bas.png);
	background-repeat: no-repeat;
	background-position: 0px -12px;
	/* border: 1px solid; */
	text-align: center;
}

/***********************************/
/*                                 */
/*     PANIER RENOUVELLEMENT       */
/*                                 */
/***********************************/

#panier_renouvellement{
	margin: 10px auto 10px auto;
	width: 250px;
	/*border: 1px solid;*/
	border-collapse: collapse;
}

#panier_renouvellement_titre{
	width: 250px;
	height: 28px;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_titre.png); */
	background-repeat: no-repeat;
	/* border: 1px solid; */
}

#panier_renouvellement_contenu{
	width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_corps.png);
	background-repeat: repeat-y;
	font-size: 10px;
	/* border: 1px solid;*/
}

#panier_renouvellement_bas{
	width: 250px;
	height: 28px;
	background-image:url(https://www.toophone.com/pics/commande/panier_fond_bas.png);
	background-repeat: no-repeat;
	background-position: 0px -12px;
	/* border: 1px solid; */
	text-align: center;
}


/*********************/
/*                   */
/*      MESSAGE      */
/*                   */
/*********************/

#message
{
	text-align: center;
	width: 75%;
	border: solid 1px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

/******************************/
/*                            */
/*     AIDE INSCRIPTION       */
/*                            */
/******************************/

.aide_inscription{
	text-align: left;
	margin: 5px 5px 5px 5px;  
}

.aide_inscription_titre{
	text-align: center;
	font-weight: bold;
}
	

/**********************************/
/*                                */
/* CONTENU PUBLIC (partie droite) */
/*                                */
/**********************************/

#contenu{
	position: relative;
	/* top: 10px;
	left: 230px; */
	margin: 10px;
	width: 100%;
	min-height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border: 1px solid #CCCCCC;*/
	/*line-height:13px;*/
	text-align:left;
	/*background-color: #ffc600;*/
	/*float: left; */
}

#contenu_accueil{
	position: relative;
	top: 10px;
	left: 250px;
	margin-bottom: 10px;
	width: 500px;
	min-height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border: 1px solid #CCCCCC;*/
	/*line-height:13px;*/
	text-align:left;
	/*background-color: #ffc600;*/
	/*float: left;*/
}
/*
#contenu h2{
	color:#00659C;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #00659C;
	border-top:1px solid #00659C;
	background-color: #9ACB21;
}
*/

#contenu p{
	text-align:left;
}

#contenu p.centre{
	text-align:center;
}

#contenu p.petit{
	font-size:10px;
}

#contenu p.souscrire{
	text-align:center;
	font-size:15px;
}

#contenu p.titre_vert{
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1cf3a;
}

#contenu p.titre_bleu{
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00659C;
}

#contenu p.titre_offre{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#00659C;
}

#contenu p.retour_offre{
	text-align:right;
	font-size:8px;
}

#contenu p.retour_accueil{
	text-align:center;
}

#contenu_seul{
	position: relative;
	top: 10px;
	left: 5px;
	margin-bottom: 10px;
	width:750px;
	min-height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}

#contenu_seul p.titre_vert{
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1cf3a;
}

#contenu_seul p.titre_orange{
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff4100;
}

#contenu_seul p.centre{
	text-align:center;
}


/**************************************/
/*                                    */
/* CONTENU ESPACE CLI (partie droite) */
/*                                    */
/**************************************/

#contenu_espace_cli{
	position: relative;
	top: 10px;
	left: 220px;
	margin-bottom: 20px;
	width: 480px;
	min-height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	/*line-height:13px;*/
	text-align:left;
	/*background-color: #ffc600;*/
	float: left;
}

/************************************/
/*                                  */
/* CONTENU COMMANDE (partie droite) */
/*                                  */
/************************************/

#contenu_commande{
	position: relative;
	top: 10px;
	left: 280px;
	margin-bottom: 10px;
	width: 450px;
	min-height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border: 1px solid #CCCCCC;*/
	/*line-height:13px;*/
	text-align:left;
	/*background-color: #ffc600;*/
	/*float: left; */
}

#contenu_commande p.titre_orange{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff4100;
}

#contenu_commande p.centre{
	text-align:center;
}

/*
#contenu_commande img{
	clear: both;
	margin: 0px;
	padding: 0px;
}
*/

#bouton_add_pan a.add_pan{
	float: left;
	background:url(https://www.toophone.com/pics/commande/cmd_ajout_pan_ombre_fr.png);
	background-repeat: no-repeat;
	background-position: center;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
	font-size: 14px;
}

#bouton_add_pan a.add_pan:hover {
	background:url(https://www.toophone.com/pics/commande/cmd_ajout_pan_fr.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*****************************/
/*                           */
/*  PREMIERE PAGE COMMANDE   */
/*                           */
/*****************************/

#no_connect {
	border-spacing: 0px;
	border: 1px solid;
}

#no_connect td.separation{
	border-right: 1px solid;
}	


/*******************/
/*                 */
/* COMMANDE OFFRE  */
/*                 */
/*******************/

#commande_offre{
	border: 1px solid;
}


/*--------------------------------*/
/*     BOX PRODUIT                */
/*--------------------------------*/

#box_produit_1{
	width: 200px;
	height: 150px;
	margin: 20px 15px 20px 20px;
	float: left;
	border-style: solid;
	border-width: 1px;
  	border-color: #c6c6c6;
  	background-image:url(https://www.toophone.com/pics/products/fond_box_prod.jpg);
}



#retour_bas_centre{
	clear: both;
	text-align:center;
	font-size:8px;
}

/*-------------------------------------*/
/*                                     */
/*    MISE EN PAGE FORMULAIRE          */
/*                                     */
/*-------------------------------------*/

#form_insc{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

/* 
form fieldset_select {
	padding: 0.5em;
	background: #0EA54E;
	background: none;
	border: 1px solid #536f96;
	margin: 0 0 0 4px;
	width: 148px;
	display: block;
}
*/

form fieldset {
	padding: 10px;
	/* background: #eef ;
	background: none; */
	border: 1px solid #536f96;
	margin: auto 0px auto 0px;
	/*display: block;*/ 
	width: 490px;
	line-height: 5px;
	background-image:url(https://www.toophone.com/pics/formulaire/fond_form_insc.jpg);
}
 
form fieldset legend {
	padding: 4px;
	border: 1px solid #536f96;
	background: #536f96;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

form label {
	display:inline;
	width: 200px;
	float:left;
	font-weight:normal;
	margin: 3px 0 3px 10px;
	line-height:12px;
}

form select {
	width:200px
}

form img{
	/*margin-left:210px;*/
}


/* Formulaire liste d'appels */
form.selectdate {
  text-align:center;
}

form.selectdate select {
	width:60px
}

form.selectdate input.bouton {
	 background-image: url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	 width:120px;
	 height:18px;
	 border: 0px;
	 font-size: 11px;
	 font-weight: bold;
	 vertical-align: middle;
}



/* Formulaire auth */

#auth {
	position:absolute;
	top: 0px;
	right: 2px;
	border: 0px solid #DDDDDD;
	height: 60px;
}

table.auth {
	border-collapse: collapse;
}

table.auth td.label {
	text-align:right;
	vertical-align: middle;
	color: #196391;
	font-size: 8pt;
}

table.auth td.champ {
	text-align:left;
	vertical-align: middle;
}

table.auth td.lost {
	text-align:right;
	vertical-align: top;
	color: #196391;
	font-size: 6pt;
}

table.auth a {
	color: #196391;
	font-weight: normal;
}

table.auth a:hover {
	color: #F77600;
}


form.auth input {
	 background-color:#a6d0eb;
	 border: 0px solid #196391;
	 color: #196391;
	 font-size: 8pt;
}

form.auth input.bouton {
	 background-color:#a6d0eb;
	 color:#196391;
	 border:1px solid #196391;
	 font-size: 8px;
	 font-weight: bolder;
}

form.auth input.bouton:hover {
	 background-color:#a6d0eb;
	 color:#F77600;
	 border:1px solid #F77600;
	 font-size: 8px;
	 font-weight: bolder;
}

/* Bouton ajouter au panier */
/*
#bouton_add_pan{
	 color: #48474d;
	 background-color: #FFFFFF;
	 border: 0px;
	 font-size: 10px;
	 font-weight: bold;
}

#bouton_add_pan:hover {
	 
	 background-color: #FFFFFF;
	 color:#F77600;
	 border: 0px;
	 font-size: 10px;
	 font-weight: bold;
}
*/
/* Bouton vider le panier */
#bouton_vide_pan{
	 color: #48474d;
	 background-color: transparent;
	 border: 0px;
	 font-size: 10px;
	 font-weight: bold;
}

#bouton_vide_pan:hover {
	 color:#F77600;
	 border: 0px;
	 font-size: 10px;
	 font-weight: bold;
}


/* Champ quantite dans commande produit */

#champ_quantite{
	border: 0px;
	background-color: #bdbdbd; 
}

/* Formulaire ajout CB */

#form_ajout_cb {
	width: 620px;
	margin-left: 100px;	
}

#form_ajout_cb td.libelle{
	width: 320px;
	text-align: left;	
}

#form_ajout_cb td.erreur{
	width: 150px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

/* Formulaire modif CB */

#form_modif_cb {
	width: 620px;
	margin-left: 100px;
}

#form_modif_cb td.libelle{
	width: 320px;
	text-align: left;
}

#form_modif_cb td.erreur{
	width: 150px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

#form_modif_cb td.info{
	height: 50px;
	vertical-align: middle;  
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

/*--------------------------*/
/*                          */
/*    MISE EN PAGE FAQ      */
/*                          */
/*--------------------------*/

#article{
	font-size: 11px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 2px;
}

#article h1{
	font-size: 13px;
	color: #00659C;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}

#article table{
	font-size: 9px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-collapse: collapse;
}


/****************************/
/*                          */
/* ESPACE CLIENT : ONGLETS  */
/*                          */
/****************************/

#corps_onglet {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	margin-bottom: 10px;
	border-top: 0px;
	position: relative;
	top: 0px;
	text-align: left;
	width: 726px;
	height: 390px;
	background-color:transparent;
	background-image:url(/pics/logos/logo_fond_small.png);
  background-repeat: no-repeat;
  background-position: 400px 170px;
  float: left;
}

/* Hack pour assurer la hauteur de la div corps sous IE et Moz */

html>body #corps_onglet {
	height: auto;
	min-height: 390px;	
} 

#corps_onglet_in {

  background-color:transparent;
	position: relative;
	top: 0px;
	left: 0px;
	width: 724px;
	min-height: 390px;	
	border: 1px solid #FFFFFF;
  border-bottom: 0px;
  float: left;
}

#menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px #000000 ; /* crée le trait noir en-dessous des onglets */
  padding-top:10px ; /* marge intérieure haute */
  padding-bottom:0px} /* marge intérieure basse */
  

.onglet { /* style des onglets inactifs */
  margin: 0px 0px 0px 0px ; /* marge extérieure */
  padding: 3px 0px 0px 0px ; /* marge intérieure */
  font-size : 11px ; /* taille de la police des onglets */
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:117px ; /* largeur de la boite float */
  height: 18px; /* hauteur minimum de la boite */ 
  background : url(/pics/templates/fond_onglet2.png) bottom no-repeat ;  /*image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  font-weight: bold; /* La police est en gras lorsque l'onglet n'est pas actif */
  color: #FFFFFF;
  text-align:center; /* Le texte des onglets est centré */
  vertical-align:bottom} /* Le texte des onglets est centré verticalement */

a.onglet:hover {color:#DFDFDF} /* lors du survol d'un lien, la police devient verte */

.onglet-actif { /* style de l'onglet de la page active */
  position:relative ; /* l'onglet inactif est mis en position relative */
  top:3px ; /* pour pouvoir baisser l'onglet de 2 pixels */
  border-bottom : solid 0px white; /*on efface le trait inférieur du menu */
  font-weight: bold; /* La police est normal lorsque l'onglet est actif */
  color: #476012;
  background : url(/pics/templates/fond_onglet2_actif.png) bottom no-repeat ;
}  

.spacer {clear:both} /* force le retour à la ligne après des boites float */

#corps_onglet_in p{
	margin-top: 10px;
	margin-bottom: 10px;
}


#accroche{
	position: absolute;
	top: 130px;
	left: 270px;
	width: 460px;
	height: 200px;
	text-align: justify;
	font-size: 10px;
}


/*----------------------------------*/
/*                                  */
/*   ESPACE CLIENT : LES BOUTONS    */
/*                                  */
/*----------------------------------*/

#bouton {
}

#bouton a.bouton{
	float: left;
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform:uppercase;
	padding:4px;
	height: 12px;
	width:118.7px;
	font-size:10px;
}

#bouton a.bouton:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#raz {
	clear:both;
}

/*-------------------------------------*/
/*                                     */
/*   ESPACE CLIENT : DONNEES PERSO     */
/*                                     */
/*-------------------------------------*/


table.donnees_perso {
  	background-color:transparent;
	font-family : Arial, Helvetica, sans-serif;
	margin: 5px 10px 0px 5px;
	padding: 0px;
	border: 1px solid #cccccc;
	width: 710px;
	border-collapse: collapse;
	color: #000000;
	/*font-size : 11px;*/
	text-align: left;	
}

table.donnees_perso th {
	text-align: center;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;
	background: url("/pics/box/box_haut_4.png") no-repeat left;
  	background-repeat: repeat-x;
}

#label{
	width: 100px;
	height: 30px;
	text-align:right;
	/*border: 1px solid;*/
}

#champ{
	height: 30px;
	text-align:left;
	font-weight: bold;
	/*border: 1px solid;*/
}

#label_rouge{
	font-size: 11px;
	text-align: center;
	font-style: italic;
	color: red;
}

#donnees_perso_pied{
	height: 60px;
}

#erreur_perso{
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*------------------------------------------*/
/*                                          */
/*   ESPACE CLIENT : LISTE DES CONTRATS     */
/*                                          */
/*------------------------------------------*/

table.contratlist {
   float: left;
   position: relative;
   background-color:transparent;
	font-family : Arial, Helvetica, sans-serif;
	margin: 10px 5px 25px 5px;
	padding: 0px;
	border: 1px solid #cccccc;
	width: 495px;
	border-collapse: collapse;
	color: #000000;
	font-size : 11px;
	text-align: left;	
}

tr.contratlisttitle {
  background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
}

table.contratlist th {
	text-align: center;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;

}

/*------------------------------------------*/
/*                                          */
/*   ESPACE CLIENT : LISTE DES FACTURES     */
/*                                          */
/*------------------------------------------*/

table.facturelist {
	background-color:transparent;
	font-family : Arial, Helvetica, sans-serif;
	margin: 10px 10px 25px 5px;
	padding: 0px;
	border: 1px solid #cccccc;
	width: 200px;
	border-collapse: collapse;
	color: #000000;
	font-size : 11px;
	text-align: left;	
}

tr.facturelisttitle {
  background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
}

table.facturelist th {
	text-align: center;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;

}

table.facturelist td {
	font-size : 11px;
	padding-top: 2px;
	padding-bottom: 2px;
   padding-left: 5px;
}

/*-------------------------------------*/
/*                                     */
/*   ESPACE CLIENT : LISTE DES APPELS  */
/*                                     */
/*-------------------------------------*/

div.tableappel{
  background-color:transparent;
  border: 0px;
  float: left;
  margin-left: 5px;
  width: 706px;
}

table.appellist {
  position: relative;
  float:left;
	background-color:transparent;
	font-family : Arial, Helvetica, sans-serif;
	margin: 5px 10px 25px 5px;
	padding: 0px;
	border: 1px solid #cccccc;
	width: 97%;
	border-collapse: collapse;
	color: #000000;
	font-size : 11px;
	text-align: left;	
}

tr.appellistetitle {
  background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
}

table.appellist th {
	text-align: left;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;

}

table.appellist td {
	font-size : 11px;
	padding-top: 2px;
	padding-bottom: 2px;
  padding-left: 5px;
}

p.titre_vertappel{
  position: relative;
	margin-top: 25px;
	margin-bottom: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1cf3a;
}

#bouton_detail {
  position: relative;
  margin-right: 10px;
  margin-top: 0px;
  overflow: hidden;
  float: right;
  text-align: center;
}

#bouton_detail a.bouton{
	float: left;
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform:uppercase;
	padding:4px;
	height: 12px;
	width:118.7px;
	font-size:10px;
}

#bouton_detail a.bouton:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}







/*----------------*/
/*                */
/* POUR LE PANIER */
/*                */
/*----------------*/

#table_panier{
	border: 0px solid;
}

#table_panier td.titre{
	text-align: center;
	font-style: italic;
	background-color: #dbdbdb;
}

#table_panier td.total{
	text-align: center;
	font-weight: bold;
}

#table_panier td.totalnum{
	text-align: right;
	font-weight: bold;
}

#table_panier td.ttc{
	text-align: left;
	font-weight: bold;
}

#table_panier td.quantite{
	text-align: center;
}

#table_panier td.duree{
	text-align: center;
}

#table_panier td.prix{
	text-align: right;
}


/*------------------------*/
/*                        */
/* POUR COMMANDE PRODUIT  */
/*                        */
/*------------------------*/

#table_commande_produit{
	border: 1px solid;
	border-collapse: collapse;
}

#table_commande_produit td.bord_droit{
	border-right: 1px solid;
}

#table_commande_produit td.bord_droit_bas{
	border-right: 1px solid;
	border-bottom: 1px solid;
}

/*----------------------------*/
/*                            */
/* POUR COMMANDE COORDONNEES  */
/*                            */
/*----------------------------*/

#table_coordo{
	border: 1px solid;
	border-collapse: collapse;
}

#table_coordo td.bord_bas{
	border-bottom: 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

#table_coordo td.espace_haut{
	padding-top: 10px;
	padding-bottom: 10px;
}

#table_coordo input.champ_liv{
	border: 0px;
	background-color: #dbdbdb;
}

#table_coordo textarea.champ_liv{
	border: 0px;
	background-color: #dbdbdb;
}

#table_coordo select.champ_liv{
	border: 0px;
	background-color: #dbdbdb;
}

/*-----------------------------*/
/*                             */
/* POUR LE RECAP DES COMMANDES */
/*                             */
/*-----------------------------*/

#recap_commande{
	border: 1px solid;
}

#recap_commande td.votre_commande{
	font-size: 13px;
	color: #00659C;
	font-weight: bold;
}

#recap_commande td.intro_recap_commande{
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}

#recap_commande td.cell_corps_recap_commande{
	padding-top: 10px;
	padding-bottom: 10px;
}

#corps_recap_commande{
	border:1px solid;
	border-collapse: collapse;
}

#corps_recap_commande td{
	border:1px solid;
}

#corps_recap_commande td.titre{
	font-weight: bold;
	font-style: italic;
	background-color: #dbdbdb;
}

#corps_recap_commande td.netapayer{
	font-size: 12px;
	font-weight: bold;
	background-color: #dbdbdb;
}

#corps_recap_commande td.netapayernum{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid;
	background-color: #dbdbdb;
}

#recap_commande_info{
	font-style: italic;
	color: red;
	text-align: center;
}

#titre_cgdv{
	text-align: center;
	border: 1px solid;
}

#titre_cgdv p{
	font-size: 13px;
	color: #00659C;
	font-weight: bold;
	text-align: center;
}

/*----------------------------------*/
/*                                  */
/* POUR LE DESCRIPTIF DES PRODUITS  */
/*                                  */
/*----------------------------------*/

#detail_prod{
}

#detail_prod td.nom_prod{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

#detail_prod td.prix_prod{
	text-align: right;
	font-size: 12px;
	font-weight: bold;	
}

#detail_prod td.retour{
	text-align: center;
	font-size: 8px;	
}

/*----------------------------------*/
/*                                  */
/* POUR LA LISTE DES CB             */
/*                                  */
/*----------------------------------*/

#liste_cb{
	width: 700px;
	margin-left: 40px;
}

#une_cb{
	float: left;
	width: 300px;
	margin: 20px 20px 20px 20px;
}

/*--------------------------------------*/
/*                                      */
/* POUR PAS DE CB PENDANT LA COMMANDE   */
/*                                      */
/*--------------------------------------*/

#pas_de_carte{
}

#pas_de_carte td.erreur{
	height: 50px;
	font-weight: bold;
	color: red;
	font-size: 12px;
	vertical-align: middle; 
	text-align: center;
}

#pas_de_carte td.infos{
	height: 150px;
	font-style: italic;
	vertical-align: middle;
	text-align: center;
}

#pas_de_carte td.bout{
	height: 50px;
	vertical-align: middle;
	text-align: center;
}

/*-----------------------*/
/*                       */
/* POUR TOOPHONE FLASH   */
/*                       */
/*-----------------------*/

#too_flash{
	position: absolute;
	top: 275px;
	left: 230px;
	
}

#tarif_flash{
	position: absolute;
	top: 0px;
	left: 230px;
	
}

#anim_flash{
	position: absolute;
	top: 100px;
	left: 240px;
	
}


/*--------------------------------*/
/*                                */
/* POUR LES TITRES DE SECTIONS    */
/*                                */
/*--------------------------------*/

#nosoffres{
	background-image: url(https://www.toophone.com/pics/titres/titre_offres.png);
	width: 200px;
	height: 36px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#nosproduits{
	background-image: url(https://www.toophone.com/pics/titres/titre_produits.png);
	width: 245px;
	height: 34px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#nostarifs{
	background-image: url(https://www.toophone.com/pics/titres/titre_tarifs.png);
	width: 185px;
	height: 36px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#fonctionnement{
	background-image: url(https://www.toophone.com/pics/titres/titre_fonctionnement.png);
	width: 302px;
	height: 33px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#inscription{
	background-image: url(https://www.toophone.com/pics/titres/titre_inscription.png);
	width: 202px;
	height: 33px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#apropos{
	background-image: url(https://www.toophone.com/pics/titres/titre_apropos.png);
	width: 179px;
	height: 33px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#softphone{
	background-image: url(https://www.toophone.com/pics/titres/titre_softphone.png);
	width: 240px;
	height: 33px;
	margin-left: 40px;
	margin-bottom: 20px;
}

/**************************/
/*                        */
/* Pour la section offres */
/*                        */
/**************************/

#menu_offres{
	width: 600px;
	margin: auto;
	text-align: center;
}

#menu_offres td.brillant:hover{
	background-image: url(https://www.toophone.com/pics/offres/brillance.png);
	background-position: center;
	background-repeat: no-repeat;
}

#menu_produits{
	width: 600px;
	margin: auto;
	text-align: center;
}

#menu_produits td.brillant:hover{
	background-image: url(https://www.toophone.com/pics/offres/brillance.png);
	background-position: center;
	background-repeat: no-repeat;
}


#description_offres {
	width: 95%;
	font-size: 14px;
	margin: auto;
	text-align: center;
}

#description_offres p{
	text-align: left;
}

#description_offres h3{
	text-align: left;
}

#description_offres h3.descoffre{
	color: #a1cf3a;
}

#description_offres h3.descoption{
	color: #00519f;
}

#description_offres .titreoffre{
		
	/*width: 90%;
	color: #a1cf3a;
	text-align: left;
	text-transform: uppercase;
	text-decoration:underline;
	font-size: 20px;
	font-weight: bold;*/
}

#description_offres .titreoption{
	width: 90%;
	color: #00519f;
	text-align: left;
	text-transform: uppercase;
	text-decoration:underline;
	font-size: 20px;
	font-weight: bold;
}

#description_offres h3.descproduit{
	color: #a1cf3a;
}

#description_offres .titreproduit{
	color: #a1cf3a;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	text-decoration:underline;
	font-size: 20px;
	font-weight: bold;
}

#description_offres {
	width: 95%;
	font-size: 14px;
	margin: auto;
}

#note {
	font-size: 10px;
	font-style: italic;
}

#tarifsoffre{
	width: 95%; 
	text-align: left;
	border-collapse: collapse;
}

#tarifsoffre th{
	background-color: #a1cf3a;
	text-align: center;
	width: 33%;
	border: solid 1px;
}

#tarifsoffre th{
	background-color: #a1cf3a;
	text-align: center;
	width: 33%;
}

#tarifsoffre td.bord{
 	vertical-align: top;
	border: solid 1px;
}

#description_offres a.souscrire{
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: center;
	text-transform:uppercase;
	padding: 5px 30px 5px 30px;
	height: 16px;
	width: 117px;
	font-size: 14px;
}

#description_offres a.souscrire:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: center;
}

#description_offres a.retour{
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: center;
	text-transform:uppercase;
	padding: 5px 40px 5px 40px;
	height: 12px;
	width: 117px;
	font-size: 10px;
}

#description_offres a.retour:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: center;
}

#description_produits {
	width: 95%;
	font-size: 14px;
	margin: auto;
	text-align: center;
}

/********************/
/*                  */
/* SECTION COMMANDE */
/*                  */
/********************/

#commande_vue_options{
	width: 100%;
	border: solid 1px;
	border-collapse: collapse;
}

#commande_vue_options td.bord_droit_bas{
	border-right: 1px solid;
	border-bottom: 1px solid;
}

/*
#ajout_panier {
	height: 40px;
	width:77px;
	background:url(https://www.toophone.com/pics/commande/cmd_ajout_pan_ombre_fr.png);
	margin-right: auto;
	margin-left: auto;
}

#ajout_panier:hover {
	height: 40px;
	width:77px;
	background:url(https://www.toophone.com/pics/commande/cmd_ajout_pan_fr.png);
	margin-right: auto;
	margin-left: auto;
}
*/

/**********************/
/*                    */
/*    Compte client   */
/*                    */
/**********************/



table.contenu_contrat {
  width:470px;
  margin: 10px 10px 10px 10px;
  font-size : 11px;
  padding: 4px;
  border: solid 1px #cccccc;
  background: url('/pics/fonds/afond.png'); 
  background-repeat: repeat-y;
  background-color:transparent;
	border-collapse: collapse;
	text-align: left;	
  
}

table.contenu_contrat th {
	text-align: center;
	padding: 0px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;
	background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
}

table.contenu_contrat td{
  padding: 3px; 
  text-align:left;
  font-size: 11px;
}

table.contenu_contrat td.gauche{
  width:345px;
  padding: 2px;
  text-align:left;
  font-size: 11px;
}

table.contenu_contrat td.droit{
  width:125px;
  padding: 2px;
  text-align:left;
  font-size: 11px;
}


table.contenu_contrat a{
  text-decoration : none;
  text-indent: 0px;
  font-weight:bold;
  font-size: 11px;
	color: #587817;
}

div.bouton_renew {
  position: relative;
  margin-right: 0px;
  margin-top: 0px;
	width:120px;
  overflow: hidden;
  float: right;
  text-align: center;

}

div.bouton_renew a{
	float: right;
	background:url(https://www.toophone.com/pics/boutons/bouton_inactif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform:uppercase;
	padding:4px;
	height: 14px;
	width:118.7px;
	font-size:10px;

}

div.bouton_renew a:hover {
	background:url(https://www.toophone.com/pics/boutons/bouton_actif.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

select.form_alert {
  width:50px;
}

/********************************
 Tableau téléchargement Softphone
 ********************************/
 
#download_soft {
	width: 80%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#download_soft th {
	border: solid 1px;
	font-size: 12px;
	text-align: center;
	background-color: #CDCDCD;
}

#download_soft td {
	border: solid 1px;
	font-size: 14px;
	text-align: center;
	background-color: #FFFFFF;
}


/****************************************
 *    Page d'accueil du compte client   *
 ****************************************/   

div.ContenerGauche
{
  background-color:transparent;
  float:left;
  margin: 0px;
  padding: 0px;
  
}

#DivAccueil
{
  background-color:transparent;
  float:left;
  margin-left: 7px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 480px;
  height:200px;
  font-size: 11px;
  border : solid 1px #cccccc;
  overflow: auto;


scrollbar-arrow-color:#ffffff;
/*scrollbar-face-color:#9bc13a;
scrollbar-darkshadow-color:#a7d23e;
scrollbar-3dlight-color:#88a534;*/

scrollbar-face-color:#92c726;
scrollbar-darkshadow-color:#92c726;
scrollbar-3dlight-color:#678d1a;

}

#DivAccueil div.title{
  margin: 0px;
  padding: 0px;
  background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
	text-align: center;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;
}


#DivCalcPoints
{
  background-color:transparent;
  float:left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 202px;
  height:410px;
  text-align: center;
  font-size: 11px;
  border : solid 1px #cccccc;
  
}

#DivCalcPoints div.title{
  margin: 0px;
  padding: 0px;
  background: url("/pics/box/box_haut_4.png") no-repeat left;
  background-repeat: repeat-x;
	text-align: center;
	padding-left: 5px;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;
}


p.TitreAccueil
{
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

p.TextAccueil
{
  text-align: justify;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

p.news_title 
{
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  font-style: italic;
}

p.news_text 
{
  text-align: justify;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;  
  padding-top: 0px;
  padding-bottom: 0px;
}