*
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, "Bitstream Vera Sans", Verdana, sans-serif;
}
/* on supprime les marges internes et externes pour tous les blocs qui on des marges par défaut (H1...H6, p, ul ...) */

html, body 
{
	height:100%;
}

body 
{
	background:#CBCCCE url(body.jpg) repeat-x;
}

/* *** GLOBAL ******************** */
#global 
{
	position:relative;
	min-height:100%;
	width:800px;
	margin:0px auto;
}

#cube
{
	position:absolute;
	top:47px;
	right:-28px;
	width:77px;
	height:77px;
	background:url(cubes.png) no-repeat;
	z-index:999;
}

/* *** HEADER ******************** */
#header 
{
	position:relative;
	width:780px;
	height:142px;	
	background:url(header.jpg) no-repeat;
	padding:0px 10px 0px 10px;
	z-index:1;
}

#header a.logo
{
	position:absolute;
	top:20px;
	left:30px;
	width:80px;
	height:80px;
}

#header p.headline
{
	position:absolute;
	top:18px;
	left:120px;
	
	font-family:Trebuchet MS;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#292929;
}

#header a.dc
{
	position:absolute;
	top:0px;
	right:270px;
	width:91px;
	height:30px;
	
	font-family:Trebuchet MS;
	font-size:12px;
	line-height:30px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(disconnect.jpg) no-repeat;
	padding:0px 0px 0px 20px;
}

#header p.user
{
	position:absolute;
	top:7px;
	right:0px;
	width:240px;
	
	font-family:Trebuchet MS;
	font-size:12px;
	color:#FFFFFF;
}
#header p.user a
{
	color:#FFFFFF;
	text-decoration:none;
}
#header p.user a:hover
{
	color:#9D1C20;
}
#header p.user a.login
{
	position:relative;
	float:left;
	display:block;
	width:100px;
}
#header p.user a.help
{
	margin:0px 0px 0px 30px;
	position:relative;
	float:left;
	display:block;
	width:100px;
}

#header div#breadcrumbs
{
	position:absolute;
	bottom:13px;
	left:36px;
}
#header div#breadcrumbs p
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#616161;
}
#header div#breadcrumbs a
{
	color:#848484;
	text-decoration:none;
	background:url(arrow.jpg) no-repeat left center;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 5px;
}
#header div#breadcrumbs a:hover
{
	color:#000000;
}
#header div#breadcrumbs a#breadcrumb_current
{
	color:#848484;
	background:url(arrow.jpg) no-repeat left center;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 5px;
	text-decoration:none;
}

#header form#form_search
{
	position:absolute;
	bottom:11px;
	right:33px;
}
#header form#form_search input#txt_search
{
	background:#FFFFFF;
	border:none;
	font-size:12px;
	color:#C5C5C5;
	width:160px;
	margin:0px 5px 0px 0px;
}
#header form#form_search input#btn_search
{
	width:77px;
	height:22px;
	background:url(submit.jpg) no-repeat;
	cursor:pointer;
	color:#FFFFFF;
	border:none;
}

/* *** MENU ******************** */
ul#menu_0
{
	position:absolute;
	top:50px;
	left:120px;
	list-style-type:none;
}

#menu_0 li
{
	display:block;
	float:left;
	margin:0px 15px 0px 0px;
}

#menu_0 li a
{
	display:block;
	width:141px;
	height:41px;
	background:url(menu-0.jpg) no-repeat;

	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding:2px 0px 0px 0px;
	
}

#menu_0 li a span
{
	font-size:11px;
	font-weight:normal;
	color:#BDBDBD;
}

#menu_0 li.current_0 a, #menu_0 li a:hover
{
	color:#FFFFFF;
	background:url(menu-0-current.jpg) no-repeat;
}
#menu_0 li.current_0 a span, #menu_0 li a:hover span
{
	color:#FFB6B8;
}

/* // */

.sub-1, .sub-2, .sub-3, .sub-4
{
	z-index:500;
	position:absolute;
	top:91px;
	background:url(menu-sub-bottom.gif) no-repeat bottom;
	padding-bottom:3px;
	z-index:500;
}
.sub-1
{
	left:121px;
	display:none;
}
.sub-2
{
	left:277px;
	display:none;
}
.sub-3
{
	left:433px;
	display:none;
}
.sub-4
{
	left:589px;
	display:none;
}

