/*  

Tous droits réservés 2010 www.polypod.fr

Feuille de styles de la page d'accueil du site
Thème : Marianne et moi
Créé le : 01/01/2010

Cette feuille de styles définie l'apparence des éléments propres au template du site à laquelle elle est attachée.
L'apparence des éléments communs à tous les templates du site est définie dans le fichier styles.css, importé ci-dessous.

*/

@import "../styles.css";



/* ========== main ========== */

#main {
	width: 952px;
}

/* ========== Les billets du CMS ========== */

#main .col_left_35_35_35 .post_header, #main .col_middle_35_35_35 .post_header, #main .col_right_35_35_35 .post_header {
	height: 57px;
}

#main .col_left_35_35_35 .post_header {
	background: url(../../images/home/cadre-haut-plante.gif) no-repeat left top;
}

#main .col_middle_35_35_35 .post_header {
	background: url(../../images/home/cadre-haut-engrenage.gif) no-repeat left top;
}

#main .col_right_35_35_35 .post_header {
	background: url(../../images/home/cadre-haut-bobine.gif) no-repeat right top;
}

#main .col_left_35_35_35 .post_header h2, #main .col_middle_35_35_35 .post_header h2, #main .col_right_35_35_35 .post_header h2 {
	height: 57px;
	padding: 17px 5px 0 19px;
	font-size: 1.6em;
	color: #1f537f;
}

#main .post_content {
	padding: 10px 20px 10px 15px;
}

#main .col_left_35_35_35 .post_content, #main .col_middle_35_35_35 .post_content {
	background: url(../../images/home/cadre-milieu.gif) repeat-y left top;
}

#main .col_right_35_35_35 .post_content {
	background: url(../../images/home/cadre-milieu.gif) repeat-y right top;
}

#main .col_left_35_35_35 .post_footer, #main .col_middle_35_35_35 .post_footer, #main .col_right_35_35_35 .post_footer {
	height: 7px;
}

#main .col_left_35_35_35 .post_footer, #main .col_middle_35_35_35 .post_footer {
	background: url(../../images/home/cadre-bas.gif) no-repeat left top;
}

#main .col_right_35_35_35 .post_footer {
	background: url(../../images/home/cadre-bas.gif) no-repeat right top;
}

/* ========== flèche sur les liens ========== */



/*<div class="bt_haut"><a href="#top" title="Retourner en haut de la page">haut de la page&nbsp;<img src="{racine}/theme/{lg}/images/fleche-haut.gif" alt="Retourner en haut de page"/></a></div>*/

/* ========== La déco de page ========== */

#deco {
	height: 90px;
	background: url(../../images/home/cadre-deco_1.gif) no-repeat left top;
	margin-bottom: 10px;
}

/* ========== Le bandeau "communication" ========== */

#bandeau {
	background: url(../../images/home/bandeau-fond.gif) no-repeat left top;
	padding-top: 15px;
	height: 41px;
	margin-bottom: 20px;
}

#bandeau h3 {
	line-height: 27px;
	float: left;
	font-size: 1.6em;
	margin-right: 10px;
}

#bandeau-gauche {
	width: 297px;
	padding-left: 20px;
	float: left;
}

#bandeau-gauche .icone {
	background: url(../../images/home/bandeau-blog.gif) no-repeat left top;
	width: 40px;
	height: 25px;
	float: left;
}

#bandeau-milieu {
	width: 303px;
	padding-left: 15px;
	float: left;
}

#bandeau-milieu .icone {
	background: url(../../images/home/bandeau-facebook.gif) no-repeat left top;
	width: 24px;
	height: 26px;
	float: left;
}

#bandeau-droite {
	width: 300px;
	padding-left: 15px;
	float: right;
}

#bandeau-droite .icone {
	background: url(../../images/home/bandeau-enveloppe.gif) no-repeat left top;
	width: 44px;
	height: 26px;
	float: left;
}