#global {
	width: 980px;
	background: url(../img/template/bg_global.gif) top left repeat-y;
	margin: 0 auto;
}

/* <!-- Modify by DC on 22/06/2010 --> */
#header {
	width: 980px;
	height: 80px;
}

#header a {
	float:left;
	display: block;
	height: 70px;
	width: 220px;
	background: url(../img/logo-simyo.gif) top left no-repeat;
	text-indent: -8000px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
}

/* menu */

#header #menu {
	float:left;
	width: 480px;
	height:65px;
	background: url(../img/template/bg_menu.gif) bottom left no-repeat ;
	margin: 5px 0 0 0;
}

#header #menu li {
	display:inline;
}

#header #menu li a{
	float:left;
	width:120px;
	height:40px;
	text-indent: -8000px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	color:#f3f3f3;
	margin-top:15px;
}

#header #menu li a#carte_prepayee { background: url(../img/template/bt_carte-prepayee.gif) top left no-repeat; }
#header #menu li a#forfait_bloque { background: url(../img/template/bt_forfait-bloque-nouveau.gif) top left no-repeat; height:55px; margin-top:0;}
#header #menu li a#commander { background: url(../img/template/bt_commander.gif) top left no-repeat; }
#header #menu li a#qui_est_simyo { background: url(../img/template/bt_qui-est-simyo.gif) top left no-repeat; }

#header #menu li a#carte_prepayee:hover, #header #menu li a#carte_prepayee.actif { background-position: bottom left; border:0; outline:0; }
#header #menu li a#forfait_bloque:hover, #header #menu li a#forfait_bloque.actif { background-position: bottom left; border:0; outline:0; }
#header #menu li a#commander:hover, #header #menu li a#commander.actif { background-position: bottom left; border:0; outline:0; }
#header #menu li a#qui_est_simyo:hover, #header #menu li a#qui_est_simyo.actif { background-position: bottom left; border:0; outline:0; }

a#espace_client {
	float:right;
	width:159px;
	height:40px;
	margin:20px 30px 0 0;
	text-indent: -8000px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	background: url(../img/template/bt_espace-client.gif) top left no-repeat;
}
/* <!-- End Modify by DC on 22/06/2010 --> */
a#espace_client:hover, a#espace_client.actif { background-position: bottom left; }

/* Sous Menu */
#sous_menu {	 margin:0; }

#sous_menu li { display:inline; }

#sous_menu li a {
	position:relative;
	float:left;
	height:30px;
	background:url(../img/template/bg_menu_middle.gif) repeat-x top left;
	margin-right: 5px;
	color:#636363;
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	cursor: pointer;
}
#sous_menu li a:hover { color:#ff7000; }

#sous_menu li a span{ float:left; padding:0 10px; }

#sous_menu li a span.menu_left, #sous_menu li a span.menu_right {
	height: 30px;
	width: 5px;
	padding:0;
}
#sous_menu li a span.menu_left { background:url(../img/template/bg_menu_left.gif) no-repeat top left; left:0; }
#sous_menu li a span.menu_right { background:url(../img/template/bg_menu_right.gif) no-repeat top right; right:0; }

#sous_menu li a.actif, #sous_menu li a:hover {color:#ff7000; background-position: bottom left; border:0; outline:0; }
#sous_menu li a.actif span.menu_left, #sous_menu li a:hover span.menu_left{background-position: bottom left; border:0; outline:0; }
#sous_menu li a.actif span.menu_right, #sous_menu li a:hover span.menu_right{background-position: bottom right; border:0; outline:0; }

/* Contenu de la page */
#content {
	width: 980px;
}

#content_left {
	float:left;
	width: 730px;
	background: url(../img/template/bg_content_left.jpg) top right no-repeat;
}

#wrap_content_left{
	width:680px;
	padding: 10px 10px 0 10px;
	background: #ffffff;
	min-height:380px;
}
* html #wrap_content_left{ height:380px; }

div.content_marge {
	padding:0px 40px 0 40px;
}

