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

html {
	height: 100%;
}

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

img {
	border: none;
}

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

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

* html #subheader {
	overflow: hidden;
}

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

#subheader a img {
	border: none;
}

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

#subheader p.h2 {
	font-family: Arial;
	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: #00A5CD;
}

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

#subheader .blog_link {
	padding-top: 50px;
}

#subheader .blogh4 {
	font-size: 1.4em;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	font-family: Tahoma, arial, sans-serif;
}

#subheader .blogh2 {
	font-size: 0.8em;
	text-align: right;
	font-weight: normal;
	font-style: normal;
	margin: -3px 10px 0px 0px;
}

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

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

/*************************************************
 ******************** HEADER *********************
 *************************************************/
#header {
	height: 96px;
	background: url(http://im0.all-up.com/i/img/spirales.png) no-repeat top left;
}

#header p {
	color: #FFFFFF;
	font-size: 0.8em;
	min-height: 72px;
	background: url(http://illiweb.com/fs/img/bulle.png) no-repeat 0px 22px;
	margin: 0px 50px 0px 50px;
	padding: 25px 0px 0px 60px;
}

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

/************************************************
 **************** MENU HORIZONTAL ***************
 ************************************************/
#menu-horizontal {
	height: 45px;
	background: url(http://im0.all-up.com/i/img/menu.png) no-repeat;
}

* html #menu-horizontal {
	text-align: center;
}

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

#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: #FFFFFF;
	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;
}

#menu-horizontal p.form-step {
	font-size: .9em;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-top: 8px;
	text-align: center;
}

#menu-horizontal .step1_active,#menu-horizontal .step2_active,#menu-horizontal .step3_active {
	padding-left: 27px;
	padding-right: 40px;
	color: #fff;
	font-weight: bold;
}

#menu-horizontal .step1_active {
	background: url(http://illiweb.com/fs/img/step1.png) no-repeat scroll left;
}

#menu-horizontal .step2_active {
	background: url(http://illiweb.com/fs/img/step2.png) no-repeat scroll left;
}

#menu-horizontal .step3_active {
	background: url(http://illiweb.com/fs/img/step3.png) no-repeat scroll left;
}

#menu-horizontal .step1,#menu-horizontal .step2,#menu-horizontal .step3 {
	padding-left: 28px;
	padding-right: 30px;
	color: #fff;
}

#menu-horizontal .step1 {
	background: url(http://illiweb.com/fs/img/step1g.png) no-repeat scroll left;
}

#menu-horizontal .step2 {
	background: url(http://illiweb.com/fs/img/step2g.png) no-repeat scroll left;
}

#menu-horizontal .step3 {
	background: url(http://illiweb.com/fs/img/step3g.png) no-repeat scroll left;
}

/*********************************************
 ******************* PAGE ********************
 *********************************************/
#main {
	height: auto;
	border-left: 4px solid #d8d8d8;
	border-right: 4px solid #d8d8d8;
	font-size: 0.9em;
	background: #f3f3f3 url(http://im0.all-up.com/i/img/bg_main.png) no-repeat bottom right;
	padding-top: 25px;
	padding-left: 30px;
}

*+html #main,* html #main {
	height: 1%;
}

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

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

#main.phpbb h1 {
	font-weight: normal;
}

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

#main.phpbb p {
	padding: 5px 60px 10px 50px;
	text-align: justify;
}

#main.phpbb ol,#main.phpbb ul {
	color: #7cba2c;
	padding-left: 90px;
	padding-bottom: 20px;
}

#main.phpbb li {
	color: #999999;
	font-size: 0.9em;
	padding: 0 70px 0 2px;
	list-style-position: outside;
}

#main.phpbb sup {
	font-size: 0.6em;
}

#main.phpbb .phpbb_link {
	padding: 10px 30px 10px 30px;
	float: right;
}

#main.phpbb .phpbbfr_link {
	padding: 0px 30px 0px 30px;
	float: right;
	clear: right;
}

#main.phpbb .phpbb_link span,#main.phpbb .phpbbfr_link span {
	display: block;
	text-align: center;
}

#main h1 a {
	color: #00a5cd;
	text-decoration: none;
}

#main h2 {
	font-size: 1.1em;
	color: #00a5cd;
}

#main h3 {
	margin: 0 40px 4px 40px;
	font-size: 1.05em;
	color: #00a5cd;
}

#main h3 a {
	color: #00a5cd;
}

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

