/* CSS pour le site Bouygues Telecom */
/*************************************/
/* STYLES RECURRENTS DU SITE */
/*****************************/

/*******************/
/*******************/
/* Styles généraux */
/*******************/
/*******************/
body{margin:0;padding:0;background:#EEF9FC url(img/fond.png) repeat-y;}

html, body, ul, ol, li, p, form, table, tr, th, td, hr, img, a, h1, h2, h3, h4, br, div, fieldset, input, textarea, select, option, dt, dd, dl {
    margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	border: 0 none;
	list-style: none;
	color: #0a3448;
}

h1,
h1 a{font-size:25px;font-weight:normal;text-transform:uppercase;text-decoration:none;color:#696c71;}

input, textarea, select{padding:1px;border:1px solid #D1D1D1;}
input.text:focus,
textarea.textarea:focus,
select.select:focus{border-color:#008E9F;}
input.radio,
input.checkbox{border:0;padding:0;}
label{cursor:pointer;}

/**************/
/* Clear both */
/**************/
.clearfloat,.clearbothclean{clear:both;}

/*********/
/* Liens */
/*********/
a.carre, ul.carre li a, a.carreSpeciales, ul.carreSpeciales li a{padding:0 0 0 14px;color:#007A97;background:url(img/puce_carre_bleu.gif) 0 3px no-repeat;}
a.carre:hover,ul.carre li a:hover,a.carreSpeciales:hover,ul.carreSpeciales li a:hover,div.tooltip a:hover{color:#00B1C1;}
a.carre_pro,ul.carre_pro li a{padding:0 0 0 14px;color:#244177;background: url(img/puce_carre_bleu_pro.gif) 0 3px no-repeat;}
a.carre_pro:hover,ul.carre_pro li a:hover{padding:0 0 0 14px;color:#7b91c9;background: url(img/puce_carre_bleu_pro.gif) 0 3px no-repeat;}
a.carre_gris,ul.carre_gris li a{padding:0 0 0 14px;color:#737373;background: url(img/puce_carre_gris.gif) 0 3px no-repeat;}
a.carre_blanc{color:#fff;background-image:url(img/puce_carre_blanc.png);}
a.carre_blanc:hover{color:#fff;}

/************************/	
/* Liens "Haut de Page" */
/************************/

.hautdepage {
    float: right;
    display: block;
    padding: 0 0 0 1px;
    width: 92px;
	height: 20px;
	text-align: center;
	background: url(img/hautdepage.png) no-repeat top;
}

		.hautdepage a {
		     color: #AEAEAE;	
		}

			    .hautdepage a:hover {
				     color: #000;	
			    }
				
/* Boutons retour top */
a.retourhaut{position:absolute;top:0;right:0;width:85px;height:13px;font-size:11px;font-weight:normal;text-align:center;text-decoration:underline;background:url(img/haut-de-page.gif) no-repeat center center;color:#b3b3b3;}
a:hover.retourhaut{text-decoration:underline;color:#0A3448;}

/******************/
/* Couleur orange */
/******************/
.orange{color:#ff4d00;}

/*********/
/* Titre */
/*********/

.titre {
    font-size: 21px;
    font-weight: bold;
    color: #019aa2;
    margin-bottom: 15px;
}

/********/
/* Gras */
/********/

.gras {
    font-weight: bold;
}

/****************/
/* Fermer Popup */
/****************/

.fermer_popup {
	margin: 0 4px 0 0;
	text-align: right;
}

/*********/
/* Print */
/*********/

.print_show {
	display: none;
}

/************/
/* Exposant */
/************/

.exposant {
	vertical-align: 4px;
	font-size: 70%;
}

/********/
/* ???? */
/********/

ul.picto li {
	float: left;
	margin: 5px 5px 0 0;
}

ul.puce li {
	padding: 0 0 0 10px;
	font-weight: normal;
	background-position: top left;
	background-repeat: no-repeat;
}

/********/
/* Prix */
/********/

.prix01 {
    font-weight: bold;
	color: #FF4D00;
}

.prix02 {
	color: #ff4d00;
}
			 
/*****************************************************************/
/* actions : zone avec les boutons de validation des formulaires */
/*****************************************************************/

.actions input {
	margin: -1px 0 0 0;
	border: none;
}		
				
/****************/
/* Trait Gauche */
/****************/

.traitgauche{margin:0;background:url(img/barre_orange_titre.png) no-repeat;}
.traitgauche p,
.traitgauche span,
.traitgauche h2,
.produit .traitgauche a{position:relative;margin-left:10px;font-size:15px;font-weight:bold;color:#2b9da7;border-bottom:1px solid #80c4ca;}
.traitgauche p span{margin-left:0;border-bottom:0;}
.produit .traitgauche a{text-decoration:none;}

		.traitgauche p.petit {
			margin-left: 0px;
			text-transform: uppercase;
			font-size: 11px;
			font-weight: bold;
			color: #7db7c7;
			border-bottom: 1px solid #bedbe3;
		}
		
		.traitgauche p.petit2 {
			margin-left: 0px;
			font-size: 11px;
			font-weight: bold;
			color: #7db7c7;
			border-bottom: 1px solid #bedbe3;
		}

.traitgauche2 {
	padding: 0 0 0 6px;
	border-left: 5px solid #FB4E01;	
}

		.traitgauche2 p {
			margin: 15px 0 0 0;
			font-size: 15px;
			font-weight: bold;
		}

				.traitgauche2 p.neo {
					color: #AF97E5;
					border-bottom: 1px solid #AF97E5;
				}

				.traitgauche2 p.exprima {
					color: #00B1C1;
					border-bottom: 1px solid #7fd8e0;
				}

/****************/
/* Old tooltips */
/****************/
.infobulle{position:absolute;display:none;padding:10px;font-family:Verdana, Arial, sans-serif;font-size:10px;border:1px solid #A4A4A4;background-color:#fff;}
#infoOption{width:500px;}
#infoBulleGlobal{position:absolute;display:none;margin:0;padding:10px;font-family: Verdana, Arial,sans-serif;font-size:10px;z-index:999;}
#infoBulleTransparent{margin:0;padding:0;}
#infoBulleLink{width:100%;height:100%;display:block;text-decoration:none;}	
#infoBulleContainFleche{height:15px;background-image:url(img/infobulle/fleche_infobulle_fond.gif);margin:0;padding:0;}
#infoBulleFleche{width:15px;height:15px;}
#infoBulleContainer{padding:5px;background-color:#fff;border:1px solid #03B1C2;border-top:0;text-align:justify;}
#infoBulleContainer p{text-align:justify;}

/***********************/
/* Accessible tooltips */
/***********************/
a.tooltip{cursor:pointer;} /* simple anchor trigger */
div.tooltip{position:relative;width:500px;margin-top:15px;z-index:2000;} /* tooltip body */
div.tooltip .in-1{border-top:1px solid #03B1C2;}
div.tooltip .in-2{text-align:justify;}
.js div.tooltip .in-2{position:relative;top:-15px;padding-top:15px;background:url(img/infobulle/fleche_infobulle.gif) no-repeat 15px 0;}
div.tooltip .in-3{padding:10px 10px 0;background-color:#fff;border-width:0 1px 1px;border-color:#03B1C2;border-style:solid;}
div.tooltip p,
div.tooltip ul{padding-bottom:10px;line-height:13px;}
div.tooltip li{padding-left:10px;background:url(img/puce_00b1c1.png) no-repeat;color:#008E9F;}
div.tooltip .image-left,
div.tooltip .image-right{position:relative;} /* Relative position to patch a IE6 bug */
div.tooltip .image-left{float:left;margin-right:5px;}
div.tooltip .image-right{float:right;margin-left:5px;}
/* Different widths of tooltips */
div.tooltip-tiny{width:100px;}
div.tooltip-small{width:300px;}
div.tooltip-large{width:650px;}
	
/****************/
/* Arborescence */
/****************/

.margesousarbo {
	margin-top: 18px;
}

.arbo strong.location{color:#2b9da7;}
.arbo{padding-bottom:20px;font-size:11px;font-weight:normal;color:#696c71;}
.arbo strong{color:#009ebd;}
.arbo a{padding:0;color:#696c71;text-decoration:underline;background:none;}
.arbo a:hover{text-decoration:none;}
.arbo a.active{font-weight:bold;}

/******************/			
/* Tag Bluestreak */
/******************/

#tag_bluestreak {
    display: none;
}

/***************************/
/* Trait Gauche Imprimable */
/***************************/

.traitgauche_imprimable {
	padding: 0 0 0 10px;
	width: 670px;
	background: url(img/barre_orange_titre.png) no-repeat left;
}

.traitgauche_imprimable_memo {
    margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	width: 670px;
	background: url(img/barre_orange_titre.png) no-repeat left;
}

		.traitgauche_imprimable em, .traitgauche_imprimable_memo em {
			display: block;
			margin: -18px 0 0 615px;
			font-style: normal;
		}

/**************/
/* Imprimable */
/**************/		

.imprimable_p, .imprimable_memo_p { 
    margin: 0 0 2px 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7DB7C7;
	border-bottom: 1px solid #bedbe3;
}

/**************/
/* Trait Haut */
/**************/

.traithaut {
	border-top: 1px solid #D9D9D9;
}

/*******/
/* Sup */
/*******/

sup {
	font-size: .7em;
}

/********/
/* Aide */
/********/

.aide {
	margin: 18px 0 0 205px;
	width: 475px;
}
		.aide ul {
			margin: 10px;
		}

		.aide li {
			padding: 1px 0;
		}

				.aide p.texte {
					padding: 10px;
					font-size: 12px;
				}
				
		.aide .fleche {
			padding: 0 0 0 10px;
			background: url(img/fleche.gif) no-repeat left;
		}
		
				.aide .fleche p {
					margin: 15px 0 0 0;
					font-size: 15px;
					font-weight: bold;
					text-transform: uppercase;
					color: #7DB7C7;
					border-bottom: 1px solid #bedbe3;
				}

		.aide .right {
			text-align: right;
		}
		
/**************/
/* Conditions */
/**************/

.conditions {
	margin: 15px 0 0 0;
	color: #a0a0a0;
}


/**************************************/
/* pour cacher une ligne ou un espace */
/**************************************/

.pousse_toi {
   clear: both;
   visibility: hidden;
}

/*******/
/* ??? */
/*******/

div.data_bt li {
	margin: 0 0 0 12px;
	padding: 0 0 0 1px;
	list-style: disc;
}

span.data_bt li {
	margin: 0 0 0 12px;
	padding: 0 0 0 3px;
	list-style: disc;
}

/*****************************/
/* Popup comparateur_forfait */
/*****************************/

#globalcontainer2 {
	background-color: #FFF;
}

#global2 {
	width: 771px;
}


/*********/
/* Print */
/*********/

.print_conditions {
	display: none;
}

.print_cache_conditions {
	display: inline;
	background-image: url(img/puce_carre_bleu.gif);
	background-position: 0 3px ;
	background-repeat: no-repeat;
	padding-left: 14px ;
	color : #007A97 ;
}

.print_link {
	display: none;
}

/*boite message d'alerte commande*/
#alerte_message_boite {
	display: none;
	position: absolute;
	padding: 15px 0;
	background-color:#f0f8fa;
	border:#bcd6dd solid 2px;
	width:400px;
	z-index:3000;
}

#alerte_message_boite {
	padding: 0 15px 15px 15px;
	text-align: justify;
}

#alerte_message_texte {
	padding: 15px 0 15px 0;
	color: #019aa2;
	text-align: justify;
	font-weight: bold;
}

#alerte_message_btn1 {
	text-align: center; 
	width: 400px;
}

#alerte_message_btn2 {
	text-align: center; width: 400px;
}
	#alerte_message_btn2  #btn_ok {
		margin: 0 15px 0 0;
		height: 18px;
	}
	
#alerte_message {
	display: none;
	background-color:#C0C0C0;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:2999;
}
/*fin boite message d'alerte commande*/


#box_professionnels {float:left;display:inline;margin: 30px 0 0 0;}
#box_professionnels h3.pro{float:left;display:inline;margin:0;width:224px;height:35px;background: url(img/presentation_ideo/box_pro/titre_box.png) no-repeat left top;text-indent:-1000em;}
#box_professionnels div.contenu{float:left;display:inline;width:224px;background: url(img/presentation_ideo/box_pro/milieu_box.png) repeat-y;}

#box_professionnels div.contenu p {padding:10px 10px 5px 10px;font-size:11px;color:#2c4c99;}
#box_professionnels div.contenu a {font-size:11px;color:#2c4c99;text-decoration:none;}
#box_professionnels div.contenu a:hover {text-decoration:underline;}
#box_professionnels div.bas{float:left;display:inline;padding:0px 0 0 0;width:224px;height:16px;background: url(img/presentation_ideo/box_pro/bas_box.png) no-repeat left bottom;}
/*#box_professionnels div.bas .ensavoirplus{float:right;display:inline;width:103px;height:16px;background: url(img/presentation_ideo/box_pro/savoir_plus.png) no-repeat left bottom;text-align:center;color:#fff;font-weight:bold;text-decoration:none;}*/

/*box nuage tags*/
#box_nuage_tags {position:relative;width:224px;}
#box_nuage_tags .titre_filet {float:left;display:inline;width:224px;height:23px;background:url(img/home_2009/fond_titre.png) repeat-x left top;}
#box_nuage_tags .titre_filet p {padding-left:3px;height:17px;line-height:17px;color:#007a97;font-size:12px;font-weight:bold;text-transform:uppercase;}

#box_nuage_tags {float:left;display:inline;width:224px;}
#box_nuage_tags a {float:left;display:inline;text-decoration:none;}

#box_nuage_tags .gras {font-weight:bold;}
#box_nuage_tags .bleu_pro {color:#2D4B9B;}
#box_nuage_tags .bleu_bt {color:#008e9f;}
#box_nuage_tags .orange {color:#ff4d00;}
#box_nuage_tags .violet {color:#b63596;}
#box_nuage_tags .taille1 {font-size:10px;padding:6px 15px;}
#box_nuage_tags .taille2 {font-size:12px;padding:3px 5px;}
#box_nuage_tags .taille3 {font-size:14px;padding:3px 5px;}
#box_nuage_tags .taille4 {font-size:18px;padding:3px 10px;}
#box_nuage_tags .taille5 {font-size:22px;padding:3px 10px;}
#box_nuage_tags a:hover {color:#fff;}
#box_nuage_tags a.bleu_pro:hover {background-color:#2D4B9B;}
#box_nuage_tags a.bleu_bt:hover {background-color:#008e9f;}
#box_nuage_tags a.orange:hover {background-color:#ff4d00;}
#box_nuage_tags a.violet:hover {background-color:#b63596;}
/*fin box nuage tags*/