.notice { font-size:11px; color: #939393; }

#end_content_left { background: url(../img/template/bg_end_content_left.jpg) top left no-repeat; width:700px; height: 40px; }

#mention {
	width:660px;
	font-size: 10px;
	margin-bottom:10px;
}

#content_right {
	float:right;
	width: 250px;
}

/* sitemap */
#sitemap {
	width: 980px;
	height: 120px;
	background: #f3f3f3;
	font-size: 11px;
	padding-top:10px;
}

#sitemap div.bloc_link{
	width:140px;
	height:110px;
	float:left;
	padding:0 10px 2px 10px;
	background: url(../img/template/bg_sitemap.gif) top left repeat-y;
}

#sitemap div#first.bloc_link{ background: none; }

#sitemap div.bloc_link a{
	text-decoration:none;
	color:#636363;
}

#sitemap div.bloc_link a:hover{ text-decoration:underline; }

/* Pied de page */
#footer {
	width: 980px;
	min-height: 30px;
	font-size: 11px;
	background: #f3f3f3;
}

/* Cadre de contenu */
div.encard_right{
	width:220px;
	margin: 0 0 10px 0;
	float: left;
}

div.encard_right_top{
	width:220px;
	height:5px;
	background: url(../img/template/bg_encard_right_top.gif) top left no-repeat;
	font-size: 0;
}

/* <!-- Modify by DC on 29/06/2010 --> */
#flash_home_1 {
	width:680px;
	height:330px;
	margin-bottom:10px;
}

#flash_home_2 {
	width:670px;
	height:190px;
}
/* <!-- End Modify by DC on 29/06/2010 --> */

div.encard_right_top_alt{
	width:220px;
	height:5px;
	background: url(../img/template/bg_encard_right_top_alt.gif) top left no-repeat;
	font-size: 0;
}

div.encard_right_titre{
	width:200px;
	height:35px;
	background: #e7ecf2;
	padding:5px 10px 5px 10px;
	font-size: 22px;
}
.encard_right_titre img{ margin-right: 10px; }

div.encard_right_middle{
	width:200px;
	background: #ffffff;
	padding:5px 10px 5px 10px;
}

div.encard_right_middle input.text{ width:170px; height:16px; margin:3px 5px 2px 0 !important; color: #636363; text-indent:4px; }
* html div.encard_right_middle input.text{ width:165px;}

.encard_right_middle  #bt_connect {
	background: url(../img/bt_je-me-connecte_petit.gif) top left no-repeat;
	width:130px;
	height:25px;
	float:right;
	margin-top:10px;
}

div.encard_right_bottom{
	width:220px;
	height:5px;
	background: url(../img/template/bg_encard_right_bottom.gif) top left no-repeat;
	font-size: 0;
}

div.cadre_gris{
	padding:10px;
	background: #f3f3f3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-bottom:10px;
}

/* <!-- Modify by DC on 29/06/2010 --> */
#content_right div.cadre_gris {
	width:200px;
	/*height:40px;*/
	padding-bottom:15px;
	position:relative;
}
#content_right div.cadre_gris div{ position:relative; }

#content_right div.cadre_gris h3{ font-weight:normal; color:#ff7000; margin-bottom:10px; font-size:17px; }
#content_right div.cadre_gris h4{ font-weight:normal; color:#ff7000; margin-bottom:2px; font-size:14px; }
#content_right div.cadre_gris img{ margin:0; }
#content_right div.cadre_gris img.mini_selfcare{ position:absolute; top:40px; left:0; }
#content_right div.cadre_gris div img{ position:absolute; top:0; right:0; }
* html #content_right div.cadre_gris div img{ right:10px; }

#content_right div.cadre_gris a{ color:#636363; background: url(../img/chevron.gif) center right no-repeat; padding-right:12px; }
#content_right div.cadre_gris a.sans_ligne{ text-decoration:none; }

/* <!-- End Modify by DC on 29/06/2010 --> */

div.cadre_gris ul{ margin-left:20px; }

