* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	background: #FFFFFF url('../img/bg_body.png') repeat-x;
	font-family: arial, sans-serif;
	text-align: center;
	font-size: 1em;
	height: 100%;
}

#content {
	width: 800px;
	text-align: left;
	min-height: 100%;
	height: auto !important; /* min-height IE */
	height: 100%; /* min-height IE */
	margin: 0 auto -69px; /* the bottom margin is the negative value of the footer's height */
}

img {
	border: none;
}

a img {
	border: none;
}

button img {
	vertical-align: middle;
}

option {
	padding-right: 5px;
}

/* SUPERHEADER 
 ***********************************************/
#subheader {
	height: 100px;
	background: transparent url('../img/web2.png') no-repeat scroll top right;
}

#subheader #green-act {
	margin: 4px 0px 0px 0px;
	float: left;
	position: relative;
}

#subheader .left {
	margin-left: 4px;
	position: relative;
}

#subheader p.h2 {
	font-family: Arial, sans-serif;
	font-size: 2.7em;
	font-style: italic;
	font-weight: normal;
	margin: 20px 0px 0px 9px;
}

#subheader p.h2 a {
	text-decoration: none;
	color: #00a5cd;
}

#subheader h1 a {
	text-decoration: none;
	color: #969696;
}

#subheader h1 {
	color: #969696;
	font-size: 1em;
	margin: -8px 0px 0px 9px;
}

#subheader .connect {
	padding-top: 75px;
}

#subheader .connect a {
	color: #00A5CD;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}

#subheader .connect a:hover {
	text-decoration: underline;
}

/* HEADER
 ************************************************/
#header {
	height: 96px;
	background: url('/rsc/img/spirales.png') no-repeat top left;
}

* html #header {
	overflow: hidden;
}

#header h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding: 15px 0 0 122px;
}

* html #header h2 {
	padding: 5px 0 0 122px;
}

#header p {
	color: #FFFFFF;
	font-size: 0.75em;
	min-height: 72px;
	background: url('/rsc/img/bulle.png') no-repeat 0px 5px;
	margin: 0px 50px 0px 50px;
	padding: 5px 0px 0px 72px;
}

* html #header p {
	height: 57px;
}

#header a {
	color: #fff;
}

#header p strong {
	font-size: 1.1em;
	color: #fff;
}

/* MENU 
 ************************************************/
#menu-horizontal {
	height: 45px;
	background: url('../img/menu.png') no-repeat;
}

* html #menu-horizontal {
	margin-top: -5px;
	text-align: center;
}

#menu-horizontal ul {
	list-style-type: none;
	text-align: center;
	padding-top: 10px;
}

#menu-horizontal li {
	display: inline;
	font-size: 0.9em;
	margin-left: 0px; /** Bug Firefox **/
	border-right: 1px solid #63c1d8;
	border-left: 1px solid #388ba1;
	padding: 5px 10px 5px 10px;
}

*+html #menu-horizontal li,* html #menu-horizontal li {
	margin-left: 0px;
}

#menu-horizontal a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

#menu-horizontal a:hover {
	text-decoration: underline;
	color: #e0e0e0;
}

#menu-horizontal .outside-left {
	border-left: none;
}

#menu-horizontal .outside-right {
	border-right: none;
}

/* MAIN 
 ************************************************/
#main {
	height: auto;
	border-left: 4px solid #d8d8d8;
	border-right: 4px solid #d8d8d8;
	font-size: 0.9em;
	background: #f3f3f3 url('../img/bg_main.png') no-repeat bottom right;
	padding-top: 10px;
	padding-left: 30px;
}

* html #main {
	height: 1%;
}

*+html #main {
	background: #f3f3f3 url('../img/bg_main.png') no-repeat 4px bottom;
	height: 1%;
}

#main h1 {
	color: #00a5cd;
	font-size: 1.7em;
	font-family: arial;
	font-style: italic;
	font-weight: normal;
	background: url('../img/puce_h1.png') no-repeat top left;
	padding: 10px 0px 0px 25px;
	min-height: 40px;
}