ul#sub-dd1_1, ul#sub-dd2_1, ul#sub-dd3_1, ul#sub-dd4_1
{
	position:relative;
	width:200px;
	list-style-type:none;
}

#sub-dd1_1 li a, #sub-dd2_1 li a, #sub-dd3_1 li a, #sub-dd4_1 li a
{
	display:block;
	width:185px;
	height:23px;
	line-height:22px;
	font-family:Trebuchet MS;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background:#9C1C20;
	border-bottom:1px solid #AB3E41;
	padding:0px 0px 0px 15px;
}

#sub-dd1_1 li a:hover, #sub-dd2_1 li a:hover, #sub-dd3_1 li a:hover, #sub-dd4_1 li a:hover
{
	background:#751518;
}

/* *** CENTER ******************** */
#center
{
	position:relative;
	width:800px;
	height:auto;
	padding-bottom:440px;
	background:url(background.png) repeat-y;
}

#center h1
{

}

#center h3
{
	font-family:Trebuchet MS;
	font-size:24px;
	color:#9C1C20;
}

#center h2
{
	font-family:Trebuchet MS;
	font-size:18px;
	font-weight:normal;
	color:#000000;
	clear:both;
}

#center h3.h3-underlined
{
	font-size:18px;
	font-weight:normal;
	color:#000000;
	border-bottom:1px solid #EEEDDD;
}

#center h4
{
	font-family:Trebuchet MS;
	font-size:14px;
	color:#9C1C20;
}

#center a
{
	color:#9C1C20;
	text-decoration:none;
}
#center a:hover
{
	text-decoration:underline;
}

#center p
{
	position:relative;
	font-family:Trebuchet MS;
	font-size:12px;
	color:#000000;
	margin:10px 0px 10px 0px;
	text-align:justify;
}

/* /// CONTENT/// */
#content
{
	position:relative;
	float:left;
	width:360px;
	height:auto;
	padding:0px 5px 60px 35px;
	overflow:hidden;
}
#content.large
{
	width:510px;
}

#content ul
{
	position:relative;
	clear:both;
	display:block;
	margin:10px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}
#content ol
{
	position:relative;
	clear:both;
	display:block;
	margin:10px 0px 10px 15px;
	padding:0px;
}
	
#content ul li
{
	position:relative;
	font-family:Trebuchet MS;
	font-size:12px;
	color:#000000;
	background:url(puce.gif) no-repeat left 3px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
}
#content ul.groupe_fichier li
{
	background:url(arrow-file.gif) no-repeat left 3px;
}
#content ol li
{
	position:relative;
	font-family:Trebuchet MS;
	font-size:12px;
	color:#000000;
	margin:0px 0px 0px 15px;
}

#content li ul li
{
	background:url(puce-bw.gif) no-repeat left 3px;
}

a.see-more
{
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	color:#9C1C20;

	float:right;
	background:url(puce.gif) no-repeat left 3px;
	padding:0px 0px 0px 15px;
	margin:10px 0px 0px 0px;
}

a.see-more-right
{
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	color:#9C1C20;

	float:right;
	background:url(puce.gif) no-repeat left 3px;
	padding:0px 0px 0px 15px;
	margin:-5px 10px 15px 0px;
}
a.see-more-right.a-home
{
	margin:5px -15px 15px 0px;
}

a.btt
{
	cursor:pointer;
}

a.highslide img
{
	margin:5px 3px 0px 0px;
}
a.highslide img
{
	border:2px solid #858585;
}
a.highslide:hover img
{
	border:2px solid #9C1C20;
}

object, embed
{
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	border:2px solid #858585;
}

#content strong
{
	color:#9C1C20;
}

#content .list-temoignage
{
	position:relative;
	width:100%;
	height:auto;
	margin:20px 0px 0px 0px;
}
#content .list-temoignage img
{
	position:relative;
	float:left;
	border:1px solid #000000;
	margin:0px 10px 0px 0px;
}
#content .list-temoignage h3
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	line-height:12px;
}
#content .list-temoignage h3 a
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
}
#content .list-temoignage strong
{
	font-size:12px;
	font-weight:bold;
}
#content .list-temoignage strong a
{
	text-decoration:none;
}
#content .list-temoignage p
{
	font-size:11px;
	line-height:12px;
	margin:0px;
}

