@charset "iso-8859-1";
@import "reset.css";
@import "menus.css";
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
  margin:0;
  padding:0;
  vertical-align:baseline;
}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,mark,audio,video {display:block;}
textarea{font:101%/1.5em Arial, Helvetica, sans-serif;}
blockquote{quotes:none;border-left: 1px solid #CCCCCC;font-style: italic;margin-left: 2em;}
q{quotes:none;font-style: italic;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:none;}

/* Baseline and common looks - Sets a vertical rhythm and styles the different elements.
 */
 
a {border: 0;text-decoration: underline;color: #ee9d01;}
a:hover,a:focus {text-decoration: none;}
a img {border: 0;}
abbr,acronym{
  border-bottom:1px dotted;
  cursor:help;
  font-variant:small-caps;
}
address,cite,em,i{
  font-style:italic;
}
blockquote p{
  margin:0 1.5em 1.5em;
  padding:0.75em;
}
code,kbd,tt{
  font-family:"Courier New", Courier, monospace, serif;
  line-height:1;
}
del{text-decoration:line-through;}
dfn{border-bottom:1px dashed;font-style:italic;}
dl{margin:0;}
dt{font-weight:700;}
dd{margin:0 0 1.5em 0;}
h1,h2,h3,h4,h5,h6{font-weight:700;padding:0;}
h1 {
	margin: 0;
	padding: 0 0 22px 0;
	line-height: 1.2em;
	font-size: 24px;
	font-weight: normal;
	color: #676767;
}
h1 a {text-decoration: none;color: #676767;}
h1 a:hover {color: #ee9d01;}
h1 b {display: block;padding: 0 0 18px 0;font-weight: normal;}
h2 {
	margin: 0;
	padding: 0 0 11px 0;
	line-height: 1.2em;
	font-size: 24px;
	font-weight: normal;
	color: #676767;
}
h2 a {text-decoration: none;color: #676767;}
h2 a:hover {color: #ee9d01;}
h3 {
	margin: 0;
	padding: 0 0 11px 0;
	line-height: 1.2em;
	font-size: 24px;
	font-weight: normal;
	color: #676767;
}
h3 a {text-decoration: none;color: #676767;}
h3 a:hover {color: #ee9d01;}
h4 {
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 18px;
	font-size: 12px;
	color: #9a9a9a;
}
h5{
  font-size:0.8333em;
  margin:0 0 1em;
}
h6 {
	margin: 0;
	padding: 0 0 22px 0;
	line-height: 16px;
	font-size: 12px;
	color: #4d4d4d;
}
img{
  display:inline-block;
  vertical-align:text-bottom;
}
ins{
  text-decoration:overline;
}
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
ol{list-style:outside decimal;}

p {
  margin: 0;
  padding: 0 0 16px 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 300;
  color: #4d4d4d;
}

pre{
  font-family:"Courier New", Courier, monospace, serif;
  margin:0 0 1.5em;
	border-left: 1px solid #CCCCCC;
	margin-left: 2em;
	padding-left: 2em;
}
sub{
  top:0.4em;
  font-size:0.85em;
  line-height:1;
  position:relative;
  vertical-align:baseline;
}
sup{
  font-size:0.85em;
  line-height:1;
  position:relative;
  bottom:0.5em;
  vertical-align:baseline;
}
strong,b{font-weight:700;}
ul{list-style:outside disc;}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul{
  padding:0;
  margin:0 0 0 2em;
	list-style-position:outside;
	list-style-type:circle;
}
li ol {
  padding:0;
  margin:0 0 0 2em;
	list-style-position:outside;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:0 0 1.5em;
  padding:0;
	width:100%;
	border:none;
}
caption{
  font-style:italic;
  text-align:left;
}
tr.alt td{background:#eee;}
td{
  border:0;
  padding:0.5em 1em;
  vertical-align:middle;
	border-bottom:1px solid #eee;
	line-height:1.5em;
}
th{
  font-weight:700;
  padding:0.5em 1em;
  vertical-align:middle;
	background:#eee;
	text-align:left;
}
button{
  -x-system-font: none;
  cursor:pointer;
  display:block;
  font-size:0.99em;
  height:2em;
  line-height:1.5em;
  margin:0.8em 0 0;
  padding:0 0.5em;
}
button::-moz-focus-inner {
  border: 0;
}
fieldset{
  border:0;
  margin:0 0 1.5em;
  position:relative;
  padding:1.5em 0 0;
}
fieldset fieldset{
  clear:both;
  margin:0 0 0.75em;
  padding:0 0 0 1.5em;
}
input{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  font-size:1em;
  padding:.5em .3em;
  margin:0 0 0.75em;
}
input[type=file]{
  height:2.25em;
  font-size:1em;
  padding:0;
  border:0;
  border:1px solid #ccc !ie;
}
textarea{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  margin:0;
  padding:.3em;
}
select{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  font-size:1em;
  line-height:1.5em;
  margin-bottom:0.75em;
  padding:0.25em;
  height:2.25em;
}
optgroup {
  font-weight:700;
  font-style:normal;
  text-indent:0.2em;
}
optgroup + optgroup {
  margin-top:1em;
}
option{
  font-size:1em;
  height:1.5em;
  padding:0;
  text-indent:1em;
}
label{
  cursor:pointer;
  display:block;
  margin:0;
  padding:0;
}
label input{
  background:0;
  border:0;
  line-height:1.5em;
  margin:0 0.5em 0 0;
  padding:0;
  width:auto;
}
legend{
  font-size:1.1666em;
  font-weight:700;
  left:0;
  margin:0;
  padding:0;
}


/* General
---------------------------------------- */
html,body {min-width:960px;}
body {
	background: #eeeff1 url(../images/body.gif) repeat-x 50% 0%;
	position: relative;
	font: 100%/1.125em Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
#main {font-size:.75em;}
.container {
	position: relative;
	width: 1008px;
	margin: 0 auto;
}
/* Header
---------------------------------------- */

#header {
	background: url(../images/header.png) no-repeat 50% 104px;
	position: relative;
	height: 157px;
	z-index: 99;
}
/* Logo */
.logo {position: absolute;top: 14px;left: 15px;}
.logo h1,.logo h2 {font-size:3em;line-height:1.2em;margin-bottom:0;}
.logo h1 a,.logo h2 a {color:#222;text-decoration:none;}
.logo p {display: none;}
/*********************************row-1*************************************/
#header h1 {padding:0; position:absolute; top:15px; left:22px;line-height:10px;}
#header h1 a {display:inline-block; font-size:46px; line-height:56px; color:#0ca6f1; letter-spacing:-3px; word-spacing:-8px;text-decoration: none;}
#header h1 a strong {color:#0f2d55;}
#header h1 span {display:inline-block; font-size:12px; line-height:12px; color:#c1c0c0; text-shadow:1px 0 #e0e0e0;  text-transform:uppercase; margin-top:-6px;}
#header .support {position:absolute; top:10px; right:8px; display:inline-block; font-size:21px; line-height:25px; color:#555; letter-spacing:-1px; word-spacing:-1px;padding:7px 0;/*text-transform:uppercase;*/}
#header .support strong {color:#96bf55;padding:5px 0 5px 30px;background:url(../images/phone.png) 0px 0px no-repeat;}



#widget-header {
	background: url(../images/box-tail.gif) repeat-x 50% 0%;
	height: 45px;
	overflow: hidden;
	position: absolute;
	top: 45px;
	right: 6px;
}
#widget-header .left {background: url(../images/box-left.gif) no-repeat 0% 0%;}
#widget-header .right {
	background: url(../images/box-right.gif) no-repeat 100% 0%;
	height: 25px;
	padding: 10px 9px 10px 11px;
	overflow: hidden;
}
#widget-header h3 {display: none;}
#widget-header ul {margin: 0;list-style: none;}
#widget-header ul li {
	background: url(../images/divider.gif) no-repeat 0% 5px;
	float: left;
	padding: 0 11px 0 10px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #ee9d01;
}
#widget-header ul li:first-child {background: none;}
#widget-header ul li a {color: #ee9d01;}
#widget-header ul li a:hover {text-decoration: none;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
	}


/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */
/* Content
---------------------------------------- */

.primary_content_wrap {
	background: url(../images/content-tail.png) repeat-y 50% 0%;
	position: relative;
	z-index: 1;
}

	.primary_content_wrap .container {
		background: url(../images/content-top.png) no-repeat 0% 0%;
	}
	
	.primary_content_wrap #indent {
		background: url(../images/content-bot.png) no-repeat 0% 100%;
		padding: 0px 0px 6px 6px;
		overflow: hidden;
	}
	
	body.home .primary_content_wrap #indent {
		padding: 0 6px 6px 6px;
	}
	
#content {
	float: left;
	width: 664px;
	padding: 0 40px 0 0;
}

#content p {padding: 0 0 22px 0;}
#content ul {
  margin: 0;
  padding: 0 0 22px 0;
  list-style: none;
}
#content ul li {
  background: url(../images/marker.gif) no-repeat 0% 7px;
  padding: 0 0 0 14px;
  line-height: 22px;
  font-size: 12px;
  color: #4d4d4d;
}
#content ul li a {
  text-decoration: none;
  color: #4d4d4d;
}
#content ul li a:hover {color: #ee9d01;}
.content-box {
	background: url(../images/content-pic1.jpg) no-repeat 0% 0%;
	position: relative;
	width: 996px;
	height: 517px;
	overflow: hidden;
}
/****************************TM-Slider************************/
.slider {
	width:996px;
	margin:0 auto;
}
.items {display:none;}
.pagination {
	position:absolute;
	top:18px;
	right:22px;
	z-index:999;
}
.pagination li {
	float:left;
	margin:0 0 0 3px;
	padding:0;
	display:block;
	background:url(../images/pagination.png) right 0 no-repeat;
}
.pagination li.current, .pagination li:hover {
	background:url(../images/pagination.png) left 0 no-repeat;
}
.pagination li a {
	width:20px;
	height:20px;
	display:block;
}
.banner {
	width:538px;
	padding:0 40px;
	min-height:230px;
	position:absolute;
	top:48px;
	color:#333;
	font-size:13px;
	line-height:19px;
}
.banner p{font-size:13px;line-height:20px;margin-top:-10px;}
.slide1.banner-text1 {
	display:block;
	font-size:60px;
	line-height:72px;
	color:#8ecf21;
	font-weight:400;
	text-transform:none;
	font-family: 'News Cycle', sans-serif;
}
.slide2.banner-text1 {
	display:block;
	font-size:60px;
	line-height:72px;
	color:#22abf2;
	font-weight:400;
	text-transform:uppercase;
	font-family: 'News Cycle', sans-serif;
}
.slide3.banner-text1 {
	display:block;
	font-size:50px;
	line-height:60px;
	color:#fa7615;
	font-weight:400;
	text-transform:none;
	font-family: 'News Cycle', sans-serif;
}
.banner-text2 {
	display:block;
	font-size:52px;
	line-height:63px;
	color:#333;
	font-weight:400;
	margin:-14px 0 13px;
	font-family: 'News Cycle', sans-serif;
}
.slide1.link-1 {
	font-size:14px;
	line-height:17px;
	color:#fa6615;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.slide1.link-1:hover {color:#000;}
.slide2.link-1 {
	font-size:14px;
	line-height:17px;
	color:#22abf2;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.slide2.link-1:hover {color:#000;}
.slide3.link-1 {
	font-size:14px;
	line-height:17px;
	color:#8bc628;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.slide3.link-1:hover {color:#000;}

/*
#slogan {
	position: absolute;
	top: 77px;
	left: 45px;
}

#phones {
	background: url(../images/box-bg.png) no-repeat 0% 0%;
	width: 355px;
	height: 90px;
	position: absolute;
	top: 166px;
	left: 43px;
}

	#phones img {
		position: absolute;
		top: 10px;
		left: 14px;
	}
*/
.liens_solutions {
	width: 999px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	top: 343px;
	left: -2px;
	z-index:10000;
}
.liens_solutions ul {
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.liens_solutions ul li {float: left;}
.liens_solutions ul li.post-1 {
    background: url(../images/bg_col1.png) no-repeat 0% bottom;
    width: 331px;
    height: 176px;
    margin: 0 2px 0 0;
    overflow: hidden;
}
.liens_solutions ul li.post-2 {
    background: url(../images/bg_col2.png) repeat-x 0% bottom;
	width: 331px;
	height: 176px;
	margin: 0 2px 0 0;
	overflow: hidden;
}
.liens_solutions ul li.post-3 {
	background: url(../images/bg_col3.png) no-repeat right bottom;
	width: 333px;
	height: 176px;
	overflow: hidden;
}
.liens_solutions ul li div.inner {padding: 9px 19px 17px 19px;}
.liens_solutions ul li strong {
	display:block;
	cursor:pointer;
	height:44px;
	padding:7px 0 0px 49px;
	font-size:28px;
	margin-top:5px;
	text-decoration:none;
	letter-spacing:-1px;
	line-height:1.2307em;
	color:#fff;
}
.liens_solutions ul li strong.acc1 {background:url(../images/acc-bg1.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc1.selected {background:url(../images/acc-bg1-active.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc2 {background:url(../images/acc-bg2.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc2.selected {background:url(../images/acc-bg2-active.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc3 {background:url(../images/acc-bg3.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc3.selected {background:url(../images/acc-bg3-active.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc4 {background:url(../images/acc-bg4.jpg) left top no-repeat;}
.liens_solutions ul li strong.acc4.selected {background:url(../images/acc-bg4-active.jpg) left top no-repeat;}
.excerpt {
	padding: 0 0 13px 0;
	line-height: 16px;
	font-size: 12px;
	color: #222;
}
.link {width: 100%;overflow: hidden;}
.link a {
	background: url(../images/link.png) no-repeat 0% 0%;
	float: right;
	width: 84px;
	height: 29px;
	padding: 0 0 0 14px;
	overflow: hidden;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ee9d01;
}
.liens_solutions ul li.post-1 .link a{color:#f39f06}
.liens_solutions ul li.post-2 .link a{color:#618f2d}
.liens_solutions ul li.post-3 .link a{color:#1194b9}
.link a:hover {color: #21212b;}
.post-content .link {float: left;width: auto;}


/* Footer
---------------------------------------- */

#footer {
	width: 100%;
	overflow: hidden;
}

.footer-widget-area {
	padding: 10px 15px 23px 27px;
	overflow: hidden;
}
.footer-widget-area .col-1 {
	float: left;
	width: 98px;
	padding: 0 10px 0 0;
}
.footer-widget-area .col-2 {
	float: left;
	width: 127px;
	padding: 0 20px 0 0;
}
.footer-widget-area .col-3 {
	float: left;
	width: 106px;
	padding: 0 20px 0 0;
}
.footer-widget-area .col-4 {
	float: left;
	width: 131px;
	padding: 0 20px 0 0;
}
.footer-widget-area .col-5 {
	float: left;
	width: 152px;
	padding: 0 20px 0 0;
}	
.footer-widget-area .col-6 {
	float: left;
	width: 95px;
}
.footer-widget-area .col-7 {
	float: left;
	width: 167px;
}
.footer-widget-area ul {
	margin: 0;
	list-style: none;
}
.footer-widget-area ul li {
	line-height: 18px;
	font-size: 12px;
	color: #9a9a9a;
}
.footer-widget-area ul li a {color: #9a9a9a;}


.footer-info {
	background: url(../images/footer-line.gif) repeat-x 0% 0%;
	margin: 0 3px;
	padding: 19px 14px 19px 10px;
	line-height: 15px;
	font-size: 12px;
	color: #9a9a9a;
}
.footer-info .footer-text {float: right;}
.footer-info .footer-text p {color: #9a9a9a;}
.footer-info .footer-text p a {text-decoration: none;color: #9a9a9a;}
.footer-info .footer-text p a:hover {text-decoration: underline;}
/* Footer navigation */
div.footer {float: left;}
div.footer ul {margin: 0;list-style: none;}
div.footer ul li {background: url(../images/divider-1.gif) no-repeat 0% 3px;float: left;padding: 0 14px 0 15px;}
div.footer ul li:first-child {background: none;padding: 0 14px 0 0;}
div.footer ul li a {color: #9a9a9a;}



/* Misc
---------------------------------------- */
.button {
	display:inline-block;
	padding:7px 15px;
	background:#000;
	color:#fff;
	text-decoration:none;
}
.button:hover {background:#999;}
/**********************************************menus user top**************************************************************/
#user_account_menus{font-size:1em;padding: 0px 0px 0px 0px;margin-bottom:0px;background:#303030;}
#user_account_menus .wrapper	{min-height:40px;margin: 0 auto;width: 960px;}
/*
#user_account_menus .box_header_user_menu	{float:right;padding: 0px 0px 10px 25px;margin: 6px 0px 0px 0px;background:url('../images/user_menu.png') 0px 0px no-repeat transparent;}
#user_account_menus .user_menu {padding:0px 0px 0px 0px;margin:0px -5px 0px 0px; list-style:none;}
#user_account_menus .user_menu li					{float:left; display:inline-block; white-space:nowrap;background:transparent;}
#user_account_menus .user_menu li.or2			{color:#777777;padding: 4px 0px 10px 0px;}
#user_account_menus .user_menu li a 			{color:#fbb649;font-weight:bold; text-decoration:underline; background-position:0 14px;cursor:pointer; white-space:nowrap;display:block;padding:4px 6px 11px 6px;}				 			 				 
#user_account_menus .user_menu li a:hover,				 
#user_account_menus .user_menu li.act a		{color:#73a7ad; text-decoration:underline;background-position:0 -6px;}	
*/

#user_account_menus .menu {font-weight:normal;float:left;display:inline-block;}
#user_account_menus .menu  ul{padding: 0px 0px 0px 0px;margin: 0px; list-style:none;}
#user_account_menus .menu  li{float:left;padding: 0 0 0 0 ;margin: 0px 0px 0px 0px;background:url('../images/menu_item.gif') 100% 50% no-repeat transparent;}
#user_account_menus .menu  ul.form li{background:none;}
#user_account_menus .menu  li.last{ background:none;}
#user_account_menus .menu  li.act,#user_account_menus .menu  li:hover{}#user_account_menus .menu  li a, #user_account_menus .menu  li strong{color:#ddd;display:inline-block;padding: 10px 11px 13px 11px;font-weight:bold;}
#user_account_menus .menu  li strong{color:#03e7fb;float:left;}
#user_account_menus .menu  ul.form li strong{color:#eee;}
#user_account_menus .menu  li a{text-decoration:none;}
#user_account_menus .menu  li.account a, #user_account_menus .menu  li.account strong{display:block-inline;background:url(../images/icon1.png) 0px 5px no-repeat;padding-left:25px;}
#user_account_menus .menu  li.logout a{display:block-inline;background:url(../images/icon2.png) 10px 9px no-repeat;padding-left:37px;color:#aee800;}
#user_account_menus .menu  li.achat_credits a{display:block-inline;background:url(../images/icon3.png) 10px 9px no-repeat;padding-left:37px;color:#03e7fb;}

#user_account_menus .menu  li.act a,#user_account_menus .menu  li:hover a{ color:#f6a91f;text-decoration:none;}
/*#user_account_menus .menu  li.logout a:hover{color:#aee800;}*/
/*#user_account_menus .menu  li.last a{ background:none;}*/
#user_account_menus .menu  li.act.last a,#user_account_menus .menu  li.last a:hover{}

span.boutons, span.inscription, span.solde {padding:4px 12px 3px 12px; font-size:18px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; display:inline-block; margin-top:7px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
span.boutons.rouge{background:#e21300;}
span.boutons.vert{background:#80b446;}
span.boutons.orange{background:#fdb128;}
span.boutons.gris{background:#999;color:#555}
span.inscription {background:#33a33b;margin-left:15px;}
span.inscription, span.boutons{cursor:pointer;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#user_account_menus input.login, #user_account_menus input.pwd{font-weight:bold;color:#fff;padding:0px;height:22px;text-align:center;float:left;margin:8px 15px 0 0;background:#414141;border-width:1px;border-style:solid;border-color:#555 #555 #555 #555;font-family:Arial, Helvetica, sans-serif;}
#user_account_menus a.buttonv{float:left;margin-top:-3px;}
#user_account_menus input.login{width:220px;font-size:14px;}
#user_account_menus input.pwd{width:130px;font-size:14px;}
#user_account_menus .menu  ul.form li span.boutons{margin-left:15px;}