* html #main h1 {
	height: 55px;
}

#main h1 em {
	color: #7cba2c;
	font-weight: bold;
}

#main h2 {
	background: url('../img/puce_fleche.png') no-repeat center left;
	color: #7CBA2C;
	padding-left: 20px;
	margin-top: 20px;
	font-size: 1.4em;
}

#main p {
	color: #999999;
	font-size: 0.8em;
}

#main a {
	color: #7cba2c;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
}

#main a:hover {
	text-decoration: underline;
}

#main ul {
	list-style-type: none;
}

#main h3 {
	margin: 0.5em 1em;
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #00A5CD;
	color: #00A5CD;
}

/* HOME
 ************************************************/
#main .home-content p {
	margin: 10px 0px 0px 25px;
	text-align: justify;
	width: 470px;
}

#main .home-content ul,#main .home-content ol {
	color: #999;
	font-size: .8em;
	padding: 3px 0 5px 80px;
}

#main .home-content .see-next {
	text-align: right;
}

#main #create {
	background: url('../img/create_bg.png') no-repeat top left;
	padding-top: 25px;
	margin: 0px 0px 15px 10px;
	height: 1%;
}

#main .create-bottom {
	background: url('../img/createf_bottom.png') no-repeat left bottom;
	width: 188px;
	text-align: center;
	margin-left: 10px;
	padding-bottom: 17px;
}

#main .create-top {
	background: url('../img/createf_top-skin.png') no-repeat left bottom;
	width: 188px;
	height: 6px;
}

* html #main .create-top {
	margin-top: -10px; /** Bug IE6 **/
}

#main .create-bottom h1 {
	background: none;
	font-size: 1em;
	padding: 3px 0px 15px 0px;
	margin: 0px;
	min-height: 0px;
}

* html #main .create-bottom h1 {
	height: 0%;
}

#main .create-bottom h1 a,#main .createb-top h1 a {
	color: #FFFFFF;
}

#main .create-bottom h1 a:hover,#main .createb-top h1 a:hover {
	text-decoration: none;
}

#main .createb-top {
	background: url('../img/createb_top.png') no-repeat top left;
	width: 157px;
	text-align: center;
	margin: -10px 0px 0px 10px;
	position: relative;
}

*+html #main .createb-top {
	
}

#main .createb-bottom {
	background: url('../img/createb_bottom.png') no-repeat top left;
	width: 157px;
	height: 8px;
}

* html #main .createb-bottom {
	background: #F3F3F3 url('../img/createb_bottom.png') no-repeat top; /** Bug IE6 **/
}

#main .createb-top h1 {
	background: none;
	font-size: 1em;
	padding: 30px 0px 5px 0px;
	min-height: 0px;
}

* html #main .createb-top h1 {
	height: 0px;
}

#main #create img {
	margin: -30px 0px 0px 0px;
	position: relative;
}

#main ul.col1,#main ul.col2,#main ul.col3 {
	margin-left: 15px;
	padding: 0;
	font-size: .9em;
}

* html #main ul.col1,* html #main ul.col2,* html #main ul.col3 {
	margin-left: 15px;
	padding: 0;
	font-size: .9em;
}

#main .col1 li,#main .col2 li,#main .col3 li {
	padding: 4px 0px 0px 40px;
	min-height: 25px;
	margin-bottom: 10px;
}

* html #main .col1 li,* html #main .col2 li,* html #main .col3 li {
	height: 25px;
}

#main .block {
	background: url('../img/search_top.png') no-repeat top left;
	margin-top: 20px;
	width: 235px;
}

#main .block p {
	padding: 10px 5px 0px 20px;
	font-size: 1em;
}

#main .block img {
	margin: 20px 0px 20px 45px;
	border-right: 4px solid #CCC;
	border-bottom: 4px solid #CCC;
}

