html, body { margin:0; padding:0; }

a img { border:0; }

table { line-height:24px; border-collapse:collapse; }
table tr td { padding:0; border:0; border-collapse:collapse; }

h2 { margin:0px 0px 20px 0px; }

div.error_reporting {
	background-color: #FFFFCC;
	border: 2px solid #CC6633;
	color: #CC6633;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	vertical-align: middle;
	margin-bottom:20px;
	display:none
}

img.loading{ width:16px ; display:none }

.asterisk{ color:#F00 }
#global { width:1000px; margin:30px auto 15px; }

label{ cursor:pointer }

.floater{ float:left }
.clear { clear:both!important }

.table_formulaire{ border-collapse: separate }
.table_formulaire td{ padding:5px }

.pad5 { padding:5px; }
.pad { padding:10px; }

.bck1{ background: -moz-linear-gradient(center top , #EDEDED 0%, #F7F7F7 100%) repeat scroll 0 0 transparent }
.bck2{ background: none repeat scroll 0 0 #FFFFFF }

input[type=text].textinput , input[type=password].textinput , textarea.textinput, select.textinput{ border: 1px solid #DCDCDC ; box-shadow:none ; color:#444 ; margin-bottom:15px ; padding:7px 10px ; width:180px ; font-family:arial,Helvetica,sans-serif ; font-size:12px }
textarea.textinput{ margin-bottom:7px ; width:180px ; resize:none }
select.textinput{ padding:7px 0px 7px 10px }

.textinputred {
    border-left: 1px #cc0000 solid;
    border-top: 1px #cc0000 solid;
    border-bottom: 1px #cc3333 solid;
    border-right: 1px #cc3333 solid;
    background-color:#FFF;
    font-size: 11px;
    color: #4b6f86;
    text-align: left;
    padding: 4px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.textinputred:focus { box-shadow: 1px 1px 4px #cc0000; -moz-box-shadow: 0px 0px 3px #cc0000; -webkit-box-shadow: 1px 1px 4px #cc0000; }

.input_error{ border:#F00 1px solid!important }

.sliminput { border-left: 1px #b1bfc7 solid; border-top: 1px #b1bfc7 solid; border-bottom: 1px #d9dee4 solid; border-right: 1px #d9dee4 solid; background-color:#FFF; font-size: 10px; color:#4b6f86; text-align:left; }
.inputdate { border-left: 1px #b1bfc7 solid; border-top: 1px #b1bfc7 solid; border-bottom: 1px #d9dee4 solid; border-right: 1px #d9dee4 solid; background-color:#FFF; font-size: 10px; color:#4b6f86; text-align:left; padding:4px; padding-left:22px; background-image:url(../images/calendar-icon.png); background-repeat:no-repeat; background-position:3px 2px; }

.titre { color:#4396ca; font-size:18px; margin-bottom:10px; }
.soustitre { color:#999; font-size:14px; margin-bottom:30px; }
.titresection { font-weight:bold; font-size:14px; margin-bottom:10px; }
.pgtitle { font-weight:bold; font-size:12px; margin-bottom:7px; }
.star_rate { width:32px; height:32px; background-image:url(../images/icon_star.png); background-repeat:no-repeat; text-align:center; color:#FFF; text-shadow: 1px 1px 0 #c2702b; font-size:16px; vertical-align:middle; line-height:32px; }
.success { margin-bottom:30px; border:2px solid #5ec45e; background-color:#e6ffe6; padding:7px; padding-left:30px; background-image:url(../images/check.png); background-repeat:no-repeat; background-position:7px center; font-size:12px; font-weight:bold; }
.infobulle { position:relative; top:3px; cursor:help; }

.table_cellpadding , table.cellpadding{ border-collapse:separate }
.table_cellpadding td , table.cellpadding td{ padding:2px }

#commande_feedback{ text-align:center }

.lightgray { color:#CCC; }
.error { color:#FF3300; }
.avertissement { color:#FF3300 }

#box_nextstep { border:1px solid #CCC; background-color:#EFEFEF; padding:10px; display:none; }

.connectbox { cursor:pointer; }
.connectbox:hover { 
	background: #DCDCDC;
}

.comment { margin-bottom:19px; }

.redtext { color:#FF3300; }

/* LOGIN */
#splash { width:414px; height:351px; background-image:url(../images/splashbg.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-170px; left:50%; margin-left:-220px; }


.gradientbox { 
	width:195px; 
	border:1px solid #DCDCDC;
	margin-bottom:15px;
	background: #FFF;
}

.gradientboxlite { 
	width:195px; 
	margin-bottom:15px;
	background: #F7F7F7;
	border:1px solid #DCDCDC
}

.graygradient { background: #F7F7F7; }


/* NEWS */
#news { 
	width:195px;
	border:1px solid #DCDCDC;
	margin-bottom:15px;
}
#news_header { 
	padding:4px;
	text-align:center;
	background: #FFF;
	font-weight:bold;
	color:#4396ca;
	border-bottom:1px solid #DCDCDC;
}
#news_content {
	padding:8px;
	background: #FFF;
}
#news_content a { color:#666; }
#news_news { margin-bottom:15px; }
#news_text { padding-left:10px; }


/* NAV */
#nav_content {
	padding:8px;
	background: #FFF;
	line-height:24px;
}
#nav_content a { color:#666; text-decoration:none; text-transform:uppercase; }
#nav_content .sep { height:10px; border-bottom:1px dotted #999; margin-bottom:10px; }


#nav_content_2 {
	padding:8px;
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ccc));
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
	line-height:20px;
	font-size:12px;
}
#nav_content_2 .title { font-weight:bold; text-transform:uppercase; margin-top:7px; }
#nav_content_2 a { color:#666; text-decoration:none; background-image:none; }
#nav_content_2 a:hover { padding-left:12px; background-image:url(../images/puce2.png); background-repeat:no-repeat; background-position:0px 2px; }
#nav_content_2 .sep { height:4px; border-bottom:1px dotted #999; margin-bottom:4px; }
#nav_content_2 .subcat { line-height:18px; margin-top:2px; margin-bottom:4px; }
#nav_content_2 .subcat a { margin-left:5px; }

/* MAIN */
.roundedbox { 
	background-color:#FFF;
	padding:10px;
	border:1px solid #DCDCDC;
	min-height:350px;
	position:relative
}

#leftside {
	width:195px;
	float:left;
	margin-right:15px;
}

#rightside {
	width:790px;
	float:left;
}

/* BOUTONS */
.clean-gray {
	color:#FFF;
	background: #4396CA;
	font-size:1.1em;
	padding:5px 10px;
	text-decoration:none;
	border: none;
	margin-right:10px;
	cursor: pointer;
}

.clean-gray:hover , .clean-gray:active {
	color:#FFF;
	background: #004b8f;
	border: none;
	cursor: pointer;
	text-decoration:none;
}

/*BOUTON BLEU*/
.clean-blue {
	color:#FFF;
	background: #FE9222;
	font-size:1.1em;
	padding:5px 10px;
	text-decoration:none;
	border: none;
	margin-right:10px;
	cursor: pointer;
}

.clean-blue:hover , .clean-blue:active {
	background: #FE6A1F;
	border: none;
	cursor: pointer;
	text-decoration:none
}

a.clean-blue:link , a.clean-blue:visited{
	padding:5px
}

/*Autre button*/
a.clean-gray-lite{ padding:7px 10px  }

.clean-gray-lite , .fback_overlay .close {
	background: #9E9E9E;
	border: none;
	color: #FFF;
	text-decoration:none;
	font-size:1.1em;
	padding:5px 10px;
  	cursor: pointer;
}

.clean-gray-lite:hover , .clean-gray-lite:active , .fback_overlay .close:hover , .fback_overlay .close:active{
	background: #666;
	border: none;
	cursor: pointer;
}

.box{ padding:10px ; background-color:#FFF ; border:1px solid #DCDCDC ; margin-bottom:20px ; position:relative }
.box .listButton{ padding:10px 0 ; position:relative }

/* LIENS */
.toolbarPanel{ position:relative ; text-align:right ; line-height:30px ; margin:25px 0 0 ; padding:10px 0px 10px 0px ; float:left ; width:100% }
.toolbarPanel div{ float:right }
.toolbarPanel a:link , .toolbarPanel a:visited{ color:#0EA7D6 ; margin-right:10px }

.lien { color:#638aa2; text-decoration:none; }
.lien:hover { text-decoration:underline; }

.biggray { font-size:14px; text-decoration:none; color:#666; }
.biggray:hover { text-decoration:underline; }

.lien_majContact { padding-left:20px; color:#000; text-decoration:none; background-image:url(../images/icon_majContact.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; margin-right:25px; }
.lien_majContact:hover { text-decoration:underline; }
.lien_accueil { padding-left:20px; color:#000; text-decoration:none; background-image:url(../images/icon_home.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; margin-right:25px; }
.lien_accueil:hover { text-decoration:underline; }
.lien_compte { padding-left:20px; color:#638aa2; text-decoration:none; background-image:url(../images/icon_user.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; margin-right:25px; }
.lien_compte:hover { text-decoration:underline; }
.lien_logout { padding-left:20px; color:#444; text-decoration:none; background-image:url(../images/icon_logout.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; color:#000  }
.lien_logout:hover { text-decoration:underline; }

.lien_rss { padding-left:24px; color:#666; text-decoration:none; background-image:url(../images/rss.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px;  }
.lien_rss:hover { text-decoration:underline; }

.lien_avis { padding-left:24px; color:#666; text-decoration:none; background-image:url(../images/check.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px;  }
.lien_avis:hover { text-decoration:underline; }

.lien_acces { padding-left:70px; color:#4396ca; text-decoration:none; background-image:url(../images/icon_network.jpg); background-repeat:no-repeat; padding-top:10px; padding-bottom:15px; font-size:18px;  }
.lien_acces:hover { text-decoration:underline; }
.lien_fixe { padding-left:70px; color:#4396ca; text-decoration:none; background-image:url(../images/icon_phone.jpg); background-repeat:no-repeat; padding-top:10px; padding-bottom:15px; font-size:18px;  }
.lien_fixe:hover { text-decoration:underline; }
.lien_mobile { padding-left:70px; color:#4396ca; text-decoration:none; background-image:url(../images/icon_mobile.jpg); background-repeat:no-repeat; padding-top:10px; padding-bottom:15px; font-size:18px;  }
.lien_mobile:hover { text-decoration:underline; }
.lien_hebergement { padding-left:70px; color:#4396ca; text-decoration:none; background-image:url(../images/icon_email.jpg); background-repeat:no-repeat; padding-top:10px; padding-bottom:15px; font-size:18px;  }
.lien_hebergement:hover { text-decoration:underline; }
.lien_administratif { padding-left:70px; color:#4396ca; text-decoration:none; background-image:url(../images/icon_administratif.jpg); background-repeat:no-repeat; padding-top:10px; padding-bottom:15px; font-size:18px;  }
.lien_administratif:hover { text-decoration:underline; }

.lien_home { color:#4396ca; text-decoration:none; font-size:16px; }
.lien_home:hover { text-decoration:underline; }

.lien_commande {
  background: #eee;
  background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  text-decoration:none;
}

.lien_commande:hover {
  background: #ddd;
  background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.lien_commande:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}


.lien_support { padding-left:25px; background-image:url(../images/icon_question_out.png); background-repeat:no-repeat; }
.lien_support:hover { background-image:url(../images/icon_question_over.png); }

.lien_doc { padding-left:25px; background-image:url(../images/icon_doc_out.png); background-repeat:no-repeat; }
.lien_doc:hover { background-image:url(../images/icon_doc_over.png); }

.lien_comm { padding-left:25px; background-image:url(../images/icon_cart_out.png); background-repeat:no-repeat; }
.lien_comm:hover { background-image:url(../images/icon_cart_over.png); }

.lien_gamme { border:1px solid #CCC; cursor:pointer; }
.lien_gamme:hover { background-color:#EFEFEF; }

.lienbold { color:#666; text-decoration:none; font-weight:bold; }
.lienbold:hover { text-decoration:underline; }

.lienpage { padding:3px 6px; border:1px solid #CCC; text-decoration:none; color:#4396CA; }
.lienpage:hover { border:1px solid #4396CA; background-color:#4396CA; color:#FFF; }
.lienpage_selected { padding:3px 6px; border:1px solid #4396CA; background-color:#4396CA; text-decoration:none; color:#FFF; font-weight:bold; }

.link_back { color:#4396CA; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-decoration:underline; padding-left:22px; background-image:url('../images/icon_back.png'); background-repeat:no-repeat; background-position:left; }
.link_back:hover { text-decoration:none }
.link_monitor { padding-left:20px; text-decoration:none; background-image:url(../images/monitor.png); background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; margin-right:25px; background-position:0px 2px; color:#000 }
.link_monitor:hover { text-decoration:underline }

/* ELIGIBILITE */
.table_eligibilite { width:100%; line-height:34px; }
.table_eligibilite tr td { border-right:1px solid #CCC; text-align:center; }
.eli_tr { background: #FFFFFF; background: -moz-linear-gradient(0% 100% 90deg,#F0F0F0, #FFFFFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0)); }
.eli_tr_alt { background: #e6e6e6; background: -moz-linear-gradient(0% 100% 90deg,#ecedef, #e6e6e6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#ecedef)); }
.prix { font-size:14px;color:#006699; }
.prixfas { font-size:12px;color:#666; }
#topinfo { border:1px solid #CCC; background-color:#EFEFEF; }


/* COMMANDES */
#box_tarif { font-size:13px; font-weight:bold; }
#box_fas { font-weight:bold; }
.graybox_head { color:#FFF; font-size:13px; background-color:#4396ca; padding:4px 12px; width:200px; }
.graybox { border:1px solid #CCC; }
.altline { background-color:#EFEFEF; }

/* OVERLAYS */
.fback_overlay {
	display:none;
	z-index:10000;
	background-color:rgba(255, 255, 255, 0.7);
	width:500px;
	-moz-box-shadow:0 0 50px 5px #333;
	-webkit-box-shadow: 0 0 50px #333;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.fback_overlay_content {
	background-color:#FFF;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	border:1px solid #CCC;
}

.forgotpass_overlay {
	display:none;
	z-index:10000;
	background-color:rgba(255, 255, 255, 0.7);
	width:500px;
	-moz-box-shadow:0 0 50px 5px #333;
	-webkit-box-shadow: 0 0 50px #333;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.forgotpass_overlay .close {
	background-image:url(../images/icon_close.png);
	position:absolute;
	right:-6px;
	top:-6px;
	cursor:pointer;
	height:22px;
	width:22px;	
}

#exposeMask{ z-index:1000!important }

.simple_overlay {
	display:none;
	z-index:1001!important;
	background-color:#FFF;
	width:600px;
	padding:10px;
	border:1px solid #666;
	
	-moz-box-shadow:0 0 50px 5px #666;
	-webkit-box-shadow: 0 0 50px #666;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.simple_overlay .close {
	background-image:url(../images/icon_close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:22px;
	width:22px;	
}

.another_overlay {
	display:none;
	z-index:10000;
	background-color:#FFF;
	width:500px;
	min-height:100px;
	-moz-box-shadow:0 0 50px 5px #333;
	-webkit-box-shadow: 0 0 50px #333;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.another_overlay .close {
	background-image:url(../images/icon_close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:22px;
	width:22px;	
}


.feederror {
	display:none;
	z-index:10000;
	text-align:center;
	background-color:#FFF;
	width:400px;
	min-height:50px;
	font-size:12px;
	border: 2px solid #d67c00;
	-moz-box-shadow:0 0 20px 5px #CCC;
	-webkit-box-shadow: 0 0 20px #CCC;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding:10px;
	background-image:url(../images/warning2.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}


/* TOOLTIPS */
div.eli_tooltip {
	display:none;
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:12px;
	width:200px;
	padding:10px;
	color:#666;
	-moz-box-shadow: 5px 3px 12px #CCC; 
    -webkit-box-shadow: 5px 3px 12px #CCC; 
    box-shadow: 5px 3px 12px #CCC;
}

.tooltip {
	display:none;
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:10px;
	height:45px;
	width:200px;
	padding:10px;
	color:#666;
	-moz-box-shadow: 0px 1px 6px #999;
    -webkit-box-shadow: 0px 1px 6px #999;
    box-shadow: 0px 1px 6px #999;
}

.menu_tooltip {
	display:none;
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:11px;
	min-height:45px;
	width:320px;
	padding:10px;
	color:#666;
	-moz-box-shadow: 0px 1px 6px #999;
    -webkit-box-shadow: 0px 1px 6px #999;
    box-shadow: 0px 1px 6px #999;
}

.liltooltip {
	display:none;
	background-color:#FFF;
	border:2px solid #CCC;
	font-size:12px;
	padding:10px;
	color:#666;
	text-align:center;
	-moz-box-shadow: 0px 1px 6px #999;
    -webkit-box-shadow: 0px 1px 6px #999;
    box-shadow: 0px 1px 6px #999;	
}

/* TABLES */
.tablenpad { line-height:12px; border-collapse:collapse; width:100% }
.tablenpad tr td { padding:3px 5px; border:0; }
.spaced { line-height:16px; }
.borded tr td { border:1px solid #CCC; }

.tickets { line-height:20px; border-collapse:collapse; width:100% }
.tickets thead tr { line-height:24px;  }
.tickets thead tr th {  background: #666 ; color:#FFF; }
.tickets thead tr th, .tickets tbody tr td, .tickets tfoot tr td { padding:3px 5px; border:1px solid #DCDCDC; text-align:center; }

.tableconso { width:100%; border-collapse:collapse; line-height:19px; text-align:center; }
.tableconso thead { background: #e6e6e6; background: -moz-linear-gradient(0% 100% 90deg,#e6e6e6, #ecedef); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecedef), to(#e6e6e6)); border:1px solid #CCC; padding:5px 0; }
.tableconso tr td { border:1px solid #CCC; padding:0 4px; }
.tableconso tbody tr:nth-child(even) { background-color: #F6F6F6; }
.linecap { font-weight:bold; color:#1569b1; }
.linetotal { background-color:#EEE; font-weight:bold; color:#666; }

/*homecontent*/
.homecontentEli{ position:absolute ; bottom:0px }
.homecontentEli input[type="text"]{
	border:1px solid #DCDCDC;
	color:#CCCCCC;
	display:block;
	font-style:italic;
	margin-right:10px;
	padding:7px 10px;
	width:180px;
}
.homecontentEli input[type="text"]:focus , 
.homecontentEli input[type="text"]:hover{
	color:#666;
	box-shadow:none
}

.SearchBox{
	background-image:url( 'images/search.png' );
	background-position:5px;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #9ba5af;
	color:#666;
	font-size:9pt;
	width:120px;
	border-radius: 12px; 
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.box_gray{
	background-color:#F7F7F7;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding:10px;
	border:1px solid #DCDCDC
}