div#global * { margin:0; padding:0 }

/********************************************************/
/* SPECIFIQUE AU SITE */
/********************************************************/

/* Fixs SFR
---------------------------------------- */
/* Cache chemin de fer */
ul.cnt_bdct { display:none; }
/* Enleve les bordures du contenu */
div#ctn_ctt { border:none; line-height:normal }
div.bdct .left, div.bdct .right{ display:none; } /* Coins sup￩rieurs */
.ctn_ln .stdHmargins {
	margin: 0 !important;
}
div.bdct {
	background: #FFF;
	font-size: 1px;
	line-height: 0;
	display:none !important;
}

/* R￩initialise l'interligne */
#ctn_ctt * { line-height: inherit; /line-height:200%; _line-height:200%; } /* ecrase */
#ctn_ctt .bdct .content { border:none }
.std_Hmargins .bdy_ln {
margin: 0 !important;
}
/* R￩duit la marge haute du contenu sous IE */
.ctn_mdl {
/margin: 0 !important;
}

/* R￩tablit la taille de police des mentions l￩gales */
.blk_ctn_ctt {
font-size: 10px;
}

/* Fixs float et IE
---------------------------------------- */
div#global .format { 
	overflow: hidden;
	zoom: 1;
	/*width: 950px;*/
}


/* Couleurs
---------------------------------------- */
div#global .noir { color: #000 }
div#global .gris { color: #5E5E5E }
div#global .grisClair { color: #999 }
div#global .grisFonce { color: #333 }
div#global .rouge { color: #EA1D00 }
div#global .bleu { color: #003399 }


/* Tailles
---------------------------------------- */
div#global .vsmall { font-size:10px; }
div#global .small { font-size:11px; }
div#global .large { font-size:14px; }


/* Styles
---------------------------------------- */
div#global .souligner { text-decoration: underline }
div#global .legende { display:block; color:#999; font-size:10px; line-height:140%;}
div#global .legende2 { display:block; color:#5E5E5E; font-size:11px; line-height:140%; }
div#global .sup { line-height:60%; font-size:10px }


/* Titres
------------------------------------------ */
#global h1, #global h2, #global h3, #global h4, #global h5 {
	color: #000;
	/*font-family: Arial, Helvetica, sans-serif;*/
}


#global h1 {
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height:120%;
}
#global .sous_titre {
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height:120%;
}

#global h2.h2_t1 {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: normal;
}
#global h2.h2_t2 { /* Home... normal rouge */
	padding-bottom: 2px;
	font-size: 16px;
	color: #EA1D00;
}
#global h2.h2_t3 {
	padding-bottom: 6px;
	font-size: 15px;
	color: #EA1D00;
}

#global h3, #global h3 a, #global h3:hover, #global h3 a:visited {
	font-size: 14px;
	color: #EA1D00;
	padding-bottom: 2px;
}

#global h4 {
	font-size: 15px;
	color: #EA1D00;
}
#global h4.h4_t1 {
	font-size: 12px;
	color: #EA1D00;
	margin: 20px 0 10px;
}

#global h5 {
	font-size:14px;
	font-weight:bold;
	color: #EA1D00;
}

#global .chapeau { /* Sous titre */
	display: block;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
}


/* Boutons
------------------------------------ */
/* Boutons Home... code repris de la home MID */
#global a.bouton_1 {
	margin: 10px auto;
	height: 28px;
	display:-moz-inline-box; 
    display:block; 
    white-space:nowrap; 
    text-align:center; 
	vertical-align:middle; 
	text-decoration: none !important;
	font-size: 11px;
    cursor:pointer; 
    border:0; 
	zoom:1;
}