#main .block-bottom {
	background: url('../img/search_bottom.png') no-repeat left bottom;
	width: 235px;
	height: 10px;
}

#main .advantages ul {
	padding: 10px 0 10px 20px;
	color: #999;
	list-style-image: url('/rsc/img/plus.gif');
	line-height: 1.5em;
}

#main .advantages ul li {
	margin-left: 11px;
}

/* FORMULAIRES
 ************************************************/
#main div.error {
	width: 80%;
	margin: 0 auto;
	padding: 0.25em 0.25em 0 0.25em;
	background-color: #fff;
	border: 2px dotted #E0E0E0;
}

#main div.error p {
	background: url('../img/warning.png') no-repeat top left;
	color: #000000;
	min-height: 28px;
	padding: 7px 0px 0px 40px;
}

* html #main div.error p {
	height: 28px;
}

#main #loading-block {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('/rsc/img/px_alpha.png') repeat scroll;
	z-index: 1000;
}

* html #main #loading-block {
	position: relative;
	background-image: none;
}

#main #loading-block p {
	width: 600px;
	margin: 200px auto 0;
	padding: 1.5em;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	border: 2px solid #0089AB;
}

* html #main #loading-block p {
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -333px;
	margin-top: 0;
}

#main div.erreur-form {
	background-color: #fff;
	border: 2px dotted #E0E0E0;
	padding: 0.25em 0.25em 0 0.25em;
	margin: 10px 70px 15px;
}

#main div.erreur-form p {
	background: url('../img/warning.png') no-repeat top left;
	color: #000000;
	min-height: 28px;
	padding: 7px 0px 0px 40px;
}

* html #main div.erreur-form p {
	height: 28px;
}

#main div.buble-form-mini {
	margin: 20px 0 0 0;
	width: 98%;
}

#main div.buble-form-mini label {
	font-size: 1.2em;
	font-weight: bold;
}

#main div.buble-form-mini .contenu {
	padding: 1.25em 1.5em 0 1em;
}

#main div.buble-form-mini form {
	padding: 1em 1em 0;
}

#main .column {
	width: 47%;
	margin: 0 1em 0 0;
}

#main div.buble-form {
	margin: 20px 0px 0px 25px;
	width: 700px;
	clear: both;
}

#main div.top-right,#main div.top-left,#main div.bottom-right,#main div.bottom-left {
	position: relative;
	width: 29px;
	height: 29px;
}

#main div.top-right {
	background: url('../img/top_right.png') no-repeat;
	float: right;
}

#main div.top-left {
	background: url('../img/top_left.png') no-repeat;
}

#main div.bottom-right {
	background: url('../img/bot_right.png') no-repeat;
	float: right;
}

#main div.bottom-left {
	background: url('../img/bot_left.png') no-repeat;
}

#main div.contenu {
	background: #FFFFFF url('../img/spirale.png') no-repeat top left;
	border: 4px solid #E0E0E0;
	margin: -29px 0px;
	padding: 5px 0px 0px 0px;
}

#main div.contenu form {
	margin: 0px 0px 20px 10px;
	text-align: center;
}

#main div.buble-form h4 {
	border-bottom: 1px solid #00A5CD;
	clear: both;
	color: #00A5CD;
	font-size: 1.05em;
	margin: 10px 20px 20px 0px;
	text-align: left;
}

* html #main div.buble-form h4 {
	height: 1%;
}

#main div.buble-form dl {
	text-align: left;
	margin-left: 30px;
	clear: both;
}

#main div.buble-form dl dt {
	float: left;
	padding-bottom: 10px;
	width: 250px;
	font-size: 0.9em;
	text-align: justify;
}

#main div.buble-form dd input {
	border-color: #7CBA2C;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	padding-left: 4px;
	width: 200px;
}

* html #main div.buble-form input {
	font-size: 0.8em;
}

#main div.buble-form dd input.checkbox {
	border: none;
}

#main div.buble-form dd textarea {
	border-color: #7CBA2C;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	padding-left: 4px;
	width: 300px;
	height: 100px;
}