#content .list-temoignage-full
{
	position:relative;
	padding:10px 0px 0px 0px;
	border-bottom:1px solid #858585;
}
#content .list-temoignage-full h3 a
{
	font-size:18px;
	color:#000000;
	text-decoration:none;
}
#content .list-temoignage-full strong a
{
	text-decoration:none;
}
#content .list-temoignage-full img, #content .temo-detail img
{
	border:1px solid #000000;
	float:left;
	margin:0px 10px 0px 0px;
}

#content .list-actu-full
{
	position:relative;
	border-bottom:1px solid #858585;
	background:#f8f8f8;
	padding:10px;
	margin:10px 0px 0px 0px;
}
#content .list-actu-full h3 a
{
	font-size:18px;
	color:#000000;
	text-decoration:none;
}
#content .list-actu-full.promo
{
	border-bottom:1px solid #9C1C20;
	background:#ffeeee;
}
#content .list-actu-full.promo h3
{
	color:#9C1C20;
}
#content .list-actu-full.promo h3 a
{
	color:#9C1C20;
}
#content .list-actu-full h3 span, #content .actu-detail h3 span
{
	font-family:Trebuchet MS;
	font-size:13px;
	color:#828282;
}
#content .list-actu-full p
{
	margin:0px;
}
#content .list-actu-full p a
{
	color:#000000;
	text-decoration:none;
}
#content .list-actu-full p a.read-more
{
	color:#9C1C20;
	text-decoration:none;
}
#content .list-actu-full p a.read-more:hover
{
	text-decoration:underline;
}