#global .bouton_1 span {
 	position:relative; 
    float:left; 
	text-align: center;
    padding:0 0 0 6px;        /* Largeur du c￴t￩ gauche */ 
    vertical-align:middle;
	background-image: url(http://www.sfr.fr/media/utiliser-mobile-box/att00032225/bg_bt_rouge_left_fd-blanc.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#global .bouton_1 span span	{
	padding:0 6px 0 0;        /* Largeur du c￴t￩ droit */ 
	background-image: url(http://www.sfr.fr/media/utiliser-mobile-box/att00032227/bg_bt_rouge_right_fd-blanc.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#global .bouton_1 span span span {
	height:18px;
	line-height: 18px;/* Hauteur du bouton */ 
    padding:5px 10px 5px 10px; 
	background-image: url(http://www.sfr.fr/media/utiliser-mobile-box/att00032226/bg_bt_rouge_middle_fd-blanc.gif);
	background-position: right top;
	background-repeat: repeat-x;
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
}


/* Rouge */
#global a.btRouge_gauche {
	display:block;
	padding-left: 23px;
	height: 30px;
	line-height: 30px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032103/bt_rouge-gauche.gif) no-repeat left top;
} 
#global a:hover.btRouge_gauche { text-decoration: none !important; /* ecrase */ } 
#global span.btRouge_droite {
	display:block;
	padding-right: 23px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032104/bt_rouge-droite.gif) no-repeat right top;
	cursor: pointer; /* IE */
}


/* Listes - Puces
------------------------------------ */
#global ul { list-style:none }
#global ul li { list-style:none }

#global ol.aere li { margin-bottom:4px; }
#global ul.aere li { margin-bottom:4px; }

#global ol.aere_10 li { margin-bottom:10px; }
#global ul.aere_10 li { margin-bottom:10px; }

#global ol.aere_20 li { margin-bottom:20px; }
#global ul.aere_20 li { margin-bottom:20px; }

#global ul.disc, #global ul.disc li { list-style-type: disc; list-style-position:inside; }

#global ol.chiffre, #global ol.chiffre li { list-style-position:inside; }

#global ul.discRouge li { 
	list-style-type: none;
	padding-left:10px; 
	background:url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032105/puce_disc-rouge.gif) no-repeat 0 5px
}



#global ul.zebre {
	border-bottom: #c3c3c3 1px solid;
	font-size: 11px;
	}
#global ul.zebre li{
	padding: 5px 0 5px 30px;
	border-top: #c3c3c3 1px solid;
	background-position:5px 5px;
	background-repeat:no-repeat;
}

#global ul.zebre li.bc_gris {
	background-color:#f5f5f5;
}


/* Liens 
------------------------------------ */
#global a.puceBleu_blc { /* lien-bloc (sur plusieurs lignes ou autonomes d'un paragraphe) */
	display: block;
	padding-left: 20px;
	color: #003399;
	font-size: 11px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032101/puce_bleu.gif) no-repeat left 2px;
}
* html #global a.puceBleu_blc {	/* IE 6 */
	width: 1%;
	white-space: nowrap;
}

#global a.puceBleu {
	padding-left: 20px;
	color: #003399;
	font-size: 11px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032101/puce_bleu.gif) no-repeat left 2px;
}


/* Colonnes Surface Largeur = 918px (980px - 60px[padding] - 2px[bordure]) exclusion de l'accueil...
------------------------------------ */
#global .col_gauche {
	float: left;
}

#global .col_milieu {
	float: left;
	margin-left: 10px;
}

#global .col_droite {
	float: left;
	margin-left: 10px;
}


#global .col_gauche_1 {
	float: left;
	width: 590px;
	margin-right: 10px;
}

#global .col_droite_1 {
	float: left;
	width: 318px;
}


#global .col_gauche_2 {
	float: left;
	width: 598px;
	margin-right: 10px;
}

#global .col_droite_2 {
	float: right;
	width: 300px;
}


/* Groupe de 2 colonnes pointill￩es */
#global .col_point_gauche {
	float: left;
	width: 413px;
	height: 100%; /* Donner une height au conteneur pour avoir les pointill￩s sur toute la hauteur */
	padding-right: 30px;
	margin-right: 30px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/att00032773/hubster-pointilles.gif) repeat-y right top;
}