#main a {
	color: #7cba2c;
	font-size: 1em;
}

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

#main ul {
	list-style-type: none;
	list-style-image: url(http://illiweb.com/fs/img/puce_fleche.png);
	list-style-position: inside;
}

#main ol {
	list-style-position: inside;
}

#main .col-left {
	float: left;
	width: 465px;
}

#main .col-right {
	float: right;
	width: 290px;
}

#main option {
	padding-right: 10px;
}

/*********************************************
 	 ***************** HOMEPAGE ******************
 	 *********************************************/
#erreur-found {
	margin: -15px 70px 15px;
	height: 1%;
}

#erreur-found h2 {
	background: url(http://illiweb.com/fs/img/warning.png) no-repeat 40px top;
	color: #c00;
	padding: 7px 0px 0px 80px;
	font-size: 1.1em;
	text-align: left;
}

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

#erreur-found p {
	width: 500px;
	margin: 10px auto 5px;
}

/** Annuaire des catégories **/
#main #categories {

}

#main #categories ul {
	margin-top: 15px;
}

#main #categories ul.col2 {
	margin-left: 15px;
}

#main #categories li {
	margin-bottom: 10px;
}

#main #categories li a {
	font-size: 0.9em;
	margin-left: 2px;
	font-weight: bold;
}

*+html #main #categories li a,* html #main #categories li a {
	padding-left: 8px;
}

/** Les plus + actifs **/
#main #most-active {
	margin-top: 15px;
}

#main #most-active p {
	margin: 10px 0px 0px 15px;
	width: 430px;
	text-align: justify;
}

#main #most-active .barre {
	float: left;
	margin-top: 10px;
	position: relative;
}

#main #most-active ol {
	color: #00A5CD;
	font-style: italic;
	font-size: 0.8em;
	margin-top: 10px;
	width: 215px;
	margin-left: -3px;
	font-weight: bold;
	list-style-position: inside;
}

#main #most-active ol.col1 {
	border-left: 3px solid #ffc002;
	padding-left: 9px;
}

#main #most-active ol.col2 {
	border-left: 3px solid #85be39;
	padding-left: 9px;
}

#main #most-active li {
	margin-bottom: 10px;
}

/** Outils de secours **/
#main #utilities {
	margin-top: 30px;
	color: #7cba2c;
}

#main #utilities p {
	margin: 10px 0px 10px 15px;
}

#main #utilities ul {
	color: #999999;
	list-style-image: none;
	list-style-type: square;
	font-size: 0.9em;
	margin: 0px 0px 10px 25px;
}

#main #utilities hr {
	display: none;
}

/** Créer son forum **/
#main .forum {

}

#main .forum ol {
	list-style-type: none;
	color: #999999;
	font-size: 0.9em;
	margin-left: 40px;
}

*+html #main .forum ol,* html #main .forum ol {
	margin-left: 20px;
}

#main .forum li {
	margin-bottom: 6px;
}

#main #buble-top {
	background: url(http://illiweb.com/fs/img/bulle_top.png) no-repeat;
	width: 272px;
	text-align: center;
	padding-top: 20px;
}

#main #buble-top #button {
	text-align: center;
	background: url(http://illiweb.com/fs/img/button_top.png) no-repeat top;
	width: 236px;
	margin-left: auto;
	margin-right: auto;
}

#main #buble-top #button h1 {
	padding: 12px 5px 0px 5px;
	background-image: none;
	font-size: 0.8em;
	min-height: 30px;
}

* html #main #button h1 {
	height: 20px;
}

#main #buble-top #button a {
	color: #ffffff;
	text-decoration: none;
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
}

#main #buble-top #button .button-bottom {
	background: url(http://illiweb.com/fs/img/button_bottom.png) no-repeat left bottom;
	width: 236px;
	height: 9px;
}

#main #buble-top .createb-top {
	text-align: center;
	background: url(http://illiweb.com/fs/img/button_top_blog.png) no-repeat top;
	width: 236px;
	margin-left: auto;
	margin-right: auto;
}

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

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

#main #buble-top .createb-top a {
	color: #ffffff;
	text-decoration: none;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
}

#main #buble-top .createb-bottom {
	background: url(http://illiweb.com/fs/img/button_bottom_blog.png) no-repeat left bottom;
	width: 236px;
	height: 9px;
}

#main #buble-bottom {
	background: url(http://illiweb.com/fs/img/bulle_bottom.png) no-repeat;
	height: 25px;
}

