/**
 * Styles génériques
 */


@import "layout.css";



/* Globales
-------------------------------------------------------- */

body { 
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;    
}


table,td {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}


a img {
    border: 0;
}

a { 
    color: black;
    
}

a:hover { 
    color: black;
}


h1 { 
    display:inline;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    margin-left:10px;
	
}


h1 img {
	vertical-align:middle;
	}



h2 { 
    color: #008BFF;
    font-size: 14px;
    font-weight:bold;
}

h3 { 
    color: #008BFF;
    font-size: 12px;
    margin-bottom:0px;
    padding-bottom:0px;
}



.erreur {
     	 color: #FF0000;
	 font-weight:bold;
	 }


/* La page
-------------------------------------------------------- */
#page{
	background: #fff;
	color: inherit;
}
 
/* L'entête
-------------------------------------------------------- */


.masquer_liens {
	display:inline;
    	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:10px;
	text-decoration:none;
}



#bandeau_top {
	height: 113px;
	margin-left:0px;
	width:993px;
	background: url(../next/pictures/hautsite2.gif) no-repeat left top;	
}





.titre_appelez {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:10px;
}


#main {
       text-align:left;
}


#onglets li {
	background: url(../pictures/onglet_off.gif);
	height:29px;
	width:157px;
	text-align:center;
	padding-top:10px;
	
}

#onglets li:hover {
	background: url(../pictures/onglet_on.gif);
}


html>body #onglets li {
	height:19px;	
}


#onglets li a {
	color: white;
	font-weight:bold;
	text-decoration:none;
	
}

#onglets li a:hover {
	color: black;
	font-weight:bold;
	text-decoration:underline;
}

#title_selecteur {
   background-image:url(../pictures/phone_title.gif);  
  }
  
#title_newsletter {
   background-image:url(../pictures/newsletter_title.gif);  
  }
  
#bottom_selecteur, #bottom_newsletter {
   background: #fff url(../pictures/bottom_right.gif) no-repeat left top;  
  }

#selecteur_pays, #form_news {

}



/* footer
-------------------------------------------------------- */

#footer {
        text-align:center;
}

#bottom_page{
        height:11px;
        margin-left:-1px;
        margin-top: -45px;
		background: #fff url(../pictures/bottom_page.png) no-repeat center top;
		color: inherit;
}


.liens_bas {
		margin-top:10px;
}

ol.decimal {
           list-style-type:decimal;
           }
           
ol.decimal li {
           margin-bottom:8px;
           }  
           
ul.none {
           list-style-type:none;
           }           
 
.logo_footer {
          vertical-align:middle;
		  }

/* formulaires
-------------------------------------------------------- */ 

fieldset { border:0px;
         }  



.form p.float_left{ float:left;
         }  



.form label { 
	display:block;
	clear:left;
	float:left;
	text-align:right;
	width:270px;
	margin-bottom:15px;
         }  
		 
.form input,
.form select {
	display:block;
	float:left;
         }  

		 
.form p.bouton_valide { 
		margin-left:50px;
		}
		 

.inscription_newsletter .form label {

		text-align:right;
		width:150px;
		margin-bottom:20px;
            }  


.inscription_newsletter .form input,
.inscription_newsletter .form select {
      margin-bottom:15px;
         } 


		 
/* specifiques
-------------------------------------------------------- */ 	

.titre {
	background: url(../next/pictures/titre_fond.gif) no-repeat;
	height:40px;
	width:290px;
	margin-top:15px;
	text-align:left;
	padding-top:8px;
	padding-left:25px;
	font-size:20px;
    font-family:verdana, arial, sans-serif;
	font-weight:bold;
    color:#FFF;
}



	 
#questions h2 {margin-bottom:0px;}
#questions p {margin-top:0px;}

#avantages, #texte {
		background: #fff6bf;
        width:656px;		
}		 



#content_avantages {
       
}

#content_texte {
        padding-left:15px; 
        padding-right:10px;  		
}




#bottom_avantages, #bottom_texte {
		clear:left;
		background: #fff url(../pictures/bottom_avantages.gif) no-repeat center top;
		color: inherit;
		width:656px;
		height:10px;
		
}

#image_avantages {float:left;
                  margin-left:15px;
				  margin-right:15px;
				 }
				 
#texte_avantages {float:left;
                 font-size:16px;
                 font-family:arial,verdana,sans-serif;
                 color:#000000;
				 font-weight:bold;
                  }

.noir {          font-size:16px;
                 font-family:arial,verdana,sans-serif;
                 color:#000000;
		 font-weight:bold;
				 
       } 
       
  .noir_2 {      font-size:16px;
                 font-family:arial,verdana,sans-serif;
                 color:#000000;
		 font-weight:bold;
		 text-decoration:none;
       }     
    
	
	.nolink {
	
	/* [AR] Mise en commentaire de ces styles qui genère des décalages sous IE 6 sur la Home */
	/*
	margin-bottom:15px;
	text-align:right;
	margin-right:15px;
	width:190px;
	
	*/
	
	text-decoration:none;
	}
	
	
	
	
	