#global .col_point_droite {
	float: left;
	width: 443px;
}



/* Groupe de trois colonnes pointill￩es */
#global .col_point_gauche_1 {
	float: left;
	width: 272px;
	height: 100%; /* Donner une height au conteneur pour avoir les pointill￩s sur toute la hauteur */
	padding-right: 20px;
	margin-right: 20px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/att00032773/hubster-pointilles.gif) repeat-y right top;
}

#global .col_point_droite_1 {
	float: left;
	width: 292px;
}


/* Blocs
------------------------------------ */
#global .bloc_souligner {
	overflow: hidden;
	zoom: 1;
	padding-left: 10px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 16px;
}

	#global .bloc_souligner img, #global .bloc_noborder img {
		float:left; 
		margin-right: 16px;
		/*padding-bottom:10px;*/
	}

	#global .bloc_souligner h2, #global .bloc_souligner p, #global .bloc_noborder h2, #global .bloc_noborder p {
		float:left;
		width: 460px;
	}

	#global .bloc_souligner p, #global .bloc_noborder p {
		margin: 0
	}

#global .bloc_noborder {
	overflow: hidden;
	zoom: 1;
	padding-left: 10px;
	margin-bottom: 10px;
}


/* Boxs - Colonnes
------------------------------------ */

/* box coins arrondis */
#global .box_arrondis { position: relative; border:1px solid #C3C3C1; }
	
#global .box_arrondis .hg, /* haut gauche... */
#global .box_arrondis .hd, 
#global .box_arrondis .bg, 
#global .box_arrondis .bd {
	position: absolute;
	width: 6px;
	height: 7px;
	overflow: hidden;
	font-size: 0;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032102/simple_gray_corners.png) no-repeat;
}

#global .box_arrondis .hg { top:-1px; left:-1px; background-position:left top; }
#global .box_arrondis .hd { top:-1px; right:-1px; background-position:right top; }
#global .box_arrondis .bg { bottom:-1px; left:-1px; background-position:left bottom; }
#global .box_arrondis .bd { bottom:-1px; right:-1px; background-position:right bottom; }
/* ----------------- */

/* Cutom Bon ￠ savoir */
#global .bon_a_savoir {
	padding: 10px;
	font-size: 10px;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/att00028212/bg_bon_a_savoir.gif) bottom left repeat-x;
	zoom:1
}
/* ----------------------- */

/* Home... Custom */
#global .box_arrondis_gauche {
	width: 500px;
	padding: 20px 30px;
	float:left;
}
#global .box_arrondis_droite {
	width: 300px;
	padding: 20px 30px;
	float: right;
	margin-left:16px
}
* html #global .box_arrondis_gauche, * html #global .box_arrondis_droite { /* IE 6 */
	width: 295px;
	padding: 20px;
}
/* -------------- */


#global div.boxs { /* degrad￩ */
	overflow: hidden;
	padding: 10px 14px;
	border: 1px solid #E0E0E0;		
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032106/degrade_boxs.jpg) repeat-x bottom left;
	zoom: 1;
}

#global div.boxs2 { /* sans degrad￩ - padding 10 14 10 14 */
	overflow: hidden;
	padding: 10px 14px;
	border: 1px solid #E0E0E0;
	zoom: 1;
}
	
#global div.boxs2_22x18 { /* sans degrad￩ - padding 22 18 22 18 */
	overflow: hidden;
	padding: 22px 18px;
	border: 1px solid #E0E0E0;
	zoom: 1;
}
	


/* Mise en forme des ￩l￩ments classiques 
---------------------------------------------------- */
#global a {	text-decoration:none; }
#global a:hover { text-decoration: underline; }
#global a.desactiver:hover { cursor:default; text-decoration:none; color:#d90000 /* ecrase et garde couleur .actif dans menu.css */}
#global a.liens_1 {
	text-decoration: underline;
	color: #003399;
}

#global img { border: none; }
div#global p { 
	margin-bottom: 10px;
	line-height: 160%;
	color:#5E5E5E 
}