* html #main div.buble-form textarea {
	font-size: 0.8em;
}

#main div.buble-form select {
	border-color: #7CBA2C;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
}

*+html .bord-select,* html .bord-select {
	border-left: 4px solid #8fd534;
	border-top: 1px solid #8fd534;
	border-right: 1px solid #8fd534;
	border-bottom: 1px solid #8fd534;
}

#main div.buble-form select.color-select option {
	background: #fff;
	/*background: #fff url('/rsc/img/option_back.png') no-repeat left;
			padding-left : 25px;*/
}

#main div.buble-form dd input:focus,#main div.buble-form select:focus,#main div.buble-form dd textarea:focus {
	background: #effff3;
}

#main div.buble-form dd input:hover,#main div.buble-form select:hover,#main div.buble-form dd textarea:hover {
	background: #effff3;
}

#main div.buble-form .red-error {
	color: #CC0000;
}

#main div.buble-form .red-error input {
	border-left: 4px solid #C00 !important;
	border-top: 1px solid #C00 !important;
	border-right: 1px solid #C00 !important;
	border-bottom: 1px solid #C00 !important;
}

*+html .red-error .bord-select,* html .red-error .bord-select {
	border-left: 4px solid #CC0000;
	border-top: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}

#main div.buble-form .red-error input:focus,#main div.buble-form .red-error select:focus {
	background: #ffefef;
}

#main div.buble-form .red-error input:hover,#main div.buble-form .red-error select:hover {
	background: #ffefef;
}

#main .button1 {
	background: #e7f3f7 url('../img/bg_button.png') repeat-x;
	padding: 2px 20px;
	border: 1px solid #00A5CD;
	color: #222;
	overflow: visible; /* One more IE BUG */
}

#main .button1:hover {
	border: 1px solid #7CBA2C;
	color: #7CBA2C;
}

#main input.button_disabled {
	border: 1px solid #D8D8D8;
	background: #F3F3F3 url('../img/wait.gif') no-repeat scroll right 50%;
	padding: 2px 20px;
	overflow: visible; /* One more IE BUG */
	margin-top: 20px;
}

/* RECHERCHE
 ************************************************/
#search {
	margin: 15px 0px 15px 50px;
	background: url('../img/wish_top.png') no-repeat top left;
	width: 627px;
}

#search dl.search-criteria {
	float: left !important;
	margin: 10px 0px 5px 20px;
}

* html #search dl.search-criteria {
	margin: 10px 0px 5px 10px;
}

#search dl.search-criteria dt {
	padding-top: 3px;
	font-size: 0.8em;
}

#search dl.search-criteria dd {
	vertical-align: middle;
}

#search dl.search-criteria dd select {
	border-color: #7CBA2C;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	margin-bottom: 2px;
}

#search p.submit {
	float: right;
	margin: 25px 20px 5px 0px;
}

#search label {
	color: #666;
	font-weight: bold;
	margin-right: 5px;
}

#search #wish-bottom {
	background: url('../img/wish_bottom.png') no-repeat left bottom;
	height: 12px;
	width: 627px;
}

#search .button1 {
	position: relative;
	padding-right: 2em;
}

#search .button1 span.go {
	position: absolute;
	top: -1px;
	left: 107%;
	display: block;
	width: 20px;
	height: 23px;
	background: url('../img/button-go.gif') no-repeat top right;
}

*+html #search .button1 span.go {
	top: 2px;
	left: 80%;
}

* html #search .button1 span.go {
	top: 2px;
	left: 80%;
}

/* LISTE THEME
 ************************************************/ /* Skin listing on homepage */
#main .home-content ul.list-home-skins li {
	width: 145px;
	margin: 0 2px;
	background: url('/rsc/img/spirale.png') no-repeat top right;
	position: relative;
}

ul.list-home-skins li img {
	width: 125px;
	height: 94px;
}