div.cadre_gris.large { width: 664px; float:left; }

div.cadre_gris.tiers { width: 173px; float:left; margin-right:10px; }
div.cadre_gris.tiers.right { margin-right:0; }

div.cadre_gris img.left { margin-right:8px; }
div.cadre_gris img.right { margin-left:8px; }

div.encard_double {
	width:280px;
	float:left;
}

div.encard_double label {
	width:280px;
	float:left;
}

div.encard_double_gl {
	width:680px;
	height:130px;
	margin-top:10px;
}

div.encard_double_gl div {
	height:140px;
	position:relative;
}

div.encard_double_gl h2 { font-size:18px; font-weight:normal; }

div.encard_double_gl ul { margin-top:0; margin-bottom:0; }

div.encard_double_gl div.left{ width:390px; }

div.encard_double_gl div.right{ width:240px; }

div.encard_double_gl div a.bt_savoir_plus {
	position: absolute;
	bottom:10px;
	right:10px;
}

.link_grey a, a.link_grey  { color:#636363 !important; text-decoration:none; }
.link_grey a:hover, a.link_grey:hover  { text-decoration:underline; }

/* Commande */

.cadre_cmd {
	width:600px;
	margin: 0 auto 20px auto;
}

.cadre_cmd_top { background: url(../img/template/bg_cadre_cmd_top.gif) top left no-repeat; width:600px; height:5px; }
.cadre_cmd_top_alt { background: url(../img/template/bg_cadre_cmd_top_alt.gif) top left no-repeat; width:600px; height:5px; }
.cadre_cmd_bottom { background: url(../img/template/bg_cadre_cmd_bottom.gif) top left no-repeat; width:600px; height:5px; }
.cadre_cmd_bottom_alt { background: url(../img/template/bg_cadre_cmd_bottom_alt.gif) top left no-repeat; width:600px; height:5px; }
* html .cadre_cmd_top, * html .cadre_cmd_bottom, * html .cadre_cmd_bottom_alt { margin-bottom:-10px; }

.cadre_cmd_titre {
	background:#e7ecf2;
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:598px;
	height: 45px;
	font-size: 22px;
	padding-top:5px;
	padding-bottom:5px;
	text-indent: 9px;
}
.cadre_cmd_titre img{ margin-right: 13px; }
.cadre_cmd_titre_alt { height: 40px; }

.cadre_cmd_titre p.avec_sous_titre { text-indent: 0px; line-height:22px; }
.cadre_cmd_titre p.avec_sous_titre img { margin-left:9px; }
.cadre_cmd_titre p.avec_sous_titre span { font-size:12px; }


/* <!-- Modify by DC on 29/06/2010 --> */
.cadre_large {
	width:680px;
	margin: 0 auto 10px auto;
}

.cadre_large_top { background: url(../img/bg_cadre_large_top.gif) top left no-repeat; width:680px; height:5px; }
.cadre_large_bottom { background: url(../img/bg_cadre_large_bottom.gif) top left no-repeat; width:680px; height:5px; }

.cadre_large_titre {
	background:#e7ecf2;
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:678px;
	height: 25px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 18px;
	font-weight:normal;
	text-indent: 12px;
}

.cadre_large_middle {
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:670px;
	padding:10px 4px 0 4px;
}

.cadre_moitie {
	width:335px;
	margin: 0 auto ;
}

.cadre_moitie_top { background: url(../img/template/bg_cadre_moitie_top.gif) top left no-repeat; width:335px; height:5px; }
.cadre_moitie_bottom { background: url(../img/template/bg_cadre_moitie_bottom.gif) top left no-repeat; width:335px; height:5px; }

.cadre_moitie_middle {
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:323px;
	height:120px;
	padding:0px 5px 10px 5px;
}

.cadre_moitie_middle h3{ font-weight:normal; color:#ff7000; margin-bottom:10px; font-size:17px; }

.cadre_moitie_middle p{ font-size:11px; line-height:13px; }
/* <!-- End Modify by DC on 29/06/2010 --> */

.cadre_autre_titre{
	font-size:16px;
	font-weight: bold;
	height: 25px;
	background:#e7ecf2;
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:588px;
	padding: 5px 0 0 10px;
	position:relative;
	line-height:17px;
}

.cadre_autre_titre.lien_dhtml { cursor:pointer;  }

.cadre_autre_titre p { margin-top:2px;  }

.cadre_autre_titre.deroule{ height: 30px; }
.cadre_autre_titre img{ margin-right: 10px; float:left; }

.cadre_autre_titre img.icone_droite { position: absolute; top:5px; right:0px; }

.cadre_cmd_info { font-size:12px; height:15px; width:580px; padding-left:9px; padding-right:9px; text-indent: 0px; }

.cadre_cmd_middle {
	border-left: 1px solid #d2d8df;
	border-right: 1px solid #d2d8df;
	width:568px;
	padding:10px 10px 10px 20px;
}

.cadre_cmd_middle table {
	width:555px;
}

.cadre_cmd_middle.indent { width:538px; padding-left:50px; }

.cadre_cmd_middle .cadre_gris {
	float:left;
	width:250px;
	margin-top:10px;
	background: #f3f3f3;
}

.cadre_cmd_middle .cadre_gris.left { margin-right:20px; }

.cadre_cmd_middle .cadre_gris img{ margin:5px; }

.cadre_cmd_middle .cadre_gris a img{ margin:5px 0 0 0; }


.cadre_produit {
	width:270px;
	height:230px;
	margin: 0 5px 10px 5px;
	padding: 10px;
	background: url(../img/template/bg_cadre_produit.gif) top left no-repeat;
	position: relative;
	float:left;
}
* html .cadre_produit {margin: 0 4px 8px 4px;}

.cadre_produit.alt {
	background: url(../img/template/bg_cadre_produit_alt.gif) top left no-repeat;
}

.prix_cadre_produit { width:280px; height:45px; position: absolute; top:0px; left:0px; padding:5px 0 0 0; text-align:right; cursor:pointer; }

.prix_cadre_produit span.prix { font-size:24px; font-weight:bold; color:#ff7000; line-height:24px;}
.prix_cadre_produit span.ancien_prix { font-size:12px; text-decoration:line-through;}

.content_cadre_produit { width:270px; height:150px; position: absolute; top:50px; left:10px; padding:10px 0 0 0; font-size:11px; }
.content_cadre_produit img { float:left; cursor:pointer; }
.content_cadre_produit ul { margin-left:16px; list-style: url(../img/template/bullet1.gif); cursor: pointer; }

.content_cadre_produit a { text-decoration:none; font-weight:bold; }
.content_cadre_produit a img { float:none; }

.content_cadre_produit .content { float:left; width:135px; padding-right:5px }

.content_cadre_produit .picto { float:left; width:30px; }
.content_cadre_produit .picto img { margin-bottom:10px; cursor:auto;  }

.champ_cadre_produit { width:280px; height:30px; position: absolute; top:210px; left:0px; padding:10px 0 0 10px; cursor: pointer; }
.champ_cadre_produit input, .champ_cadre_produit label { float:left; margin-top:4px; cursor: pointer; }
.champ_cadre_produit input { margin-top:0px\9 }
.champ_cadre_produit label.two_ligne { margin-top:-5px; }
.champ_cadre_produit img { float:right; margin:-5px 10px 0 0; }


.color_tel { height:14px; margin:0 0 0 5px; padding-left:12px;}
.color_tel.cliquable { cursor: pointer; }
.color_tel.actif { border: 1px solid #ffffff; outline:1px solid #636363; }

#panier {
	width:220px;
	float:left;
	margin-bottom:10px;
}

#panier h3{
	color:#636363;
	height: 42px;
	background: url(../img/template/bg_panier_head.gif) top left no-repeat;
	text-align: center;
	line-height: 42px;
	margin-bottom:0;
}

#content_panier{
	width:200px;
	background: #f3f3f3;
	padding:10px 10px 0 10px;
	float:left;
}

#content_panier hr{ margin:10px 0 10px 0; margin:0\9 }

#content_panier .titre {
	font-size:15px;
	color:#ff7000;
	line-height:24px;
}

