/*  

Copyright © 2006 Troll d'idées. Tous droits réservés.

Feuille de styles principale
Thème : Phlox

Créé le : 15/03/2007
Cette feuille de styles définie l'apparence des éléments propres au template du site à laquelle elle est rattachée.
L'apprence des éléments communs à tous les templates du site sont définis dans le fichier styles.css, importé ci-dessous.
L'agencement des blocs principaux de mise en page sont définis dans le fichier layout.css, importé ci-dessous.

*/

@import "layout.css";
@import "../styles.css";

#main h1 {
	margin: 0 0 10px 70px;
}

#main .bt_inscription_demo {
	display: block;
	padding: 4px 5px 6px 5px;
	font-size: 0.9em;
	text-align: center;
	color: #FFF;
	background: url(../../images/bt_inscription_demo.png) no-repeat;
}

/* ========== Inscription ========== */

#inscription * {
	vertical-align: middle;
}

#inscription .bt_inscription_accueil {
	display: block;
	float: right;
	width: 160px;
	height: 75px;
	background: url(../../images/bt_inscription_accueil.png) no-repeat;
}

#inscription .bt_inscription_accueil span {
	display: none;
}

#inscription a.bt_apercu {
	padding: 0;
	color: #333;
	background: none;
}

#inscription a.bt_apercu:hover {
	color: #009EE0;
}

/* ========== post_accueil ========== */

.post_accueil h2 {
	display: none;
}

.post_accueil .post_content {
	float: left;
	width: 410px;
	height: 220px;
	padding: 80px 30px 0 30px;
	text-align: left;
	font-size: 1.05em;
	line-height: 1.7em;
}

#main .post_accueil .post_illustration {
	display: block;
	float: left;
	width: 490px;
	height: 400px;
	margin: 0 -20px 0 0;
	background: none;
}

.post_accueil .post_footer {
	height: 0;
	font-size: 0;
	clear: both;
}

.post_accueil.ecran_1 {
}

.post_accueil.ecran_2 {
	display: none;
}

.post_accueil.ecran_3 {
	display: none;
}

.post_accueil.ecran_4 {
	display: none;
}

.post_accueil.ecran_5 {
	display: none;
}

.post_accueil.ecran_6 {
	display: none;
}

.post_accueil.ecran_7 {
	display: none;
}

.post_accueil.ecran_8 {
	display: none;
}

.post_accueil .bench {
	width: 100%;
	margin: -20px 0 0 0;
}

.post_accueil .bench th.col {
	width: 110px;
	font: normal 1.4em Helvetica,Arial,sans-serif;
	color: #000;
}

.post_accueil .bench .tick {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: url(../../images/tick.png) no-repeat;
}

.post_accueil .bench td {
	padding: 5px 10px;
	font-size: 0.8em;
	color: #404040;
}

.post_accueil .bench .color1 td {
	background-color: #f2f2f2;
}

.post_accueil .bench .color2 td {
}

/* ========== features_options ========== */

#features_options ul#js_features_options {
	margin: 0 0 0 135px;
	padding: 0 0 45px 0;
}

#features_options ul#js_features_options li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#features_options ul#js_features_options li a {
	display: block;
	float: left;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: url(../../images/bt_point.png) no-repeat center top;
}

#features_options ul#js_features_options li a.actif {
	background: url(../../images/bt_point.png) no-repeat center -10px;
}


#features_options ul.liens_apercu {
	margin: 0;
	padding: 0;
	clear: both;
}

#features_options ul.liens_apercu li {
	display: inline;
	margin: 00;
	padding: 0;
	list-style: none;
}

#features_options ul.liens_apercu a {
	display: block;
	float: left;
	margin: 0 5px 0 5px;
	width: 89px;
	height: 73px;
}

#features_options ul.liens_apercu a.bt_lien_01 {
	background: url(../../images/lien_video_back.png) no-repeat;
}

#features_options ul.liens_apercu a.bt_lien_02 {
	background: url(../../images/lien_video_cms.png) no-repeat;
}

#features_options ul.liens_apercu a.bt_lien_03 {
	background: url(../../images/lien_video_concept.png) no-repeat;
}

#features_options ul.liens_apercu a.bt_lien_04 {
	background: url(../../images/lien_video_visite.png) no-repeat;
}

#features_options ul.liens_apercu a span {
	display: none;
}