/* definitions generales */
body {
	background-color: #ffffff;
	margin:0;
	padding:0;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	color: #000;
	text-align: center;
}
/* Holly Hack: Hide From IE5/Mac \*/
* html body {
	font-size: 71%;
} 
/* Holly Hack: End Hide From IE5/Mac */

img {
	border: 0;
}
a, a:active, a:hover {
	border: 0;
	text-decoration: none;
}
p a, p a:active, span a, span a:active {
	color: #ff9f16;
	font-weight: bold;
}
p a:hover, span a:hover {
	text-decoration: underline;
	color: #e5004f;
}
p a:visited, span a:visited {
	color: #f08b4c;
}
/* conteneur global */
#conteneur {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #ffd200;
}

#haut {
	width: 1000px;
	height: 350px;
	background-image: url(../../images/science_header.gif);
	left: 0px;
	top: 0px;
}

#compagnon {
	margin-top: 5px;
	float:left;
	width: 175px;
	height: 250px;
	background-image: url(../../images/science_canaille.gif);
}

.titreBlog {
	float:left;
	font-family: tahoma;
	font-weight: bold;
	color: #353e66;
	font-size: 30px;
	line-height: 2.5ex;
	margin-left: -40px;
	padding-top: 160px;
}

#logo {
	margin-right: 5px;
	float: right;
	height: 148px;
	width: 170px;
	background: url(../../images/science_logo.gif) 0 0 no-repeat;
}

/* Colonne gauche */
#gauche {
	margin-top: -15px;
	float: left;
	width: 190px;
}

/* Calendrier */
#calendrier {
	width: 150px;
	height: 135px;
	background-image: url(../../images/science_calendrier.gif);
	padding-top: 55px;
	padding-left: 20px;
	padding-right: 20px;
}
* html #calendrier{
	width: 190px;
	height: 190px;
}

#presentation{
	width: 160px;
	padding-left: 20px;
	margin-top: 20px;
	font-family: 'Trebuchet MS', times, verdana, sans-serif;
	font-size: 13px;
	overflow: hidden;
}
* html #presentation{
	width: 190px;
}

#presentation_photo img {  
	border: solid 2px #224A66;
}

#creer{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

#recommander{
	font-family: arial;
	font-size: 11px;
	color: black;
}

#nom{
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

#nom h3{
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

#inscrit{
	font-family: arial;
	font-size: 11px;
	color: black;
}

.inscrit{
	font-family: arial;
	font-size: 11px;
	color: black;
}

/* Colonne centre */
#centre {
	float: left;
	width: 600px;
	margin-left: 20px;
	margin-top: -15px;
}

.blocArticle{
	width: 600px;
	margin-bottom: 30px;	
}

.blocTitreArticle{
	position: relative;
	margin-bottom: 5px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	background-color: #f5a800;	
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
}

.blocTitreArticle span{
	color: #182144;
	font-size: 15px;
}

.blocTitreArticle a, .blocTitreArticle a:hover, .blocTitreArticle a:visited, .blocTitreArticle a:active{
	color: #182144;
	font-size: 15px;
	text-decoration: none;
}

.blocTitreArticle h1{
	display: inline;
	color: #182144;
	font-size: 15px;
}

.blocCommSub{
	width: 520px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #f5a800;	
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #182144;
}

.blocCorpsArticle{
	position: relative;
	border-style: solid;
	border-width: 1px;
	background-color: white;	
	font-family: arial;
}

.corpsArticle{
	position: relative;
	top: 0;
	width: 575px;
	padding: 10px;
	font-family: arial;
	overflow: hidden;
}

.corpsArticle img{
	float: left;
}

.smiley img{
	float: none;
}

.corpsArticle a, .corpsArticle a:visited, .corpsArticle a:active{
	font-weight: bold;
}

.corpsArticle a:hover{
	text-decoration: underline;
	color: #FF0000;
}

.blocCommentaireArticle{
	clear:left;
	position: relative;
	padding-right: 10px;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: black;
	background-color: #353e66;	
	text-align: right
}

.commentaireArticle, .commentaireArticle A, .commentaireArticle A:hover, .commentaireArticle A:visited{
	display: inline;
	font-family: arial;
	font-size: 10px;	
	color: white;
}

.tdcomm{
	width: 550px;
	font-family: 'Trebuchet MS', times, verdana, sans-serif;
	font-size: 13px;
	background-color: #F5B323;
	overflow: hidden;
}

.divcomm{
	width: 550px;
	font-family: 'Trebuchet MS', times, verdana, sans-serif;
	font-size: 13px;
	overflow: hidden;
}


/* Colonne droite */
#droite {
	float: left;
	width: 150px;
	margin-left: 20px;
	margin-top: -15px;
}

/*Catégories*/
#boiteCategories{
	width: 110px;
	height: 113px;
	background:  url(../../images/science_categories.gif) 0 0 no-repeat;
	text-align: left;
	font-size: 10px;
	line-height: 4.5ex;
	padding-top: 5px;
	padding-left: 40px;
}
/* Hack pour IE */
* html #boiteCategories{
	height: 118px;
	width: 150px;
}

/*Galerie*/
#boiteGalerie{
	width: 120px;
	height: 96px;
	margin-top: 30px;
	padding-left: 30px;
	padding-top: 70px;
	background: url(../../images/science_galerie.gif) 0 0 no-repeat;
	text-align: left;
	font-size: 10px;
}
/* Hack pour IE */
* html #boiteGalerie{
	width: 150px;
	height: 166px;
}

/* liens */
#boiteLiens{
	width: 150px;
	background: url(../../images/science_liens.gif) bottom no-repeat;
	padding-bottom: 55px;
	margin-top: 30px;
}

#Liens{
	position: relative;
	left: 23px;
	top: 0px;
	bottom: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 106px;
	z-index: 1;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
}

/* Hack pour IE */
* html #Liens{
	width: 106px;
}

#footer{
	clear: both;
}

#footer A, #footer A:hover, #footer A:visited {
	color: black;
	font-weight :bold;
	font-size: 12px;
}

ul#nav-blog {
	margin : 0 0 0 0;
	padding : 2px 1em 2px 0;
	list-style-type : none;
	background-color: #FDDD48;
	font-family: 'Trebuchet MS', times, verdana, sans-serif;	
	color: #000000;
	font-weight : bold;
	font-size : 11px;
	text-align: right;
	border-bottom: 1px solid #000000;
}
ul#nav-blog li {
	display: inline;
	vertical-align: middle;
	padding : 5px 0;
}
ul#nav-blog form {
	display: inline;
	margin-right: 220px;
}
ul#nav-blog div {
	display: inline;
}
ul#nav-blog li a {
	padding : 4px 1em 4px 1em;
	color: #000000;
	text-decoration: none;
	border-left: 1px solid #000000;
}
ul#nav-blog li a:hover {
	background-color: #F5A800;
	color: #FFFFFF;
	border-left: 1px solid #000000;
}

.style_input{
width: 170px;
vertical-align: middle;
height: 18px;
font-size: 9px;
} 

.style_submit {
vertical-align: middle;
background: #FDDD48;
height: 17px;
padding-top: 0px;
font:10px "Tahoma";
color: black;
}