#main .home-content ul.list-home-skins span.rank {
	width: 26px;
	height: 27px;
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	padding: 0.25em;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	font-size: 1.75em;
}

ul.list-home-skins li p {
	margin: 0 auto !important;
	text-align: center !important;
	width: auto !important;
	font-size: 1em !important;
}

#main ul.liste {
	margin: 0 1em;
	padding: 0 !important;
	list-style-type: none;
}

#main ul.liste li {
	float: left;
	width: 160px;
	margin: 5px;
	padding: 8px 3px;
	background-color: #fff;
	font-size: 0.8em;
	text-align: center;
	border: 1px solid #ccc;
}

#main ul.liste img {
	display: block;
	margin: 0 auto;
	border: 1px solid #7CBA2C;
}

#main ul.liste a {
	font-size: 1em;
	font-weight: bold;
}

#main ul.liste a.theme-title {
	display: block;
}

#main ul.liste li.other {
	background-color: #F5FBFD;
}

/* THEME
 ************************************************/
#theme-img {
	border: 3px solid #FFF;
	float: left;
	margin-top: 10px;
	height: 270px;
}

#theme-desc {
	margin: 30px 0px 0px 20px;
	float: left;
	width: 370px;
}

#theme-desc p .name {
	margin-right: 1em;
}

#theme-desc dl {
	color: #999999;
	clear: both;
}

#theme-desc dl dt {
	float: left;
	color: #666666;
	font-weight: bold;
	font-size: 0.9em;
	width: 100px;
	margin-top: 2px;
}

#theme-desc dl dd {
	float: left;
	width: 260px;
	text-align: justify;
	margin-top: 2px;
}

#theme-desc dl dd.theme-description {
	width: 360px !important;
	clear: left;
}

#main #create.create-current-skin {
	background-image: none;
	text-align: right;
	padding-right: 2em;
}

* html #main #create.create-current-skin {
	padding-right: 4em;
}

#main #create.create-current-skin {
	background-image: none;
	text-align: right;
	padding-right: 2em;
}

#main #create.create-current-skin h1 {
	width: 178px;
	margin: 0 auto;
}

#main #create.create-current-skin .create-bottom {
	width: 188px;
	margin-left: 40px;
	margin-top: -1.8em;
	padding-bottom: 17px;
}

*+html #create.create-current-skin .create-bottom {
	margin-right: 60px;
}

#main #create.create-current-skin .create-top {
	background: url('../img/createf_top-skin.png') no-repeat left bottom;
	width: 188px;
	height: 6px;
}

/*	Profile
 ************************************************/
dl.profile-info {
	float: left;
	display: table;
	width: 44% !important;
	font-size: 0.8em;
	margin: 0.5em 1em 0 1em !important;
	clear: none !important;
}

dl.full {
	float: none;
	width: 95% !important;
	clear: both !important;
}

* html dl.full {
	width: 93% !important;
	margin: 0 2em !important;
}

dl.profile-info dt,dl.profile-info dd {
	float: left;
	padding: 0.25em !important;
	margin: 0.25em;
	background-color: #fff;
}

#main .buble-form .contenu dl.profile-info dt {
	width: 12em;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

dl.profile-info dd {
	border: 1px solid #ccc;
	width: 45% !important;
}

dl.full dt {
	width: 15em !important;
}

dl.full dd {
	width: 94% !important;
}

dl.profile-info dd:after {
	white-space: pre;
	content: " ";
}

html .float-center {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

*+html .float-center {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

div#main ul.searchresults-sort {
	display: table;
	list-style-type: none;
	margin: 0.5em auto;
	padding: 0.5em;
	text-align: center;
}

div#main ul.searchresults-sort li.term {
	font-weight: bold;
	color: #7CBA2C;
}

div#main ul.searchresults-sort li {
	display: table-cell;
	float: left;
	margin: 0 0.5em;
}

div#main ul.searchresults-sort li a {
	color: #00A5CD;
	font-weight: normal;
}

