/* Couleurs ------------------------------------------
pink : #FE4365
pink light : #FC9D9A
beige : #F9CDAD
green light : #C8C8A9
green : #83AF9B
green dark : #5C7266
*/
/* Reset ---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font:12px/1.4 Arial, 'Liberation Sans',FreeSans,sans-serif;color:#333;background:#f0f0f0 url(/img/bg_body2.gif) repeat-y 50% 0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a:focus{background-color:#FFFFC3;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font-size:23px;color: #333;line-height:1.2em;margin-top: 8px;}
h2{font-size:21px;}
h3{font-size:19px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:26px;}
p,hr,h1,h2,h3,h4,h5,h6,pre,address{margin-bottom:10px;}
.clear:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clear{display:inline-block}
* html .clear{height:1%}
.clear{display:block}
/* Containers ------------------------------------------*/
.container_12{margin-left:auto;margin-right:auto;width:960px;}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
    display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_3{width:220px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_6{width:460px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_9{width:700px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}
.container_12 .grid_12{width:940px;}
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_3{padding-left:240px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_6{padding-left:480px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_9{padding-left:720px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_3{padding-right:240px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_6{padding-right:480px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_9{padding-right:720px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_3{left:240px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_6{left:480px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_9{left:720px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}
.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_3{left:-240px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_6{left:-480px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_9{left:-720px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}



/* Messages and errors ----------------------------------------------*/
ul.errors {display:none;background-color:#FCC;color:#C33;padding:10px;margin:0;list-style:none;}
ul.messages {display:none;background-color:#9F9;color:#393;padding:10px;margin:0;list-style:none;}
ul.errors, ul.messages li {margin:0;padding:0;}

/* Styles ----------------------------------------------*/
a {text-decoration:none; font-weight:bold; color:#C00;}
img {border-style: none;}
input.example {color:#aaa;}

#header {height:90px;background:#fff url(/img/back_top.jpg) no-repeat -5px top;margin-bottom:10px;}
#logo {margin-left:35px;margin-top:6px;float:left;width:105px;text-align:center;display:inline;}

ul#navigation-main {float:left;margin:0 0 0 46px;}
ul#navigation-main li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px 0 10px 0;
	text-align: center;
	font:normal 11px arial,sans-serif;
	text-transform:uppercase;
}
ul#navigation-main li a {
    display:block;
    background-repeat:no-repeat;
    background-position: left top;
    font-weight:bold;
	width: 94px;
	padding:70px 0 4px 0;
}
ul#navigation-main li a:hover {color:#000;}

div.form-help {font-size:11px;margin-top:10px;color:#5C7266;line-height:1.3em;}

dt {float:left;padding-right:0.5em;font-weight:bold;}
dd {margin:0.3em 0;}

div.actions {padding:10px 0;}
div.actions h2 {margin:0 0 5px 10px;}
#navigation-action {width:200px;margin:0 10px 20px 10px;padding:0;list-style:none;}
#navigation-action li {margin:0;padding:0;display:inline;}
#navigation-action li a {
	background:transparent url(/img/back_bouton.gif) repeat-x left 50%;
    padding: 6px 0px 6px 0px;
    margin:0 0 10px 0;
    text-align:center;
    border: 1px solid #ccc;
    font: bold 10px arial,sans-serif;letter-spacing:1px;text-transform:uppercase;
    color: #444;
    display: block;
    float:left;
    width:99%;
}



div.colleft {float:left;width:620px;margin-top:10px;margin-right: 10px;padding: 10px;border: 2px dotted #ccc;}
div.colleft p {
	padding-right: 50px;
}
div.colright {float:right;width: 210px;margin-top:10px;margin-right: 10px;padding: 10px;border: 2px dotted #ccc;font:12px georgia, serif; color: #999;line-height:18px;}
div.colright h5 {font:bold 14px arial, sans-serif;color:#000;margin:6px 0;font-style:italic;}

#main-content {background:transparent url(/img/back_main_content.gif) repeat-y;margin-bottom:10px;}
/*.container_12 #main-content .grid_9 {padding:5px 0 10px 10px;width:690px;}
.container_12 #main-content .grid_9 .grid_6 {width:450px;}*/

/*Mise en forme du contenu des news*/
#Client-home .sticky {background:#9ca89c url(/img/back_th.gif); padding:10px; margin:5px 0; color:#FFFFFF; font-weight:bold;}
#Client-home .news {margin-top:15px;}
#Client-home .news h4 {margin-bottom:0;}
#Client-home .news .created, #News-view .created {color:#7F7F7F; font-size:10px; float:right;}
#News-view .content h2 {margin-bottom:0;}
#News-view .content ul {margin-bottom:10px;}
#News-view .content img {margin:5px;}


table {width:100%;border-bottom:1px solid #ccc;}
table th {
    font: bold 10px arial,sans-serif;
    background:#B5BFB3 url(/img/back_th.gif);
	color: #000;
	padding:6px 4px;
	text-align:left;
	text-transform:uppercase;
	border-right:1px solid #fff;
}
table th a {
	color: #000;
	font-weight:bold;
	text-decoration:underline;
}

table tr.odd {background-color:#E5E5E5;}
table td {font: normal 12px/16px arial,sans-serif;vertical-align:top;padding:6px 2px 2px 2px;border-top:1px solid #B5BFB3;}
table td a {color:#C00;text-decoration:none;}
table td.action {line-height:12px;padding:0;}
table td.action a {margin:0 0 0 2px;padding:0;}
table td.action a img {padding:0;margin:0;}
table.tablesorter th div {text-decoration: underline;cursor:pointer;}
table.tablesorter th.headerSortDown div:after {content:'↓';}
table.tablesorter th.headerSortUp div:after {content:'↑';}
table ul {
	padding: 0px;
	margin: 0px;
}
table ul li {
	font-size: 11px;
	text-align:left;
	list-style-type:square;
}
.right {
	float: right;
	width: 200px;
	text-align: right;
	margin: 20px 0px 20px 0px;
	font: 12px arial,sans-serif;
}
.pager {
	float: left;
	width: 440px;
	font: normal 13px arial,sans-serif;
	margin: 20px 0px 20px 0px;
}
.pager a {

	padding: 2px 6px 2px 6px;
	color: #333;
	font-weight: bold;
	background:#eee;
}
.pager a:hover {
	background: #C00;
	color: #fff;
}
.pager a.active {
	background: #C00;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

div#footer {background-color:#fff;padding-bottom:80px;font-size:11px;}
ul#breadcrumb {list-style:none;margin:0;padding:0;}
ul#breadcrumb li {float: left;margin:0 5px 0 0;}
ul#breadcrumb li a {font:normal 12px arial,sans-serif;}
div#disconnect {float:right;}
div#disconnect a {font:normal 12px arial,sans-serif;color:#C00;}
div#account {float:right;}
div#account a {font:normal 12px arial,sans-serif;color:#C00; margin-right:5px;}

#stats {background-color:#fff;}
#stats h1, #stats #report h1 {padding:5px;}
#stats .title {background-color:#B5BFB3; padding:5px; font-weight:bold; font-size:18px; margin:10px 5px;}
#stats .title .main {text-transform:uppercase; float:left;}
#stats .title .select {text-align:right;}
#stats .grey {color:#666666;}
#stats .number {font-size:13px; font-weight:bold;}
#stats .percent {color:#000; font-weight:bold;}
#stats p.green {background:url(/img/bg_green.jpg) no-repeat left center; padding-left:25px;}
#stats p.blue {background:url(/img/bg_blue.jpg) no-repeat left center; padding-left:25px;}
#stats p.orange {background:url(/img/bg_orange.jpg) no-repeat left center; padding-left:25px;}
#stats li {margin-left:10px; margin-bottom:10px;}
#report {background-color:#fff;}

.shortstat {border:none;}
.shortstat td {border:none;}
.shortstat {}


.chart_tooltip .date { font-size: 10px; font-weight: normal }
.chart_tooltip .visits { color: #8000FF; font-weight: normal;}
.chart_tooltip .opens { color: #239F00; font-weight: normal }
.chart_tooltip { font-size: 11px; line-height: 13px; margin-left: 2px; font-weight: bold }
.chart_tooltip p {margin:0;padding:0;}

#dashboard2 {
	background-color: #fff;
}
#dashboard .infos {
	background-color: #FE8395;
	padding:10px;
	color: #fff;
}
#dashboard .titles {
	margin-bottom: 35px;
}
#dashboard .titles h2.title {
	font-size: 24px;
	margin-bottom: 5px;
}
#dashboard .titles h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#dashboard .infos-left {
	float: left;
	width: 385px;
}
#dashboard .global .legend {
	float: left;
	text-align: right;
}
#dashboard .global .dates {
	float: left;
	text-align: left;
	margin-left: 25px;
	font-weight: bold;
}
#dashboard .infos-right {
	float: left;
	width: 516px;
}
#dashboard .infos-right h4 {
	background-color: #fff;
	color: #FE8395;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 3px 0px;
	text-align: center;
}
#dashboard .infos-right {
	float: right;
	padding: 5px;
}
#dashboard .infos-right div {
	float: left;
	width: 170px;
	border: 1px solid #fff;
}
#dashboard .infos-right p {
	padding: 5px;
	margin: 0px;
	height: 121px;
	overflow: auto;
}
#dashboard .main-stats {
	position: relative;
	padding: 10px;
	margin: 0px 10px;
	margin-top: -1px;
	border: 1px solid #FE8395;
	height: 243px;
}
#dashboard .main-stats .sent {
	display: inline-block;
	height: 65px;
	color: #fff;
	font-size: 48px;
	background: url('/img/stats-counter.jpg') repeat-x;
	padding: 0px 25px;
	border: 2px solid #fd3955;
}
#dashboard .main-stats .counter {
	line-height: 65px;
	position: absolute;
	top: 91px;
	left: 31px;
}
#dashboard .main-stats p {
	font-size: 48px;
	color: #FE8395;
}
#dashboard .ouvertures, #dashboard .visites {
	margin: 10px;
	border: 2px solid #e3e3e3;
}
#dashboard .ouvertures h3, #dashboard .visites h3 {
	color: #FE8395;
	font-weight: normal;
	background-color: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 5px;
}
#dashboard .social {
	margin-top: 75px;
}
#dashboard .social table {
	margin: 10px;
	border: 2px solid #e3e3e3;
	width: 920px;
}
#dashboard .social table tr th {
	background: none;
	background-color: #f3f3f3;
	color: #FE8395;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	border-right: 2px solid #e3e3e3;
	border-bottom: 2px solid #e3e3e3;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
}
#dashboard .social table td {
	color: #FE8395;
	margin: 0px;
	text-transform: none;
	border: 1px solid #e3e3e3;
	border-right: 2px solid #e3e3e3;
	padding: 1px;
	vertical-align: middle;
}
#dashboard .social table td a {
	color: #FE8395;
	font-weight: normal;
}
#dashboard .social table td a span {
	color: #b3b3b3;
	font-style: italic;
}
#dashboard .social table tr.impair {
	background-color: #f3f3f3;
}
#dashboard .donuts {
	float: right;
	margin-top: 20px;
}
#dashboard #counters {
	float: left;
}
#dashboard #count-informations {
	float: left;
}
#dashboard .main-stats ul {
	list-style-type: none;
	font-size: 12px;
}
#dashboard .main-stats li {
	margin-left: 0px;
	margin-bottom: 5px;
}
#dashboard .main-stats li span {
	display:inline-block;
	height:10px;
	width:10px;
	margin-right: 3px;
}