#content .damier-item
{
	position:relative;
	float:left;
	width:166px;
	height:86px;
	background:url(damier-off.jpg) no-repeat;
	margin:3px 3px 0px 0px;
	padding:8px 0px 0px 0px;
	
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
#content .damier-item:hover
{
	background:url(damier-on.jpg) no-repeat;
	text-decoration:none;
}

#content .damier-item span
{
	position:absolute;
	top:45px;
	left:0px;
	width:166px;
	text-align:center;
	
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:normal;
	color:#e4e4e4;
}

#content a.screenshot-click
{
	position:relative;
	float:left;
	display:block;
	width:160px;
	height:120px;
	text-align:center;
	text-decoration:none;
	margin:15px 10px 0px 0px;
}

/* OFFRES */

#content .packs
{
	position:relative;
	width:780px;
	height:336px;
	background:url(bg-packs.jpg) no-repeat;
}

#content .pack
{
	position:relative;
	float:left;
	width:129px;
	padding:140px 5px 0px 5px;
	margin:0px -9px 0px 20px;
}
#content .pack p
{
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold;
	color:#393939;
	text-align:center;
	line-height:13px;
}
#content .pack a
{
	position:absolute;
	top:272px;
	left:37px;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

#content table tr
{
	height:63px;
}

#content table tr.first-row
{
	height:36px;
}

#content table tr.first-row td p
{
	color:#FFFFFF;
	text-align:center;
}

#content table tr.tr-grayL
{
	background:#FAFAFA;
}
#content table tr.tr-grayH
{
	background:#F5F5F5;
}

#content table td.td-desc
{
	padding:0px 15px 0px 15px;
}

#content table td.td-option
{
	text-align:center;
}
#content table tr.tr-grayL td.td-green
{
	background:#ded6e9;
}
#content table tr.tr-grayH td.td-green
{
	background:#cdc2de;
}
#content table tr.tr-grayL td.td-blue
{
	background:#edd6c9;
}
#content table tr.tr-grayH td.td-blue
{
	background:#e4c1ae;
}
#content table tr.tr-grayL td.td-purple
{
	background:#e9ead3;
}
#content table tr.tr-grayH td.td-purple
{
	background:#dee0bd;
}
#content table tr.tr-grayL td.td-orange
{
	background:#dbdbe7;
}
#content table tr.tr-grayH td.td-orange
{
	background:#c9cadd;
}
#content table tr.tr-grayL td.td-red
{
	background:#f5e3d0;
}
#content table tr.tr-grayH td.td-red
{
	background:#efd5ba;
}
#content table tr.tr-grayL td.td-none
{
	background:#f5f5f5;
}
#content table tr.tr-grayH td.td-none
{
	background:#ebebeb;
}

#content table td p
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#1A1A1A;
	margin:0px;
}

#content table td h4
{
	font-size:14px;
	font-weight:bold;
	color:#9C1C20;
	margin:0px;
}

#content .end-tab
{
	position:relative;
	width:780px;
	height:auto;
	background:#F2F2F2 url(top-2.jpg) no-repeat top;
	margin:20px 0px 0px 0px;
	padding:30px 0px 20px 0px;
}

#content .content-in h3, #content .end-tab h3
{
	color:#000000;
}
#content .end-tab p
{
	text-align:left;
	font-size:11px;
}

#content .end-tab strong
{
	font-size:14px;
}

#content .end-tab-up
{
	position:relative;
	float:left;
	width:730px;
	padding:0px 25px 10px 25px;
}
#content .end-tab-down
{
	position:relative;
	float:left;
	width:730px;
	border-top:1px solid #dbdbdb;
	padding:25px 20px 10px 25px;
}

#content p.inter_include
{
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

/* /// RIGHT /// */

#right
{
	position:relative;
	float:right;
	width:280px;
	padding:0px 53px 60px 0px;
}
#right.small
{
	width:197px;
	padding:0px 21px 0px 0px;
}

#right a.button-blue
{
	position:relative;
	display:block;
	width:156px;
	height:39px;
	background:url(button-blue.jpg) no-repeat;
	
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 0px 0px 30px;
}
#right a.button-blue span
{
	font-size:10px;
	color:#CFE0FF;
}
#right a.button-blue.home-blue
{
	float:right;
	margin:0px -22px 0px 0px;
}

#right #submenu
{
	margin-left:-11px;
}

#right #submenu .submenu-top
{
	position:relative;
	width:186px;
	height:3px;
	background:url(sub-top.jpg) no-repeat;
	margin-left:11px;
}
#right #submenu .submenu-bottom
{
	position:relative;
	width:186px;
	height:3px;
	background:url(sub-bottom.jpg) no-repeat;
	margin-left:11px;
}

#right ul#submenu_1, #right ul#submenu_2
{
	list-style-type:none;
}
#right ul#submenu_1 li a, #right ul#submenu_2 li a
{
	position:relative;
	display:block;
	width:172px;
	height:30px;
	background:url(submenu-li.jpg) no-repeat;
	font-family:Trebuchet MS;
	font-size:15px;
	line-height:28px;
	color:#E4E4E4;
	padding:0px 0px 0px 25px;
}
#right ul#submenu_1 li a:hover, #right ul#submenu_1 li.subcurrent_1 a, #right ul#submenu_2 li a:hover, #right ul#submenu_2 li.subcurrent_2 a
{
	text-decoration:none;
	color:#FFFFFF;
	background:url(submenu-current.jpg) no-repeat;
}

#right .list-actu
{
	position:relative;
	width:100%;
	background:#F6F6F7;
	padding:10px;
}
#right .list-actu.promo
{
	background:#F7DCDE;
}
#right .list-actu h3
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
#right .list-actu h3 a
{
	color:#000000;
	text-decoration:none;
}
#right .list-actu.promo h3
{
	color:#9C1C20;
}
#right .list-actu.promo h3 a
{
	color:#9C1C20;
}
#right .list-actu span
{
	font-family:Trebuchet MS;
	font-size:10px;
	color:#828282;
	float:right;
}
#right .list-actu p
{
	font-size:11px;
	line-height:13px;
	margin:0px;
}
#right .list-actu p a
{
	color:#000000;
	text-decoration:none;
}
#right .list-actu p a.read-more
{
	color:#9C1C20;
	text-decoration:none;
}
#right .list-actu p a.read-more:hover
{
	text-decoration:underline;
}

#right .list-maj
{
	background:#FFF9D7;
	width:165px;
	padding:10px;
	margin:0px 0px 10px 1px;
}

#right .list-maj h3
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
#right .list-maj h3 a
{
	color:#000000;
	text-decoration:none;
}
#right .list-maj.promo h3
{
	color:#9C1C20;
}
#right .list-maj.promo h3 a
{
	color:#9C1C20;
}
#right .list-maj p
{
	line-height:13px;
	font-size:11px;
	margin:0px;
}
#right .list-maj p a
{
	color:#000000;
	text-decoration:none;
}
#right .list-maj span
{
	font-family:Trebuchet MS;
	font-size:10px;
	color:#828282;
	float:right;
}
#right .list-maj p a.read-more
{
	color:#9C1C20;
	text-decoration:none;
}
#right .list-maj p a.read-more:hover
{
	text-decoration:underline;
}

/* *** FOOTER ******************** */
#footer
{
	position:absolute;
	width:780px;
	height:440px;
	bottom:0px;
	z-index:10;
	background:#CBCCCE url(footer.jpg) no-repeat top;
	padding:0px 10px 0px 10px;
}

#footer #footer-graylight
{
	position:relative;
	width:750px;
	height:150px;
	padding:30px 15px 30px 15px;
}

#footer #footer-graylight .footer-left
{
	position:relative;
	float:left;
	width:395px;
	padding:0px 15px 0px 15px;
}
#footer #footer-graylight .footer-left .visu
{
	float:left;
	width:120px;
}
#footer #footer-graylight .footer-left .txt
{
	float:right;
	width:250px;
}
#footer #footer-graylight .footer-left .txt h3 a
{
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
}
#footer #footer-graylight .footer-left .txt p
{
	text-align:justify;
	line-height:14px;
}
#footer #footer-graylight .footer-left .txt p a
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
	line-height:14px;
	text-decoration:none;
}
#footer #footer-graylight .footer-left .txt p a:hover
{
	color:#FFFFFF;
}

#footer #footer-graylight .footer-right
{
	position:relative;
	float:right;
	width:265px;
	padding:0px 15px 0px 45px;
}

#footer #footer-grayhard
{
	position:relative;
	width:750px;
	height:34px;
	padding:4px 15px 3px 15px;
}
#footer #footer-grayhard p, #footer #footer-grayhard a
{
	color:#696969;
}
#footer #footer-grayhard a:hover
{
	color:#FFFFFF;
}
#footer #footer-grayhard p.links
{
	position:absolute;
	top:4px;
	left:15px;
}
#footer #footer-grayhard p.rss-legal
{
	position:absolute;
	top:4px;
	right:15px;
	text-align:right;
}
#footer #footer-grayhard p.rss-legal a
{
	color:#F48049;
	background:url(rss.jpg) no-repeat right center;
	padding:0px 15px 0px 0px;
}

#footer #footer-none
{
	position:relative;
	width:750px;
	height:auto;
	padding:20px 15px 0px 15px;
}

#footer #footer-none img
{
	border:none;
}

#footer #footer-none .soc
{
	position:relative;
	float:left;
	width:325px;
	text-align:left;
}
#footer #footer-none .soc img
{
	float:left;
	margin:0px 10px 0px 0px;
}
#footer #footer-none .soc p
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#7E7E7E;
	line-height:13px;
	margin:5px 0px 0px 0px;
}
#footer #footer-none .soc p a
{
	color:#7E7E7E;
}
#footer #footer-none .soc p strong
{
	color:#9C1C20;
}

#footer #footer-none .net
{
	position:relative;
	float:left;
	width:100px;
	text-align:center;
}

#footer #footer-none .gqc
{
	position:relative;
	float:right;
	width:325px;
	text-align:right;
}
#footer #footer-none .gqc img
{
	float:right;
	margin:0px 0px 0px 10px;
}
#footer #footer-none .gqc p
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#7E7E7E;
	line-height:13px;
	margin:5px 0px 0px 0px;
}
#footer #footer-none .gqc p strong
{
	color:#005F81;
}

#footer img
{
	border:none;
}
#footer h3
{
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:-5px;
}
#footer p, #footer li, #footer a
{
	font-family:Trebuchet MS;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover
{
	color:#9D1C20;
}
#footer ul
{
	list-style-type:none;
	margin:8px 0px 8px 0px;
	padding:0px;
}
#footer li
{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	background:url(puce.gif) no-repeat left 3px;
}