/* Feuille de style Gen */
/* Cybercité - Septembre 2009 */

/******************************/
/** GENERAL **/
/******************************/

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

body {
	margin:0px;
	padding:0px;
	font-size:12px;
	text-align:center; /* Aligner sur IE6 */
	font-family:Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}

.spacer {
	clear:both;
}

#conteneur {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/******************************/
/** HEADER **/
/******************************/

#conteneur_header {
	background:#f1f1f1;
	text-align:center;
}

#header {
	background:url(images/illustration-tetiere.jpg) no-repeat top left;
	height:169px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header_gauche {
	float:left;
	width:650px;
}

#logo {
	background:url(images/logo-atoutfemme.png) no-repeat;
	display:block;
	width:320px;
	height:135px;
	float:left;
	margin-left:55px;
	margin-top:20px;
}

#rss {
	background:url(images/flux-rss.png) no-repeat;
	display:block;
	width:70px;
	height:72px;
	float:left;
	margin-left:150px;
	margin-top:30px;
}

#header_droite {
	float:right;
	width:300px;
}

#header_droite ul {
	color:#FFFFFF;
}

#header_droite ul li {
	display:block;
	width:30%;
	float:left;
}

.onglet_droite {
	background:url(images/onglet-vert-drt.png) no-repeat;
	width:5px;
	height:19px;
	display:block;
	float:left;
}

.onglet_gauche {
	background:url(images/onglet-vert-gch.png) no-repeat;
	width:6px;
	height:19px;
	display:block;
	float:left;
}

#header_droite ul li a {
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	height:19px;
	background:url(images/onglet-vert-fond.png) repeat-x;
	float:left;
	font-size:12px;
	text-decoration:none;
}

#menu_header {
	background:url(images/fond-cellule.gif) repeat-x;
	height:33px;
	text-align:center;
}

#cont_menu_header {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#menu_header ul {
	padding:0px;
	list-style:none;
	color:#FFFFFF;
	margin:0px 0px 0px 50px;
	font-family:"Times New Roman", Times, serif;
}

#menu_header ul li{
	display:inline;
	color:#FFFFFF;
	line-height:33px;
}

#menu_header ul li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#baseline {
	height:20px;
	width:496px;
	display:block;
	color:#fff;
	background:#469E5A;
	font-weight:bold;
	margin-left:50px;
	text-indent:10px;
	line-height:20px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}


/******************************/
/** CONTENU **/
/******************************/

#contenu {
	padding:0px 0px 0px 50px;
	width:728px;
	float:left;
}

.article h2 {
	width:313px;
	color:#3103A8;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border-left:solid 2px #8BC103;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
}

.article h2 a {
	color:#3103A8;
	text-decoration:none;
}

.article {
	width:313px;
	float:left;
	margin:45px 50px 0px 0px;
	//margin:45px 30px 0px 0px;
}

.date {
	background:#469E5A;
	width:57px;
	height:57px;
	position:relative;
	top:50px;
	margin-top:-50px;
	left:15px;
	z-index:50;
	color:#FFFFFF;
	text-align:center;
	display:block;
}

.nombre {
	display:block;
	font-weight:bold;
	font-size:16px;
}

.mois {
	display:block;
	font-weight:bold;
	font-size:12px;
}

.info {
	text-align:right;
	font-size:10px;
	color:#7C7B7D;
	margin-bottom:5px;
	padding-right:3px;
}

.info .auteur{
	font-size:10px;
	color:#FEA916;
}

.info a {
	font-size:10px;
	color:#7C7B7D;
	text-decoration:none;
}

.info a:hover {
	text-decoration:underline;
}

.texte p {
	color:#2F1753;
	margin:10px 0px 0px 0px;
}

.lire_suite {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/lire-la-suite.png);
	display:block;
	width:102px;
	height:29px;
	text-indent:10px;
	line-height:29px;
	float:right;
}

/******************************/
/** SIDE BAR **/
/******************************/

#sidebar {
	width:220px;
	float:right;
}

.news {
	text-align:right;
	font-size:18px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.newsletter {
	background:url(images/ban-newsletter.png);
	height:79px;
	color:#FFFFFF;
}

.newsletter p {
	padding:10px 10px 0px 10px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}

.btn_ok {
	background:url(images/bt-ok.png) no-repeat;
	width:42px;
	height:40px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:right;
	margin-right:10px;
	line-height:20px;
	text-indent:5px;
	line-height:30px;
}

#sidebar h3 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	background:#469E5A;
	font-family:"Times New Roman", Times, serif;
	padding:5px 0px 5px 15px;
	margin-top:10px;
}

#sidebar ul {
	margin:0px;
	padding:0px;
	list-style:none;
 }
 
#sidebar ul li {
	font-weight:bold;
	font-size:14px;
	border-bottom:solid 1px #FEA916;
	text-indent:15px;
	display:block;
	height:2Opx;
	padding:3px 0px 3px 0px;
 }

#sidebar ul li a{
	text-decoration:none;
	color:#565556;
 }

#sidebar ul li ul{
	list-style:disc;
	margin:0px;
	padding:0px;
 }
 
 #sidebar ul li ul li{
	border-top:solid 1px #FEA916;
	border-bottom:none;
	font-weight:normal;
	font-size:12px;
	text-indent:50px;
	display:block;
	margin-top:3px;
 }
 
/******************************/
/** FOOTER **/
/******************************/

#cont_footer {
	background:#469E5A;
	padding:18px 0px 18px 0px;
	text-align:center;
	margin-top:30px;
}

#footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#footer h3{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#F3F9F4;
	margin-bottom:10px;
}

#footer .bloc {
	width:22%;
	float:left;
	margin-right:5px;
	padding-left:20px;
	border-left:solid 1px #06dfe2;
}

#footer .bloc ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer .bloc ul li{
	display:block;
	margin-bottom:10px;
	font-size:12px;
}

#footer .bloc ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#reseau_soc {
	border:solid 1px #06dfe2;
	width:100%;
	height:100px;
	margin-top:25px;
}

#copy {
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	margin-top:20px;
}
