/* General styles*/
body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	background:#dbeaff url(/i/bg.jpg) repeat-x;
}
.thumbnail {
	height: 118px;
	width: 155px;
	text-align: center;
	background: url(/i/templates/ombre.gif) no-repeat 0px 2px;	
}
.thumbnail img { border:1px #ddd solid}
.legend {
	text-align: center;
	padding-bottom: 10px;
}
.new { 
	color:#FF6600; 
	font-weight:bold;
	text-align:right}

br, img, span, a, H1, H2, body {margin:0; padding:0}
H1{font-size: 1.4em; padding-top: 5px}
H2 {font-size: 1.1em}
H1, H2 {color:#369}
a {	color: #39F;}
.step {
	font-weight: bold;
	color: #F60;
	font-size: 14px;
}
a:hover {	color: #F60;}
li{
	padding-bottom: 4px;
}
/* nav styles */
ul#navlist  {margin:0 0 0 75px; padding:0; float:left; }
#navlist li{
	display: inline;
	list-style-type: none;
	padding: 0;
	border-left: 1px solid #ddd;
	background: url(/i/nav_bg.gif) center;
}
#navlist a, #menu a:visited { width:100%; margin:0; padding:0; text-decoration:none; padding: 0px 12px; }
#navlist a:hover { width:100%;cursor:pointer;background: url(/i/nav_bg.gif) no-repeat right center}
.selected a{background:url(/i/nav_bg.gif) left center;}
.on {display:block; width:100%; height:20px; background-repeat:no-repeat; background-position:right top}

#navlistSeo li, #navlistSeo a, #navlistSeo a:visited, #navlistSeo a:hover {
	display: inline;
	list-style-type: none;
	padding: 2px;
	/*border-left: 1px solid #ddd;*/
	/*background: url(/i/nav_bg.gif) center;*/
	font-size:10px;
	text-decoration:none;
	/*color:#F8F8F8;*/
}

#header_conteneur,  #top, #bottom, #footer_conteneur, #general_conteneur  {background:#FFF; position: relative; width: 900px; margin: 0px auto;}
#general_conteneur, #footer_conteneur{ border-left: 1px solid #4b7cbf; border-right: 1px solid #4b7cbf}
/* header styles */
#top{background:url(/i/header_bordertop.gif) repeat-x; height:5px; width:902px}
#header {
	position: relative;
	width: 100%;
	margin-top:5px; padding:0
}
#header_conteneur {
	background:#FFF url(/i/header_bg.gif) repeat-x bottom;
	height:121px;
	padding-bottom:0;
	margin-bottom:0;
}
#header_navlist {
	/*border-top:10px solid #FFF;*/
	position: absolute;
	right: -2px;
	top: 95px;
	width: 903px;
	text-align:center;
	font-weight:bold;
}
#logo {
	width:200px;
	float:left;
}
#login_link {
	position: absolute;
	right: 11px;
	top: -24px;
	text-align: right;
}
#banner {
	position: absolute;
	right: 15px;
	top: 20px;
	width:668px;
	height:65px;
	margin-left:200px;
	text-align:center;
	}
#languages {
	float:left;
	padding-left:25px;
	margin-right:-55px;
	}
#login_link a{ text-decoration:none; color:#F60; font-weight: bold;}
/* content styles */
#general {
	position: relative;
	width: 100%;
	height:100%;
	top:0px;
}
#centre {
	margin-left: 25px;
	margin-right: 260px;
	text-align:justify;
	background:url(/i/content_bg.jpg) no-repeat right bottom; height: 500px;
}
html>body #centre {min-height : 500px; height : auto;}
#centre li{					/* apparence des listes de contenu (partie centrale)*/
	padding-bottom:4px;
	list-style: url(/i/puce.gif) none;
}
#droite {
	position: absolute;
	right:0;
	width: 240px;
	padding-left: 0px;
	/*text-align: center;*/
}
/* Bloc info (zone droite */
.infos {
	background:url(/i/infos_top.jpg) no-repeat;
	height: 75px;
	width:210px;
	padding:10px;
	text-align:left;
}
.infos_footer {
	background:url(/i/infos_bottom.jpg) no-repeat;
	height: 5px;
	width:230px;
	padding:0px;
}
.infos_titre {
	font-weight:bold;
}
html>body .infos {min-height : 75px; height : auto;}