#dashboard .donut {
	float:left;margin-left:26px;position:relative;
}
.devices {
	padding:0px 10px;
	margin-bottom: 50px;
	margin-top: 40px;
}
.devices .device {
	position:relative;
	float: left;
	margin-left: 79px;
}
.devices p {
	position:absolute;
}
#dashboard .socials {
	padding: 0 10px;
}
#dashboard .socials img {
	float:left;
}
#dashboard .socials p {
	float:left;
	font-size: 24px;
	margin-left: 10px;
}
#dashboard .socials .social {
	float: left;
	margin-left: 30px;
}

#dashboard .ouvertures, #dashboard .visites {
	font-size: 13px;
}

.demo-container {
	width: 900px;
	height: 500px;
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

#dashboard2 #links {
	margin-bottom: 24px;
	border:none;
}

#dashboard2 #links th {
	background: none;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
	vertical-align: bottom;
	font-weight: normal;
	text-transform: none;
}

#dashboard2 #links td {
	border: none;
	border-top: 1px solid #ddd;
	height: 50px;
	vertical-align: bottom;
}

#dashboard2 #links td.number {
	font-size:18px;text-align:center;vertical-align:middle;
}

#dashboard2 #links td p {
	color:#E36987;
	font-size: 16px;
	margin: 0 0 6px 0;
}
#dashboard2 #links td a {
	color:#888;
	font-weight: normal;
	text-decoration: none;
	display: block;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 400px;
}

.bar {
	width: 60px;
	padding:0 5px;
	text-align: center;
	color:#fff;
	margin:0 auto;
	float: left;
}
.bar div {
	width: 100%;
	font-size: 14px;
	padding: 8px 0 16px 0;
}