#main .act-vert-buble {
	background: url(http://illiweb.com/fs/img/act_vert_bulle.png) no-repeat;
	height: 139px;
	width: 157px;
	margin: -33px 0px 0px 140px;
}

/** Formulaire de recherche **/
#main #search {
	margin: -25px 0px 0px 25px;
	width: 235px;
}

#main #search h2 {
	margin-bottom: 5px;
}

#main #search form {
	padding: 20px 0px 0px 20px;
}

#main #search input {
	margin-bottom: 5px;
}

#main #search label {
	vertical-align: top;
}

*+html #main #search label,* html #main #search label {
	vertical-align: middle;
}

/*********************************************
 	 ***************** ANNUAIRE ******************
 	 *********************************************/ /** Top des forums **/
#main #top {

}

#main #top h2 {
	margin: -25px 0px 10px 45px;
	padding: 25px 0px 5px 0px;
	background: url(http://illiweb.com/fs/img/exclamation.png) no-repeat top right;
}

#main #top h2 a {
	padding-left: 10px;
	font-weight: normal;
}

#main #top a.active {
	margin-left: 80px;
}

#main #top .fleche-annuaire {
	position: relative;
	float: left;
}

#main #top ol {
	background-color: #FFFFFF;
	width: 445px;
	border-left: 6px solid #84be39;
	margin-top: 15px;
	float: left;
	margin-left: -15px;
	min-height: 602px;
}

* html #main #top ol {
	height: 602px;
}

#main #top li {
	border-bottom: 1px solid #f3f3f3;
	padding: 8px 15px 10px 15px;
	color: #10abd0;
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
}

* html #main #top li a {
	padding-left: 20px;
}

*+html #main #top li a {
	padding-left: 20px;
}

#main #top li p {
	font-weight: normal;
	font-style: normal;
	margin-top: 3px;
	text-align: justify;
	width: 410px;
	clear: both;
}

#main #top ul {
	margin-left: 25px;
	list-style-image: none;
	position: relative;
}

#main #top ul li {
	background: url(http://illiweb.com/fs/img/puce_bleu.png) no-repeat 0px 12px;
}

*+html #main #top ul li {
	background-position: 17px 14px;
	padding-left: 0px;
}

* html #main #top ul li {
	padding-left: 0px;
}

#main #top ul li a {
	color: #00a5cd;
}

#main #top li ul {
	font-weight: normal;
	list-style-image: none;
	list-style-position: outside;
}

#main #top li ul li {
	background: url(http://illiweb.com/fs/img/puce_active.png) no-repeat left 12px;
	margin: 0px 0px -10px -5px;
	font-weight: normal;
	padding-left: 20px;
}

*+html #main #top li ul li {
	margin-left: 40px;
}

* html #main #top li ul li {
	margin-left: 20px;
}

#main #top li ul li a {
	color: #7cba2c;
	text-decoration: none;
	padding-left: 0px;
}

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

/** Annuaire colonne droite **/
#main #annuaire-droite {
	margin: 0px 25px 0px 25px;
}

#main #annuaire-droite p {
	text-align: justify;
}

#main #annuaire-droite ul {
	color: #7cba2c;
	margin: 20px 0px 25px 0px;
	list-style-type: square;
	list-style-image: none;
	font-weight: bold;
}

#main #annuaire-droite form {
	margin: 5px 0px 5px 0px;
}

#main #annuaire-droite .buble-top {
	padding-top: 15px;
}

#main #annuaire-droite .buble-top p {
	margin-left: 20px;
}

#main #annuaire-droite .buble-top ul {
	color: #00a5cd;
	font-size: 0.9em;
	margin: 10px 0px 10px 20px;
}

#main #annuaire-droite #searchform2 {
	padding-left: 20px;
}

#main #annuaire-droite #searchform2 input {
	margin-bottom: 5px;
}

#main #annuaire-droite #searchform2 label {
	vertical-align: top;
}

*+html #main #annuaire-droite #searchform2 label,* html #main #annuaire-droite #searchform2 label {
	vertical-align: middle;
}

/*********************************************
 	 ****************** THEMES *******************
 	 *********************************************/
#main ul#phpbb-version {
	padding-left: 67px;
}

*+html #main ul#phpbb-version {
	height: 1%;
}

* html #main ul#phpbb-version {
	height: 1%;
}