ul.avantages  { list-style-type:disc;   } 
				  
ul.avantages li {  
                     color:#FFFFFF;
                     margin-bottom:2px;
				   }

ul.avantages.li p.noir {           

                font-size:16px;
                font-family:arial,verdana,sans-serif;
                color:#000000;
		font-weight:bold;
		margin:0px;
		line-height:14px;
				 
       } 



ul.menu li {  list-style-type:none;
              color:#FFFFFF;
              margin-right:10px;
              margin-bottom:15px;
				   }
				   

       				   
				   
				   
				   

ul.menu li a {  
                color:#FFFFFF;
                text-decoration:none;
                font-weight:bold;
                
				   }

ul.menu li a:hover {  text-decoration:none;
                      font-weight:bold;
                      color:#FFCC00;  			   
				   }


#fond_jaune {
background:#FFCC00 url(../next/pictures/fond_jaune_top.gif) no-repeat left top;
height:654px;
width:805px;
padding-left:37px;

}


html>body #fond_jaune{
width:768px;
}	



.post_it {
border:0px;
margin-top:0px;
margin-left:85px;
}

html>body .post_it {
margin-left:118px;
}


/*
* Tableau Affichage des tarifs 
*/

tr.ligne1 td {
border-width:1px;
border-style:solid;
border-color:#000;
background-color:#ffffff;
}

tr.ligne2 td {
border-width:1px;
border-style:solid;
border-color:#000;
background-color:#F8FACF;
}

tr.ligne1 td.numero, tr.ligne2 td.numero {width:120px;} 

tr.ligne1 td.tarif, tr.ligne2 td.tarif {width:100px;}




/* Styles qui étaient dans le HTML avant mai 2007 correctif bug IE */



#essayez_teleplanete {
	margin-top:19px;
	margin-left:33px;
}


p.point {
	margin-left:44px;
	font-size:16px;
}

p.point img {
	vertical-align:middle;
}	

#point2,
#point3 {
	margin-top:-4px;
}

#form_choice_countries {
	padding-top:0px;
	margin:0px;
	margin-top:-5px;
}

#countries fieldset {
	padding-top:0px;
}

#countries {
	margin-left:85px;
	padding-top:0px;
	margin:0px;
}

#form fieldset {
	margin-bottom:15px;
	text-align:right;
	margin-right:15px;
	width:190px;
}


#form_choice_countries td.label {
	text-align:right;
}

#form_choice_countries input,select {
      float:none;
      margin:0;
      padding:0;
}  

#label_landline_price {
	margin-bottom:15px;
	text-align:right;
	margin-right:15px;
	width:190px;
} 


#landline_price {
	width:85px;
}

#label_landline_number {
	text-align:right;
	margin-right:15px;
	width:190px;
}

#landline_number {
	width:152px;
} 


#include_countries {
	width:200px;
	padding-left:0px;
	float:left;
	margin-bottom:15px;
}




#vous_composez img {
	vertical-align:middle;
}








/* HOME BAS */


#texte_avantages {
margin-top:10px;
margin-left:33px;
float:left;
}

#contain_postit {
float:left;
}




/*
Formulaire Newsletter voué à disparaître
*/


#abonewsletter strong {
	font-size:10px;
}


#abonewsletter form {
	display:inline
} 

#abonewsletter_cust_email {
	width:125px;
}





/*
questionnaire_news
*/
#questionnaire_news #centre_page {
	background:#FFCC00;
	overflow:auto;
}

#questionnaire_news #fond_jaune {
background:#FFCC00 url(../next/pictures/fond_jaune_top.gif) no-repeat left top;
width:805px;
padding-left:37px;
}


#questionnaire_news form fieldset { 
	border:0px;
}  


#questionnaire_news .form label { 
	margin:0;
	display:block;
	float:none;
	width:570px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
         }  
		 
#questionnaire_news .form select {
	display:block;
	float:none;
	margin-left:1em;
	margin-bottom:10px;
         }  

#questionnaire_news .form input {
	float:none;
} 		 

.lienBasRef{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#999999;
}
.lienBasRef a:link{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
color: #CCCCCC;
}
.lienBasRef a:visited{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
color:#CCCCCC;
}
.lienBasRef a:hover{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CCCCCC;
font-weight: bold;
text-decoration: none;
}
.titreRef{
padding: 10px 10px 10px 10px;
}
.texteRef{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
padding: 10px 10px 10px 10px;
}
.motclehaut{
position: absolute;
width: 100%;
top: 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
text-decoration: none
}
.motclehaut a:link{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
text-decoration: none
}
.motclehaut a:hover{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #33CCFF;
text-decoration: none
}
.motclehaut a:visited{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none
}