html, body { 	/*height: 100%;*/ }
body { margin:0px;padding:0px;background-color: #ccff66;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #736347;font-size:14px;line-height: 20px; }
select,input { color:#333; }
h1, h2, h3 { margin: 0px 0px 10px 0px; font-weight: normal;color: #31240C; }
h1 { letter-spacing: -2px;line-height: 1;font-size: 40px; }
h1.h1-style1 { margin-bottom: 15px;font-size: 2.8em; }
h1.h1-style2 { margin-bottom: 10px;font-size: 2.3em; }
h2 { letter-spacing: 0em;font-size: 1.6em; }
h2.h2-style1 { margin-bottom: 15px;font-size: 1.3em;color: #97B920; }
h2.h2-style2 { margin-bottom: 10px;font-size: 15px;color: #97b920; }
h3 { font-size: 17px; }
p, ol, ul { margin-top: 0px;margin-bottom: 20px; }
ul.ul-style1 { margin: 0px;padding: 0px;list-style: none;line-height: 30px;font-size: 11px; }
ul.ul-style2 { margin: 0px;padding: 0px;list-style: none;line-height: 15px; }
a { color: #97B920;font-weight: bold; }
a:hover { text-decoration: none; }
a img { border: none; }
img { border:none; }
img.border {}
img.alignleft { float: left; }
img.alignright { float: right; }
img.aligncenter { margin: 0px auto; }
hr { display: none; }

.golden { color: #97B920; }
.clearfix { float:none;clear: both;font-size:1px; }
.curvedBorder {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.shadowedPanel {box-shadow: black 2px 2px 4px; -webkit-box-shadow: black 2px 2px 4px; -moz-box-shadow: black 2px 2px 4px; }

div#footer {color:#736347;font-size:11px;text-align:center;padding-top:30px;width:400px;margin:auto; }

div.header { background-image:url('/images/skyline.jpg');background-repeat:repeat-x;height:135px;width:100%;text-align:center; }
div.innerHeader { width:1250px;margin:auto; } 
div.logoPanel { float:left;width:240px;padding-top:10px;text-align:center; }
div.menuPanel { float:left;width:750px;text-align:center;padding-top:10px; }

div.flags { float:right; }
img.flagImage { border:0px none;width:30px;padding-top:6px; }
img.flagImageSelected { border:0px none;width:55px;margin-top:-5px; }
div.flagItem { float:right;width:65px; }

div#menu { margin:30px auto 0px auto;width:605px;position:relative; }
.lastItemPopup { padding-bottom:10px;border-bottom:solid 1px #8EE4F6;font-size:14px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; }

div.headerBox { width:1230px;margin:auto;text-align:left; }
div.bodyBox { width:1230px;margin-right:auto;margin-left:auto;margin-top:10px;padding-top:30px;}

div.sidePanelItem { margin-right:auto;margin-left:auto;margin-bottom:15px; }
div.leftPanel { text-align:center;float:left;width:225px;margin-right:25px;}
div.centerPanel { text-align:left;float:left;width:705px;}
div.rightPanel { text-align:center;float:left;width:225px;margin-left:25px;}

div.content { border-radius:20px;background-color:#ffffff;padding:40px 30px 30px 40px;width:635px;box-shadow:0px 1px 1px 1px #888;margin:auto; }
div.content:first-child { margin:-55px auto auto auto; }

.box-style1 { padding: 15px 0px 0px 0px; }
.box-style1 .title, .box-style2 .title { padding: 0px 0px 0px 0px;font-size: 1.2em;text-align: center;font-weight: lighter;height: 30px;color: #5E5039;margin: 0 0 25px 0; }
.box-style1 ul { margin: 0px;padding: 0px;list-style: none;line-height: normal;font-size: 11px; }
.box-style1 li { padding: 10px 0px;border-top: 1px solid #DDD2BA; }
.box-style1 li.first { border: none; }
/* .box-style1 a { text-decoration: none;color: #736347; } */
.box-style1 a:hover { text-decoration: underline; }
.box-style2 { padding: 25px 0; }

.column { float: left;width: 190px; }
.column h2{ letter-spacing:-0.1em;text-align:left; }
.column1 { padding-left: 0px; }
.column2 { padding-left: 28px; }
.column3 { padding-left: 27px; }

table#front-ad  { margin-top:20px; }
table#front-ad tr td.firstcol { width:145px;background:url('/images/accroche2.jpg') center center no-repeat;color:#555;text-align:center;font-weight: bold;cursor:pointer; }
table#front-ad tr td.secondcol { width:400px;}
table#front-ad p { font-size:12px;color:#000;line-height:normal; }

h2.title { font-size:1.3em;} 

div#box4 p,div#box5-1 p,div#box5 p { font-size:0.9em;line-height: 1em;width:90%; margin:auto; }
div.carrefondbleu { background:url(/images/vignette_vierge.jpg) 0 0 no-repeat;width:190px;height:105px;margin:0;text-align:center;padding: 8px 0 0 0; }
div.hidden { display:none; }
div#sidebar div.first { margin-top:45px; }

table.comparatif { margin: 30px auto 20px auto;text-align:center;border:3px solid #97b920;background-color: #FFF; }
table.comparatif.accueil { margin: 0 auto 10px auto;font-size:11px; border:1px solid #999;width:95%; }
table.comparatif td, table.comparatif th{ padding: 10px 5px;border:1px dotted #6495ed; }
table.comparatif.accueil td, table.comparatif.accueil th{ padding: 2px 0; }
table.comparatif td{}
table.comparatif caption{ display:none; }
table.comparatif th[scope=col]{ background-color: #fff; font-weight:normal; }
table.comparatif th[scope=row]{ background-color: #B0D931; }
table.comparatif td.emptycorner{ background:url('/images/tramage.png'); }
table.comparatif td.emptycorner.full{ background-color: #B0D931!important; }
table.comparatif tr.operateur td, table.comparatif tr.operateur th{ background-color:#FF6; text-align:center; }
table.comparatif td.contraste, table.comparatif th.contraste{ color:#84A51F; }
table.comparatif td.economies{ font-size:0.8em;font-weight:bolder;color:#45AC00;border-left:1px solid white;padding:8px 0 0 0;background: url(/images/logo_minisourire.png) center 80% no-repeat;vertical-align: top; }
table.comparatif td.economies.lignedouble{ padding:19px 0 0 0; }
table.comparatif tr.bonus td.economies{ border:1px dotted #6495ed; }
table.comparatif tr.contraste-1 td,table.comparatif tr.contraste-1 th { background-color:#9FF; }
table.comparatif tr.contraste-2 td,table.comparatif tr.contraste-2 th { background-color:#b0d931; }
table.comparatif tr.bonus td,table.comparatif tr.bonus th { color:#860303; }
table.comparatif span.prix{ font-weight:bold;font-style:oblique;font-size: 1.1em; }	
table.comparatif th.odd, table.comparatif td.odd { background-color:#fff; }
table.comparatif th.even, table.comparatif td.even {	background-color:#F4F4F4; }

span.attention { color:#F00; font-weight:bold; }
span.info { color:#09F;font-weight:bold; }

div.jecommande { text-align:center;margin: 5px 0; }

div#form_order { text-align:center;width: 100%;margin: 0px;padding: 0px; }
div#form_order div#forfaits, div#form_order div#recharges { width:90%;float:left;text-align:center;margin: 0px 4%; }
div#form_order div#forfaits img, div#form_order div#recharges img { margin:30px 0 20px 0; }
div#form_order div#recharges { border-left: 1px solid grey; padding-left: 20px; }

div.offre { width:200px;height:150px;margin:20px 40px 20px 40px;text-align: center;float: left; }
label.offre { width:200px;height:150px;margin:20px 40px 20px 40px;text-align: center;float: left;display:block; }
div.offre2 { width:200px;height:150px;margin:10px;text-align: center;float: left; }
div.offreSmall { width:141px;height:108px;margin:5px;text-align: center;float: left; }
div.offre_alone { width:200px;height:150px;margin:40px auto;text-align: center; }
div.offre input.bottom, div.offre2 input.bottom, div.offre_alone input.bottom{ margin:120px 0 0 0; cursor:pointer; }
label.offre input.bottom, label.offre2 input.bottom, label.offre_alone input.bottom{ margin:126px 0 0 0; cursor:pointer; }

.boutonforfait { font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-style: normal;color: #b1dd0e;text-align: center; }
.boutonrecharge { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #343D40; text-align: center; }
.titre { text-align: center;font-family: Arial, Helvetica, sans-serif;color: #343D40;font-size: 14pt; font-weight: bold; }
.titre_sur_bandeau{ text-align: center; font-family : Arial, Helvetica, sans-serif; margin-left:350px;font-size: 11pt; font-weight: bold; }
.titre_input{ text-align: left;font-family: Arial, Helvetica, sans-serif;margin:0px;font-size: 1.2em;font-weight: bold;color: #333; }
.text_main { text-align: justify;font-family: Arial, Helvetica, sans-serif;color: #343D40;font-size: 13pt; font-weight: bold; }
.text_mainpetit { text-align: justify; font-family: Arial, Helvetica, sans-serif;color: #343D40;font-size: 11pt; }
.greencard {	text-align: left;font-family: Arial, Helvetica, sans-serif;color: #b1dd0e;font-size: 12pt;font-weight: bold; }
.txtblc{ text-align: left;font-family: Arial, Helvetica, sans-serif;color: #ffffff;font-size: 13pt;font-weight: bold; }
.smalltitre { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #155f9c; }
.centernoir14 { 	font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #9FA0A0;text-align: center; }
.titreboldnoir12{ font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #9FA0A0; }
.textered11 { font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: red;font-weight: bold; }
.texteblanc12 { font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF; }
.titreorange { font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #f08800; }
.reference { text-align: center; font-family : Arial, Helvetica, sans-serif;	color : #343D40;	font-size : 7pt; font-weight : bold; }

div#popupcontainer { padding:20px 20px 20px 20px;width:850px;margin:auto;background:#fff;position: relative; }
div#popupcontainer h1.h1-style1 { font-size: 2.4em; }
div#popupcontainer p{ line-height:1,1; }
div#popupcontainer p.first { padding-top:30px; }

p.mention { font-size:0.9em; line-height:1.1em; color:#666; }

div.accueil_annonce { text-align:center; font-size:1.3em; margin-top:-20px;}

.transparency  { opacity:0.25;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; }

#menu ul li.current a { color: #F00; cursor:default; }
#menu ul li.current a:hover { text-decoration:none; }