#main ul#phpbb-version li {
	float: left;
	display: block;
	height: 33px;
	background: url(http://illiweb.com/fs/img/tab_version.png) no-repeat top;
	padding: 0 28px 0 25px;
	position: relative;
	margin-bottom: -4px;
}

* html #main ul#phpbb-version li {
	padding: 0 27px 0 27px;
}

#main ul#phpbb-version li a span {
	display: block;
	padding-top: 8px;
}

#main ul#phpbb-version li.inactive {
	background: url(http://illiweb.com/fs/img/tab_version.png) no-repeat bottom;
}

#main ul#phpbb-version li a {
	text-decoration: none;
	font-weight: bold;
	color: #00A5CD;
}

#main ul#phpbb-version li.inactive a {
	color: #999;
}

#main ul#phpbb-version li.hitskin-tab {
	padding: 0;
	height: 33px;
	background: url(http://illiweb.com/fs/img/sd-right.png) no-repeat bottom right;
}

#main ul#phpbb-version li.hitskin-tab:hover {
	background: url(http://illiweb.com/fs/img/sd-right.png) no-repeat top right;
}

#main ul#phpbb-version li.hitskin-tab a {
	display: block;
	padding: 0 27px 0 27px;
	background: url(http://illiweb.com/fs/img/sd-left.png) no-repeat bottom left;
	color: #fff;
	height: 33px;
	overflow: hidden;
}

#main ul#phpbb-version li.hitskin-tab a span {
	display: block;
	padding-top: 7px
}

* html #main ul#phpbb-version li.hitskin-tab a {
	display: inline-block;
}

#main ul#phpbb-version li.hitskin-tab a:hover {
	background: url(http://illiweb.com/fs/img/sd-left.png) no-repeat top left;
}

* html #main ul#phpbb-version li.hitskin-tab a:hover {
	background: url(http://illiweb.com/fs/img/sd-left.png) no-repeat bottom left;
}

#main div.buble-form {
	margin: 0px 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(http://illiweb.com/fs/img/top_right.png) no-repeat;
	float: right;
}

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

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

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

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

#main div.contenu p {
	width: 600px;
	padding: 0px 0px 10px 25px;
}

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

#main div.buble-form dl.left-dl {
	margin: auto;
	text-align: left;
	width: 275px;
}

#main div.buble-form .left-dl dt {
	float: left;
	width: 20px;
	margin-top: 55px;
}

#main div.buble-form .left-dl p {
	font-style: italic;
	text-align: center;
	width: 250px;
}

#main div.buble-form .hitskin-dl {
	padding-top: 40px;
}



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

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

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

#main div.buble-form button.form-button {
	background: url(http://illiweb.com/fs/img/left_button.png) no-repeat left 15px;
	height: 62px;
	border: none;
	margin-top: 10px;
	margin: -15px 30px 0px 0px;
}

*+html #main div.buble-form button.form-button {
	background: url(http://illiweb.com/fs/img/left_button.png) no-repeat 0px 14px;
	margin: -15px -40px 0px 0px;
}

* html #main div.buble-form button.form-button {
	background: url(http://illiweb.com/fs/img/left_button.png) no-repeat 0px 14px;
	margin: -15px -40px 0px 0px;
}

#main div.buble-form button.form-button span {
	background: url(http://illiweb.com/fs/img/right_button.png) no-repeat top right;
	padding: 26px 90px 24px 25px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

*+html #main div.buble-form button.form-button span {
	position: relative;
	float: left;
	min-width: 30px;
}

* html #main div.buble-form button.form-button span {
	position: relative;
	float: left;
	width: 30px;
}

#main div.buble-form button.theme span {
	display: block;
	padding: 25px 90px 24px 25px;
	white-space: nowrap;
}

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

#main div.buble-form input.button1:hover {
	border: 1px solid #7CBA2C;
	color: #7CBA2C;
}

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

#main div.erreur-form {
	background-color: #FFFFFF;
	border: 2px dotted #E0E0E0;
	margin: 0px 70px 15px;
}

#main div.erreur-form p {
	background: url(http://illiweb.com/fs/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 .normal dt {
	float: left;
	padding-bottom: 10px;
	width: 250px;
	font-size: 0.9em;
	text-align: justify;
}

#main div.buble-form .normal dd {
	margin-left: 260px;
	padding-bottom: 10px;
}

#main div.buble-form dd span.mdp {
	color: #00A5CD;
	padding: 3px 0px 3px 0px;
}