div#global.accueil p { 
	line-height: 140%;
}


/********************************************************/
/* STRUCTURE DE LA PAGE */
/********************************************************/

#global {
	position: relative;
	width: 980px;
	/*margin: 0 auto 0 -15px;*/
	/*margin: 0 auto;*/
	font: 11px/140% Arial, Helvetica, sans-serif;
	color: #000;
}


/* Bouton achat */
#global #bt_achat {
	position: absolute;
	right: 0;
	top: 20px;
	/top: 0;
	z-index: 9999;
}
* html #global #bt_achat { /* Correction IE */
	top: 0px;
}


/* Menu (voir fichier css externe _menu-hubster-wa.css) 
/********************************************************/ 
ul#menu a, ul#menu2 a { text-decoration: none !important; } /* ecrase SFR */

ul#menu, ul#menu li  {
	list-style: none;
}

ul#menu {
	margin-top: 20px;
	overflow: hidden;
	background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032108/menu_point-bordure.gif) repeat-x 0 27px; /* liens entre les bordures basse des ic￴nes */
	zoom: 1;
}

	ul#menu li  {
		float: left;
		margin-right: 14px;
	}
	* html ul#menu li  { /* IE 6 */
		width: 1%;
		white-space: nowrap;
		line-height:200%;
	}

		ul#menu li a {
			display: block;
			height: 28px;
			padding-left: 17px;
			line-height: 28px;
			vertical-align: middle;
			font-size: 14px;
			font-weight: bold;
			color: #4C4C4C;
			background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032109/menu_onglet-gauche.gif) no-repeat;
		}
		ul#menu li a.menu_actif {
			background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032110/menu-actif_onglet-gauche.gif) no-repeat;
			color: #000;
		}

		ul#menu li a span {
			display: block;
			height: 28px;
			padding-right: 20px;
			padding-left: 10px;
			background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032111/menu_onglet-droit.gif) no-repeat top right;
			cursor: pointer; /* IE */
		}
		ul#menu li a.menu_actif span {
			background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032112/menu-actif_onglet-droit.gif) no-repeat top right;
		}

		/* Sous-menu
		------------------------------------------------*/
		ul#sous_menu.cache {
			display:none;
		}

		ul#sous_menu, ul#sous_menu li  {
			list-style: none;
		}

		ul#sous_menu {
			height: 26px;
			padding-top: 5px;
			border-left: 1px solid #A7A7A7;
			border-right: 1px solid #A7A7A7;
			background: url(http://www.sfr.fr/media/utiliser-mobile-box/extend/att00032113/menu_degrade.jpg) repeat-x;
			zoom: 1;
		}
		* html ul#sous_menu {
			height: 31px;
		}

			ul#sous_menu li {
				float: left;
				height: 21px;
				padding-left: 12px;
				margin-right: 12px;
				line-height: 21px;
				vertical-align: middle;
				border-left: 1px solid #A7A7A7;
			}
			* html ul#sous_menu li {
				height: 19px;
				margin-top: -2px;
				margin-right: 11px;
			}
			
			ul#sous_menu li.noborder {
				padding-left: 13px;
				border-left: none; /* Ecrase/efface s￩paration gauche pour le premier */
			}

				ul#sous_menu li a {
					font-weight: bold;
					color: #333;
				}
				ul#sous_menu li a:hover {
					color: #000;
					text-decoration: underline;
				}
				ul#sous_menu li.sous_menu_actif {
					color: #D90000;
					font-weight: bold;
					text-decoration: none;
					cursor: default;
				}


/* Contenu - Page (regroupement par pages) Surface = 918px (980px - 60px[padding] - 2px[bordure])
-------------------------------------------------------------------------------------------------- */
#global #contenu {
	padding: 20px 30px;
	border: 1px solid #A7A7A7;
	border-top: none;
}

/* R￩initialise le line-height, selecteur ￩l￩ment div permet de passer devant le #cnt * du CMS */
div#contenu * {
	line-height: normal;
}