#main ul.searchresults-sort li.active a {
	font-weight: bold;
	text-decoration: underline;
}

/* FOOTER
 ************************************************/
#ombre {
	margin: -57px 0px 0px -178px;
	float: left;
	position: relative;
	width: 178px;
	height: 106px;
}

* html #ombre {
	margin: -57px 0px 0px -178px;
	padding: 0px;
}

#main-bottom {
	background: url('/rsc/img/main_bottom.png') no-repeat;
	width: 800px;
	height: 48px;
}

#main-bottom-nu {
	background: url('/rsc/img/main_bottom_nu.png') no-repeat;
	width: 800px;
	height: 25px;
}

.push {
	height: 69px;
}

#pied {
	border-top: 2px solid #b4e4f0;
	background-color: #eff9fc;
	font-size: 0.9em;
	color: #747474;
	padding-top: 0px;
	height: auto;
	min-height: 67px;
}

* html #pied {
	height: 64px;
}

#pied img.footer {
	float: right;
	margin-top: -25px;
	position: relative;
}

#pied p {
	text-align: right;
	margin-top: 0px;
	color: #00a5cd;
}

#pied .footer-lang {
	list-style: none;
	margin: 5px 92px 0 0;
	text-align: right;
}

#pied .footer-lang li {
	display: inline;
}

#pied .footer-lang li a {
	margin: 0 0 1em 0.5em;
}

#pied div.footer-cat {
	width: 53em;
	margin: 0 auto -15px;
	padding: 0;
}

#pied .footer-cat ul {
	list-style: none;
	padding: 0.25em 1.75em 0 1em;
	float: left;
	width: 14em;
	min-height: 90px;
	text-align: right;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #7DC4EB;
	background: transparent url('/rsc/img/line-footer-cat.gif') no-repeat top right;
}

* html #pied .footer-cat ul {
	height: 90px;
}

#pied .footer-cat ul.last {
	margin-right: 0 !important;
}

#pied .footer-cat ul li a {
	color: #7DC4EB;
	text-decoration: none;
}

#pied .footer-cat ul li a:hover {
	text-decoration: underline;
}

#pied .footer-cat ul li:hover {
	list-style: circle;
}

/* DIVERSES CLASSES 
 ************************************************/
.left {
	float: left;
}

.right {
	float: right !important;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.green {
	color: #7cba2c !important;
}

.blue {
	color: #00a5cd !important;
}

.bold {
	font-weight: bold !important;
}

.name {
	color: #00A5CD;
	font-weight: bold;
	font-size: 1.3em;
}

.col-left {
	float: left;
	width: 500px;
}

.col-right {
	float: right;
	width: 250px;
}

.col1,.col2,.col3 {
	float: left;
	width: 130px;
}

div.cgu ol {
	list-style-position: inside;
	color: #999;
}

div.cgu h3 {
	display: inline;
}

div.cgu p {
	margin: 0.5em 0 1em
}

div.cgu ul {
	list-style-type: circle !important;
	margin: 0 0 1em 2em;
	font-size: 0.8em;
	color: #999;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*+html .clearfix {
	min-height: 1px;
}

* html .clearfix {
	position: relative;
	height: 1%;
	clear: both;
}

/*
 TUTO Hitskin
*/
div.tuto {
	
}

div.tuto ol {
	list-style-position: inside;
	margin: 1em;
}

div.tuto ol li {
	background: transparent url(../img/puce_fleche.png) no-repeat scroll left 0.45em;
	color: #7CBA2C;
	font-size: 1.4em;
	padding-left: 20px;
	margin: 0 0 2em 0;
}

div.tuto p {
	margin: 1em;
}

div.tuto img {
	display: block;
	margin: 0.5em;
	border: 4px solid #d8d8d8;
}

div.tuto ol li ol {
	list-style-type: lower-latin;
	margin: 0 0 0 3em;
}

div.tuto ol li ol li {
	color: #999999;
	padding-left: 1em;
	font-size: 0.8em;
}