#main div.buble-form .normal p {
	font-style: italic;
	width: 365px;
	padding: 0px;
	text-align: justify;
}

#main div.buble-form .normal .desc {
	display: block;
	font-style: italic;
	font-size: 0.8em;
	color: #999;
}

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

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

#main div.buble-form .normal option {
	padding-right: 10px;
}

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

#main div.next {
	text-align: right;
	margin-bottom: -20px;
}

#main div.next button {
	background: #FFFFFF;
	border: none;
	color: #16A9CD;
	font-size: 1.1em;
	font-weight: bold;
	overflow: visible;
	padding: 0;
}

/*********************************************
 	 ************** CONGRATULATION ***************
 	 *********************************************/
#main div.congratulation {
	background: #FFFFFF url(http://illiweb.com/fs/img/spirale.png) no-repeat top left;
	border: 4px solid #E0E0E0;
	margin: -29px 0px;
	padding: 25px 0px 0px 20px;
}

#main div.congratulation h2 {
	margin: 25px 0px 20px 0px;
	color: #7bb92b;
	background: url(http://illiweb.com/fs/img/win.png) no-repeat 85px 0px;
	min-height: 60px;
	padding: 10px 0px 0px 165px;
	font-size: 1.1em;
	font-weight: normal;
}

* html #main div.congratulation h2 {
	height: 60px;
}

#main div.congratulation #print {
	background: url(http://illiweb.com/fs/img/puce_bleu.png) no-repeat 0px 5px;
	font-size: 0.7em;
	color: #16a9cd;
	padding-left: 15px;
}

#main div.congratulation #favorite {
	color: #16a9cd;
	font-size: 0.7em;
}

#main div.congratulation p {
	color: #16a9cd;
}

#main div.congratulation #c-explain {
	margin-left: 70px;
}

.field1,.field2,.field3 {
	width: 390px;
}

.field1 {
	margin: 10px 0px 15px 60px;
	background: url(http://illiweb.com/fs/img/c_cadre1.png) no-repeat;
}

.field2 {
	margin: 0px 0px 15px 120px;
	background: url(http://illiweb.com/fs/img/c_cadre2.png) no-repeat;
}

.field3 {
	margin: 0px 0px 15px 170px;
	background: url(http://illiweb.com/fs/img/c_cadre3.png) no-repeat;
}

.field1 p,.field2 p,.field3 p {
	margin-left: 50px;
	padding-top: 10px;
	min-height: 50px;
}

* html .field1 p,* html .field2 p,* html .field3 p {
	height: 50px;
}

.cadre-bottom {
	background: url(http://illiweb.com/fs/img/c_cadre_bottom.png) no-repeat bottom;
	height: 21px;
}

#pouce {
	background: url(http://illiweb.com/fs/img/pouce.png) no-repeat 420px 10px;
}

ul.abuses {
	line-height: 1.5em !important;
}

/*********************************************
 	 ***************** LANGUAGE ******************
 	 *********************************************/
#main #img-lang {
	margin: 20px 0px 0px 20px;
}

#main #img-lang ul {
	margin: 10px 0px 0px 120px;
}

#main #img-lang img {
	margin-top: 20px;
}

/*********************************************
 	 ***************** SITEMAP ******************
 	 *********************************************/
#main #sitemap {
	margin: 20px 0px 0px 20px;
}

#main #sitemap ul {
	margin: 10px 0px 5px 50px;
}

#main #sitemap ul li {
	margin-bottom: 3px;
}

/*********************************************
 	 ******************* CGU *********************
 	 *********************************************/
#main #cgu {
	text-align: justify;
	width: 700px;
	margin-left: 30px;
	color: #999999;
	font-size: 0.9em;
}

#main #cgu h2 {
	margin: 10px 0px;
	font-size: 1.3em;
}

#main #cgu h2.u_ar {
	margin: 10px 0px;
	font-size: 1.5em;
	text-align: right;
}

#main #cgu h2._ar {
	margin: 10px 0px;
	font-size: 1.5em;
	text-align: right;
}

#main #cgu hr {
	display: none;
}

/*********************************************
 	 ***************** RECHERCHE *****************
 	 *********************************************/
#main #form-search {
	background-color: #FFFFFF;
	width: 520px;
	margin: 10px 0px 0px 100px;
	border: 3px dotted #E0E0E0;
	padding: 10px 20px 20px 20px;
}

#main #form-search p {
	text-align: center;
}