#content_panier .prix {
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-top:-3px;
	margin-top:-18px\9
}

#content_panier .nom_mobile {
	float:left;
	width:145px;
	width: 137px\9
}

#panier_mobile .prix {margin-top:-2px\9}

#content_panier .total{
	font-size:20px;
	font-weight:bold;
	margin-bottom:0;
}

#content_panier .total .prix{ margin-top:3px;  margin-top:-22px\9 }

#end_content_panier {
	width:220px;
	height:5px;
	background: url(../img/template/bg_panier_bottom.gif) top left no-repeat;
	float:left;
}

/* Tableau */
table.vide { width:auto; border:none; }
table.vide tr td { border:none; background:none; height:auto; text-align:left; padding-right:15px;}
table.vide tr td.alt { padding-right:0px;}

table {
	width:600px;
	border:1px solid #d2d8df;
	border-collapse: collapse;
}

table.text_left tr td { text-align: left; padding-left:10px; padding-right:10px; }

table.gros tr th, table.gros tr td { font-size:16px; }


table tr th {
	font-weight: normal;
	border:1px solid #d2d8df;
	height:38px;
	background: url(../img/template/bg_th.gif) top left repeat-x;
}

table tr td {
	border:1px solid #d2d8df;
	height:38px;
	background: #f8f9fb;
	text-align: center;
}
table tr.alt td { background: #ffffff; }

/* Formulaire */
input[type="text"], input[type="password"], select , textarea{ width:198px; height:18px; border: 1px solid #959595; margin: 5px 10px 10px 0; }
input[type="text"].error, input[type="password"].error, select.error , textarea.error{ border: 1px solid #cc0000; background:#ffefef;  }
img.checkbox_error { margin-top:-5px; }
input.radio { width:auto; border:inherit;  margin:0 2px 0 5px; vertical-align:baseline; }
input.readonly { background:#e7ecf2; }
select { height:20px; }
textarea { height:auto; }
textarea.largeur_total { width:480px; }
select.largeur_total { width:480px; }
div.error { background: #cc0000; color:#ffffff; font-weight:bold; display:none; height: 20px; padding:5px 10px 0 10px;  margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
div.error img { vertical-align:top; }
p.error { display:none; color: #cc0000; }

#form_select_contact input { vertical-align:baseline; width:auto; margin:0 2px 0 5px; border:none; }
#form_select_contact label { padding-left:10px; color: #ff7000; font-size:18px; line-height:35px; cursor: pointer; }

#coordonnees_paiement input { text-indent:4px; }

#coordonnees_paiement #civ { width:70px; }
#coordonnees_paiement #prenom { width:210px; }
#coordonnees_paiement #nom { width:210px; }
#coordonnees_paiement select#jour { width:50px; }
#coordonnees_paiement input#jour { width:48px; }
#coordonnees_paiement select#mois { width:100px; }
#coordonnees_paiement input#mois { width:98px; }
#coordonnees_paiement #annee { width:70px; margin-right:56px; }
#coordonnees_paiement #tel { width:210px; margin-right:0px; }
#coordonnees_paiement #num_voie { width:50px;}
#coordonnees_paiement #type_voie { width:110px; }
#coordonnees_paiement #nom_voie { width:330px; }
#coordonnees_paiement #complement { width:512px;  }
#coordonnees_paiement #cp { width:80px; }
#coordonnees_paiement #ville { width:330px;}
#coordonnees_paiement #pays { width:78px; background:#e7ecf2; }
#coordonnees_paiement #num_carte { width:122px;}
#coordonnees_paiement #mois_expire { width:42px;}
#coordonnees_paiement #annee_expire { width:42px;}
#coordonnees_paiement #crypto { width:32px;}

.recharge_auto_dhtml { margin-left:10px; }

table.credit{ margin:0 0 10px 0; width:560px; border:none;  }
table.credit tr td{height:55px; margin:10px; padding-right:15px; vertical-align:middle; background:#ffffff; border:none; }
table.credit tr td.legend{ font-size:19px; width:120px; text-align:right;}
table.credit tr td.value{ text-align:right; font-size: 34px; padding-right:20px; width:198px; background: url(../img/frame-solde.png) center center no-repeat; position: relative; }
table.credit tr td.value strong{ float:right\9; margin-top:-50px\9 }
table.credit tr td.error{text-align:center; padding:0;}
table.credit tr td.error div{text-align:center; padding:0; margin:0;}
table.credit input.montant { border:0; color: #666;  height:35px; font-size: 34px; width:150px; font-weight:bold; text-align:right; padding-right:1px; margin-right:5px; background-color:transparent;}

.span_montant { margin-top:5px !important; float:right; }

a.bt_seuil {cursor:pointer; float:left;display: block; width: 42px; height: 38px; padding-top: 20px; margin: 0 0 0 10px;  background: url(../img/bt-seuil.gif) left center no-repeat; text-decoration: none; color: #666; text-align: center; }
a.bt_seuil:hover {color: #FF6900; }

input.styled { display: none; }
select.styled { position: relative; width: 190px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }
span.select {
	position: absolute;
	width: 138px;
	height: 21px;
	padding: 5px 5px 0 35px;
	color: #666;
	text-align:left;
	font-weight:bold;
	font-size: 18px;
	background: url(../img/img-select.gif) bottom right no-repeat;
	overflow: hidden;
	z-index: 0;
	display: none;
}

.submit_valider{
	width: 140px;
	height: 30px;
	float:right;
	margin-right:10px;
	background: url(../img/bt_valider.gif) right no-repeat;
	border:none;
	color:#ffffff;
	font-size:0;
	padding:-9999em;
	cursor:pointer;
}

#form_login label {
	width:160px;
	float:left;
	margin:8px 0 0 0;
}

#form_login input[type="text"], #form_login input[type="password"] { width: 220px; margin: 5px 0 5px 0; }

#form_login a { color:#636363; }

#form_login .bt_submit {
	width:200px;
	height:40px;
	margin-right:20px;
}

#form_login #bt_connect { background: url(../img/bt_je-me-connecte.gif) top left no-repeat; }

/* Abillage des submit des formulaires */
.bt_submit {
	width:150px;
	height:40px;
	border:none;
	font-size:0;
	color: #ffffff;
	float:right;
	margin:0 ;
	cursor: pointer;
}

#bt_envoyer {
	background: url(../img/bt_envoyer.gif) top left no-repeat;
	margin:0 85px 0 0;
}

#je_poursuis_ma_commande {
	background: url(../img/bt_je-poursuis-ma-commande.gif) top left no-repeat;
}

#je_valide {
	background: url(../img/bt_je-valide.gif) top left no-repeat;
}



/* Classes utiles */
ul.bullet { list-style: url(../img/template/bullet.gif); }
ul.decimal { list-style-type: decimal; }

.prix {
	font-size:30px;
	font-weight: bold;
	color: #ff7000;
}

.notice { font-size:11px; color: #959595; }

.link_center { line-height:20px; }

.petit { font-size: 11px; }
.img_margin { margin-bottom:10px; float:left; }
.ident { margin-left:20px; }

.grey { color:#636363 !important; }
.orange { color:#ff7000; }
.red { color:#cc0000; }

.bg_red { background: #cc0000; }
.bg_black { background: #000000; }
.bg_blue { background: #0000ff; }
.bg_grey { background: #cbcbcb; }

.center { text-align:center; }
.txt_right { text-align:right; }
.normal { font-weight:normal; }

.bold { font-weight: bold; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.hidden { display: none; }

.hand { cursor: pointer; }

.no_hand { cursor: default !important; }