@charset "utf-8";

/* CSS Document */



/*

Theme Name: Giens

Theme URI: http://www.ateliersdegiens.org/

Description: Thème pour le site des rencontres de pharmacologie clinique de Giens.

Version: 0.1

Author: Caroline Etivant

Creation Theme by Caroline Etivant || http://www.leem.org

*/



/* Page */

body {

	padding: 20px 5px;

	background-color: #FFF;

}

#global {

	width: 900px;

	margin-left: auto;

	margin-right: auto;

}



/* En-tête */

#entete {

	background-image: url(images/logo.gif);

	background-repeat:no-repeat;

	background-position:50% top;

	width:100%;

	height:113px;

	min-height:70px;

	border-bottom: 2px solid #C90;

}

#entete h1, #entete p {

	display:none;

}

#zone1 {    /* la zone de lien */ 

	float: left; 

	width : 85%; 

	height: 86px; 

	margin-left: 0px; 

	margin-top: 0px; 

} 



/* Bloc central */

#centre {

	width: 100%;

	overflow: hidden;

}



/* Menu de navigation */

#navigation {

	width:125px;

	padding:45px 20px 0 10px;

	float:left;

}



#navigation ul {

	list-style-type:none;

	margin: 0;

	padding:0;

}

#navigation ul li {

	text-decoration: none;

	background:transparent url(images/bullet.png) no-repeat right center;

	padding-right:15px;

	margin-bottom:5px;

	text-align: right;

}

#navigation a { color:#289a66; text-decoration:none; }

#navigation a:hover { color: #333; border-bottom: 1px dotted #333; }

#navigation h3 {

	font-variant:small-caps;

	font-size:1em;

	font-weight:normal;

	color:#999;

	/* padding-right:15px;*/

	margin-bottom:10px;

	border-bottom:1px dotted #ccc;

	letter-spacing:3px;

	text-align:right;

}

/* Contenu principal */

#principal {

	float: left;

	width: 540px;

	padding: 170px 20px 10px 20px;

	background-image:url(images/giens.jpg);

	background-repeat:no-repeat;

	border-right: 1px dotted #018cad;

	border-left: 1px dotted #018cad;

	font-family: Georgia, "Times New Roman", Times, serif

}

#principal .post {

	margin-top: 40px;

}

#principal li {

	font-size:12px;

	margin-bottom: 3px;

} 

#principal p, h2, h3, h4, h5 {

	font-family: Georgia, "Times New Roman", Times, serif

}

#principal p, h4, h5 {

	font-size:13px;

	line-height: 25px;

}

#principal h3 {

	font-size:17px;

	line-height: 25px;

}

#principal p { color:#444; }

#principal h2 {

	font-weight:normal;

	text-align:center;

	margin-bottom: 10px;

	font-size:24px;

	color: #0180a3;

}

#principal h2 a {

	color: #289a66;

	text-decoration:none;

}

#principal h2 a:hover {

	text-decoration:underline;

}

#principal h3, h4, h5 {

	color: #0180a3;

	font-weight:normal;

}

#principal a {

	color:#289a66;

	text-decoration:none;

	border-bottom: 1px dotted #289a66;

}

#principal a:hover {

	background-color:#DDF7EB;

}

p.date {

	color:#999;

	text-align:center;

	letter-spacing:2px;

	background:transparent url(images/lala.png) no-repeat bottom center;

	padding:0 0 20px 0;

	margin:0 0 10px 0;



}

.postmetadata {

	padding:10px 0;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

}

#principal table { font: 11px Georgia, "Times New Roman", Times, serif;}

/* Contenu secondaire */

#secondaire {

	width:125px;

	padding:45px 10px 0 20px;

	float:right;

}

#secondaire ul {

	list-style-type:none;

	margin:0;

	padding:0;

}

#secondaire ul li {

	text-decoration: none;

	background:transparent url(images/bullet.png) no-repeat left 5px;

	padding-left:15px;

	margin-bottom:5px;

}

#secondaire a { color:#289a66; text-decoration:none; }

#secondaire a:hover { color: #333; border-bottom: 1px dotted #333; }

#secondaire h3 {

	font-variant:small-caps;

	font-size:1em;

	font-weight:normal;

	color:#999;

	/* padding-right:15px; */

	margin-bottom:10px;

	border-bottom:1px dotted #ccc;

	letter-spacing:3px;

}



/* Pied de page */

#pied {

	margin: 0;

	padding: 15px 20px 10px 0;

	font-size: 1em;

	text-align:center;

	color:#333;

	letter-spacing:2px;

	border-top: 2px solid #C90;

}