/*********************************************
 	 ******************* OUTILS ******************
 	 *********************************************/
form.disconnect {
	text-align: right;
}

#main #utilities-form h2 {
	margin: 20px 0px 0px 25px;
}

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

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

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

.push {
	height: 69px;
}

/*********************************************
 ***************** PIED **********************
 *********************************************/
#pied {
	border-top: 2px solid #b4e4f0;
	background-color: #eff9fc;
	font-size: 0.8em;
	color: #747474;
	padding-top: 0px;
	height: auto;
	min-height: 69px;
}

* html #pied {
	height: 64px;
}

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

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

#pied li {
	display: inline;
	background: transparent url(http://illiweb.com/fs/img/footer_li.png) no-repeat scroll left;
	padding-left: 7px;
	padding-right: 7px;
}

#pied li.no_pipe {
	background: transparent;
}

#pied a {
	text-decoration: none;
	color: #747474;
}

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

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

/*********************************************
 ***************** COMMUN ********************
 *********************************************/
.col1,.col2 {
	float: left;
	width: 210px;
}

.right {
	float: right;
}

.left {
	float: left;
}

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

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

.gray {
	color: #959595;
}

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

.normal {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.align-right {
	text-align: right;
}

.marginli {
	margin-left: 5px;
	vertical-align: top;
}

.suite {
	background: url(http://illiweb.com/fs/img/puce_fleche.png) no-repeat center left;
	padding-left: 15px;
	font-size: 0.8em !important;
}

.active {
	background: url(http://illiweb.com/fs/img/puce_active.png) no-repeat center left;
	font-size: 1.1em !important;
	padding-left: 20px;
	margin-left: 80px;
}

.buble-top {
	background: url(http://illiweb.com/fs/img/search_top.png) no-repeat;
}

.buble-bottom {
	background: url(http://illiweb.com/fs/img/search_bottom.png) no-repeat left bottom;
	height: 10px;
}

input.btn_search {
	vertical-align: bottom;
}

.before-after {
	margin: 5px 20px;
	font-weight: bold;
	font-size: 1em !important;
}

.astuce {
	text-align: right !important;
	font-size: 0.9em !important;
}

.radio {
	width: 20px !important;
	border: none !important;
}

*+html .bord-select,* html .bord-select {
	border-color: #8FD534;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
}

/*********************************************
 ***************** MESSAGE *******************
 *********************************************/
div.die_title_red {
	color: #CC0000;
	font-size: 1.1em;
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: center;
}

*+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;
}

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

#main .red-dt {
	color: #CC0000;
}

input.with-hover:focus,input.with-hover:hover,textarea.with-hover:focus,textarea.with-hover:hover,select.with-hover:focus,select.with-hover:hover
	{
	background: #effff3;
}

/* Avoid bad rollover effect on IE */
input.radio:hover,input.radio:focus,input.checkbox:hover,input.checkbox:focus {

}

.red-dt input.with-hover:focus,.red-dt input.with-hover:hover,.red-dt textarea.with-hover:focus,.red-dt textarea.with-hover:hover,.red-dt select.with-hover:focus,.red-dt select.with-hover:hover
	{
	background: #ffefef;
}

.red-dt input.with-hover {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

.red-dt select {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

.red-dt textarea {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

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

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

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

.continue-button {
	margin-top: 3em;
}

h3.warning img {
	float: left;
	margin-right: 1em;
}

.create-warning .contenu {
	padding: 1em;
}

.create-warning .contenu ul {
	margin: 1em;
}

.thumbnail-info {
	margin: 0px 35px 15px 35px;
}

.thumbnail-info img {
	display: block;
	margin: -20px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	padding: 1px;
}

h4.theme-properties-title {
	font-size: 1.25em !important;
	text-align: center !important;
}

p.theme-properties {
	font-size: 1em !important;
}

ul.themes {
	list-style-image: none !important;
}

ul.themes li {
	background-color: #eee;
	border: 1px solid #bbb;
	font-size: 0.8em;
	margin: 10px 0;
	padding: 10px;
	text-align:center;
	width: 275px;
	}

	ul.themes li.hitskin,
	ul.themes li.hitskin:hover  {
		background-color: transparent;
		border: none;
	}

ul.themes li:hover {
	border: 1px solid #7CBA2C;
	background-color: #e4faff;
}


ul.themes li img {
	border: 1px solid #bbb;
}

ul.themes li.hitskin img {
	border: none;
}