/* footer styles */
#bottom{ height:6px; width:902px; background:url(/i/footer_borderbottom.gif) no-repeat center bottom;}
#footer {
	color:#999;
	font-size:0.8em;
	text-align:center;
	}
#footer_conteneur{ height:40px; padding-top:20px}
#footer_conteneur a{ color:#bbb}

/* Form */
.input_b {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #FFF url(/i/button_bg.gif) repeat-x center;
	padding: 2px 4px;
	height:28px;
	border: solid #285493 1px;
}
/*.input_b {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2C5087;
	background: #FFF url(/i/input_bg.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 2px 4px;
}*/
.input_t {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #2C5087;
	background: #FFF url(/i/inputtext_bg.gif) repeat-x;
	border: 1px solid #DDD;
	margin-bottom: 0px;
}
.table_f {
	border: 1px solid #CCC;
	width: 100%;
}
.table_header {
	background: #FFF url(/i/input_bg.gif) repeat-x;
	font-weight:bold;
}
.table_header_in {
	background: #FFF url(/i/table_header_bg.gif) repeat-x;
	font-weight:bold;
}
.table_in {
	border: 1px solid #69c;
	width: 100%;
}
.table_title {
	background: #FFF url(/i/table_header_bg.gif) repeat-x;
	font-weight:bold;
	color:#FFF
}
/* albums */
.album_line, .album_sort { border-bottom: 1px dashed #ccc;padding:1px; text-align:center}
.album_sort a { color:#FFF}
.album_sort a:hover { color:#F60}
.album_sort {background:url(/i/input_border.gif) no-repeat right top;color:#FFF}
.album_line {padding-left:5px}

/* bouton graphique */
.btn_graph {
	vertical-align: bottom;
	height:40px;
}
.btn_graph_l{width:10px; background:url(/i/button_l.gif) no-repeat}
.btn_graph_r{width:10px; background:url(/i/button_r.gif) no-repeat}
.btn_graph_c{ background:url(/i/button_bg.gif) repeat-x}
.btn_graph a{ color:#fff; font-weight:bold; text-decoration:none; font-size:12px}


/* button-styles */
.buttons {
    list-style: none;
    margin-bottom:0;
    padding: 0;
	clear:both;
}
.buttons li {
    display: block;
    margin:0 20px 0 0;
    padding: 0;
}
.cta {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
    font: bold 18px Helvetica, Arial, sans-serif;
    height: 50px;
    text-decoration: none;
    line-height: 50px;
	white-space: nowrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    z-index: 10;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	overflow: visible;
	outline: none;
	cursor: pointer;
}
.cta:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.cta:hover {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.cta:active {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.cta-red, .cta-green, .cta-blue, .cta-yellow {
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
}
.cta-red {
    border: solid 1px #b8473d;
    background: #db004d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed3b7a), to(#db004d));
    background: -moz-linear-gradient(top, #ed3b7a, #db004d);
    background: -ms-linear-gradient(top, #ed3b7a, #db004d);
    background: -o-linear-gradient(top, #ed3b7a, #db004d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed3b7a', EndColorStr='#db004d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed3b7a', EndColorStr='#db004d')";
}
.cta-red:before {
    border: solid 1px #f67b5f;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-red:hover {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#f93e83), to(#e80055));
    background: -moz-linear-gradient(top, #f93e83, #e80055);
    background: -ms-linear-gradient(top, #f93e83, #e80055);
    background: -o-linear-gradient(top, #f93e83, #e80055);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f93e83', EndColorStr='#e80055');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f93e83', EndColorStr='#e80055')";
}
.cta-red:active {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#db004d), to(#ed3b7a));
    background: -moz-linear-gradient(top, #db004d, #ed3b7a);
    background: -ms-linear-gradient(top, #db004d, #ed3b7a);
    background: -o-linear-gradient(top, #db004d, #ed3b7a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#db004d', EndColorStr='#ed3b7a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#db004d', EndColorStr='#ed3b7a')";
}
.cta-green {
    border: solid 1px #00922d;
    background: #3aa600;
    background: -webkit-gradient(linear, left top, left bottom, from(#6cd335), to(#3aa600));
    background: -moz-linear-gradient(top, #6cd335, #3aa600);
    background: -ms-linear-gradient(top, #6cd335, #3aa600);
    background: -o-linear-gradient(top, #6cd335, #3aa600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#6cd335', EndColorStr='#3aa600');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6cd335', EndColorStr='#3aa600')";
}
.cta-green:before {
    border: solid 1px #78e695;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-green:hover {
    color: #fff;
    border: solid 1px #006e22;
    background: -webkit-gradient(linear, left top, left bottom, from(#74e03a), to(#3fb500));
    background: -moz-linear-gradient(top, #74e03a, #3fb500);
    background: -ms-linear-gradient(top, #74e03a, #3fb500);
    background: -o-linear-gradient(top, #74e03a, #3fb500);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#74e03a', EndColorStr='#3fb500');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#74e03a', EndColorStr='#3fb500')";
}
.cta-green:active {
    color: #fff;
    border: solid 1px #006e22;
    background: -webkit-gradient(linear, left top, left bottom, from(#3aa600), to(#6cd335));
    background: -moz-linear-gradient(top, #3aa600, #6cd335);
    background: -ms-linear-gradient(top, #3aa600, #6cd335);
    background: -o-linear-gradient(top, #3aa600, #6cd335);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#3aa600', EndColorStr='#6cd335');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3aa600', EndColorStr='#6cd335')";
}
.cta-blue {
    border: solid 1px #0870c0;
    background: #00b2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d5ff), to(#00b2ff));
    background: -moz-linear-gradient(top, #73d5ff, #00b2ff);
    background: -ms-linear-gradient(top, #73d5ff, #00b2ff);
    background: -o-linear-gradient(top, #73d5ff, #00b2ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73d5ff', EndColorStr='#00b2ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73d5ff', EndColorStr='#00b2ff')";
}
.cta-blue:before {
    border: solid 1px #3bb4ec;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-blue:hover {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#93deff), to(#1ebbff));
    background: -moz-linear-gradient(top, #93deff, #1ebbff);
    background: -ms-linear-gradient(top, #93deff, #1ebbff);
    background: -o-linear-gradient(top, #93deff, #1ebbff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#93deff', EndColorStr='#1ebbff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#93deff', EndColorStr='#1ebbff')";
}
.cta-blue:active {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b2ff), to(#73d5ff));
    background: -moz-linear-gradient(top, #00b2ff, #73d5ff);
    background: -ms-linear-gradient(top, #00b2ff, #73d5ff);
    background: -o-linear-gradient(top, #00b2ff, #73d5ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b2ff', EndColorStr='#73d5ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b2ff', EndColorStr='#73d5ff')";
}
.cta-yellow {
    border: solid 1px #db8300;
    background: #ff9900;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
    background: -moz-linear-gradient(top, #ffcc00, #ff9900);
    background: -ms-linear-gradient(top, #ffcc00, #ff9900);
    background: -o-linear-gradient(top, #ffcc00, #ff9900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900')";
}
.cta-yellow:before {
    border: solid 1px #ffc63b;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-yellow:hover {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd322), to(#ffa51f));
    background: -moz-linear-gradient(top, #ffd322, #ffa51f);
    background: -ms-linear-gradient(top, #ffd322, #ffa51f);
    background: -o-linear-gradient(top, #ffd322, #ffa51f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f')";
}
.cta-yellow:active {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcc00));
    background: -moz-linear-gradient(top, #ff9900, #ffcc00);
    background: -ms-linear-gradient(top, #ff9900, #ffcc00);
    background: -o-linear-gradient(top, #ff9900, #ffcc00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00')";
}
.cta-gray {
    border: solid 1px #737373;
    background: #999999;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
    background: -moz-linear-gradient(top, #cccccc, #999999);
    background: -ms-linear-gradient(top, #cccccc, #999999);
    background: -o-linear-gradient(top, #cccccc, #999999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#999999')";
}
.cta-gray:before {
    border: solid 1px #c1c1c1;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-gray:hover {
    color: #fff;
    border: solid 1px #444444;
    background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a5a5a5));
    background: -moz-linear-gradient(top, #d8d8d8, #a5a5a5);
    background: -ms-linear-gradient(top, #d8d8d8, #a5a5a5);
    background: -o-linear-gradient(top, #d8d8d8, #a5a5a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#a5a5a5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#a5a5a5')";
}
.cta-gray:active {
    color: #fff;
    border: solid 1px #444444;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    background: -moz-linear-gradient(top, #999999, #cccccc);
    background: -ms-linear-gradient(top, #999999, #cccccc);
    background: -o-linear-gradient(top, #999999, #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#cccccc')";
}
.icon-download, .icon-download2, .icon-download3, .icon-buy, .icon-video, .icon-go, .icon-mail {
	margin-left:-5px;
	padding-left:37px;
	display:block;
	height:50px;
	background:transparent url(../i/_sprites-bt.png) no-repeat;
}
/*.icon-go {
	margin-right:-5px;
	padding-right:40px;
	display:block;
	height:50px;
	background:transparent url(../i/_sprites-bt.png) no-repeat;
}*/

.multi-line-button .icon-download {background-position:0 -155px; height:32px; margin-left:3px;}
.multi-line-button .icon-download2 {background-position:0 -299px; height:32px; margin-left:3px; padding-top:5px;}
.multi-line-button .icon-download3 {background-position:0 -379px; height:32px; margin-left:3px;}

.icon-download {background-position:0 -142px;}
.icon-download2 {background-position:0 -288px;}
.icon-download3 {background-position:0 -365px;}
.icon-buy {background-position:0 -66px;}
.icon-video {background-position:0 10px;}
.icon-go {background-position:0 -212px;}
.icon-mail {background-position:0 -434px;}
.cta-big {
	font-size: 22px;
	height: 60px;
	line-height: 60px;
}
.cta-big .icon-download {background-position:0 -136px; height:60px;}
.cta-big .icon-download2 {background-position:0 -283px; height:60px;}
.cta-big .icon-download3 {background-position:0 -360px; height:60px;}
.cta-big .icon-buy {background-position:0 -61px; height:60px;}
.cta-big .icon-video {background-position:0 15px; height:60px;}
.cta-big .icon-go {background-position:0 -207px; height:60px;}
.cta-big .icon-mail {background-position:0 -429px;}
.cta-huge {
	font-size: 26px;
	height: 76px;
	line-height: 76px;
	padding: 0 26px;
}
.cta-huge .icon-download {background-position:0 -128px; height:76px;}
.cta-huge .icon-download2 {background-position:0 -275px; height:76px;}
.cta-huge .icon-download3 {background-position:0 -352px; height:76px;}
.cta-huge .icon-buy {background-position:0 -53px; height:76px;}
.cta-huge .icon-video {background-position:0 23px; height:76px;}
.cta-huge .icon-go {background-position:0 -199px; height:76px;}
.cta-huge .icon-mail {background-position:0 -420px;}

.cta-subhead {
    padding: 20px 30px;
	font-size: 26px;
    line-height: 26px;
}
.cta-subhead i {
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	line-height: 26px;
	font-size: 14px;
}