/*******************************************************************
 *                                                                 * 
 *        ____    ________   __  __  ____                          *
 *       /\  _`\ /\_____  \ /\ \/\ \/\  _`\                        *
 *       \ \ \L\ \/____//'/'\ \ \_\ \ \ \L\ \_ __   ___            *
 *        \ \  _ <'   //'/'  \ \  _  \ \ ,__/\`'__\/ __`\          *
 *         \ \ \L\ \ //'/'___ \ \ \ \ \ \ \/\ \ \//\ \L\ \         *
 *          \ \____/ /\_______\\ \_\ \_\ \_\ \ \_\\ \____/         *
 *           \/___/  \/_______/ \/_/\/_/\/_/  \/_/ \/___/          *
 *                                                                 * 
 *                                                                 *  
 *                                          http://www.bzhpro.com/ *
 *******************************************************************
 *                                                                 * 
 *  Titre du theme : Actualite-sciences.com                        *
 *  Derniere modification : 12/06/2007                             * 
 *                                                                 *
 *  Structure du document :                                        * 
 *                                                                 *
 *    - Definition des blocs generalistes de la page               *
 *    - Definition des blocs de tete de la page                    * 
 *    - Definition des blocs du milieu de la page                  *
 *    - Definition des blocs du pied de la page                    *
 *    - Definition des blocs de news                               *
 *    - Definition des blocs de formulaire                         *
 *                                                                 *   
 *******************************************************************/


/*******************************************************************
 * Definition des blocs generalistes de la page                    *
 *******************************************************************/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
	margin : 0;
	padding : 0;
	background : #132d5c;
	
}

#container { /* Conteneur */
	/*position : absolute;
	top : 0;*/
	/*margin: 0 5% 2em 5%;*/
    	/*border-left: 2px solid #071839;
    	border-right: 2px solid #071839;*/
    	margin-left: auto;
    	margin-right: auto;
	width : 90%;
	min-width: 950px;

	
}
.spacer { /* Une boite pour empecher les debordements */
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}
.center {
	text-align: center;
}

h1 { /* Titre de la page */
	font-size: 150%;
}
h2 { /* Titre des parties de la page */
	font-size: 110%;
}
h3 { /* Sous titre */
	font-size: 100%;
}
p { /* Paragraphe */
	font-size: 80%;
}
ul { /* Liste */
	font-size: 80%;
}

img.icon { 
	border: none;
	vertical-align: middle;
}

/*******************************************************************
 * Definition des blocs de tete de la page                         *
 *******************************************************************/

#header { /* Tete de la page */
	background : #214b9a url(images/header-bg.png) repeat-x;
	color : #fff;overflow:hidden;position: relative;
}
	#header a, #header a:link, #header a:visited {
		color : #fff;
		text-decoration: underline;
	}
	#header a:hover {
		color : #e8f4ff;
		text-decoration: none;
	}
	#headerEasyAccess { /* Acces rapide aux parties importantes de la page */
		float : right;
		margin : 5px 1em;
	}
        #headerAdsense {
             /*   display:none; */
		position: absolute;
		top: 2em;
		right: 1em;
                margin : 5px 1em;
                text-align: center;
        }

	#headerLogo { /* Logo du site */
		float : left;
		margin : 2em;
	}

	#headerTitle { /* Titre et slogan du site */
		margin : 0 0 0 64px;
		padding : 1em 4em;
	}
	#beta {
		font-size: 40%;	vertical-align:top;font-weight: normal;
	}

#headerNav, #bottom { /* Element de navigation */
	background-color : #5b7bb6;
	color : #fff;
	/*height: 2em;*/
	clear:both;padding: 0 1em;
}
	#headerNav p, #bottom p {
		line-height: 2.5em;height: 2.5em;
		margin: 0;background-color : #5b7bb6;
	}
	#headerNav a, #headerNav a:link, #headerNav a:visited, #bottom a, #bottom a:link, #bottom a:visited {
		color : #fff;
		text-decoration: underline;
	}
	#headerNav a:hover, #bottom a:hover {
		color : #e8f4ff;
		text-decoration: none;
	}
	#headerNavLanguage { /* Choix du langage */
		text-align: right;
		float : right;
	}
		#headerNavLanguage p {
			display : inline;
			}
		#headerNavLanguage ul {
			display: inline;
			list-style-type: none;
			margin: 0;
			padding: 0;
			line-height: 2.5em;
			height: 2.5em;
		}
		#headerNavLanguage li {
			display : inline;margin: 0;
			padding: 0;
		}
		#headerNavLanguage a {
			margin : 0 0 0 1em;
		}

/*******************************************************************
 * Definition des blocs du milieu de la page                       *
 *******************************************************************/

#main { /* Partie centrale de la page */
	color: #333;background-color : #fff;
}
	 a,  a:link {
		color: #33a0da; 
	}
	 a:visited {
		color: #058; 
	}
	 a:hover {
		color: #088;
	}
	#main h2, #main h3 {
		color: #455366;
	}
	#main p {	

}
#mainLeft { /* Partie gauche */
	float: left;
	padding: 1em;

	width: 10em;
	color : #fff;background-color : #fff;
}

#mainRight { /* Partie droite */
	padding: 1em;

	float: right;
	width: 12em;background-color : #fff;
}

.mainBox { /* Cadre à l'interieur des parties droite et gauche */
	background-color: #f4f5f8;
	border: 1px solid #e4e5e8;
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
}

	.mainBox h2 { /* Tite du cadre */
		text-align : center;
	}

	.mainBox h3 { /* Sous titre */
		margin-bottom: 0.5em;
	}	
	.mainBox ul { /* Liste */
		list-style-type: none;
		margin: 0;
		padding:0;
	}

	.mainBox ul li { /* Element de liste */
		margin-bottom : 0.5em;
	}

	.mainBox a { /* Liens */
		text-decoration: underline;
	}
	.mainBox input {
		background-color: #fff;
		margin: 0;
		width: 100%;
	}
	#mainRight .mainBox ul li {
		/*list-style: url(images/bullet_go.png) inside;*/
		list-style-type: none;
		background-image: url(images/bullet_go.png);
		background-repeat: no-repeat;
		background-position: 0.1em 0;
		text-indent: 17px;
	}
	
/*#mainLeft .mainBox, #mainLeft .mainBox h2, #mainLeft .mainBox h3, #mainLeft .mainBox a {
background-color : #92CE9B;
	color : #fff;
}*/


#mainCenter { /* Contenu de la page */
	padding: 1em 2em;
	margin: 0 12em 0 10em;background-color : #fff;
}
	#mainCenter ul {
		list-style-type: none;
		margin-left: 1em;
		padding-left : 0;
	}
	.numPage {text-align: center;line-height:2em;}
	.numPage a {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
	.numPage a:hover {background: #33cccc; color: #fff;}
	.numSpace, .numSpaceRight {margin-right: 10px;}
	.numSpace, .numSpaceLeft {margin-left: 10px;}
	
	#mainCenter h3 {margin-top: 2em;}
	
/*******************************************************************
 * Definition des blocs du pied de la page                         *
 *******************************************************************/	

#footer { /* */
	clear:both;color: #333;
	text-align: center;
}
#bottomCopy {text-align: left;}
#bottomMenu {float:right}


/*******************************************************************
 * Definition des blocs de news                                    *
 *******************************************************************/	

.newsTitle { /* */
	border-left: 5px solid #455366;
	padding-left: 1em;
	margin-bottom: 1em;
}
	.newsTitle h3 {
		padding-top: 0.5em;
		margin-bottom: 0;
	}
	.newsTitle p {
		font-size: 70%;
		padding-bottom: 0.5em;
		margin-top: 0;
	}
	.newsTitle h3 a, .newsTitle h3 a:link, .newsTitle h3 a:visited {
		color: #455366; 
		text-decoration: none;
	}
	.newsTitle h3 a:hover{
		color: #455366;
		text-decoration: underline;
	}

.newsDesc { /* */
	text-align: justify;
}
.newsLinks { /* */
	text-align: right;
	padding-right: 1em;
}
.newsBloc {
	overflow: auto; /* Empeche un bug sous IE*/
}

.newsBloc li {
	border: 1px solid #eaeaea;
	background-color: #fafafa;
	padding: 1em;
	margin: 1em;
	width : 15em;
	height: 4em;
	float: left;
	-moz-border-radius: 5px;
}
.newsBloc li:hover {
	border: 1px solid #33cccc;
}
.newsList li {
	margin-bottom : 0.5em;
	text-indent: -5.85em;
	padding-left: 5.85em;
}
.newsList li a{
	
}

.newsTable {
	font-size: 80%;
	width: 100%;
}
.newsTable td {vertical-align:top;
	padding-left: 1em;
	padding-right: 1em;
}
.newsTable th {/*
	background-color: #fafafa;
	color: #333;
	padding: 3px;*/
}
.newsTable td.NewsTableDate {
	width : 4em;
}
/*******************************************************************
 * Definition des blocs de formulaire                              *
 *******************************************************************/	

#form { /* */

}


input, textarea {
	background-color: #fafafa;
	border: 1px solid #ddd;
	color: #333;
	padding: 3px;
	
}
input:hover, textarea:hover, input:focus, textarea:focus {
	border: 1px solid #3cc;
}
input:focus, textarea:focus {
	background-color: #f0f9f9;
}
input.icon {
	border: none;
	padding: 0;
	background-color: #fff;
}

textarea {
	width: 100%;
}

.menugaucheForm input{
	width: 90%;
}
/*******************************************************************
 * Definition des blocs de commentaires                            *
 *******************************************************************/	
 
.newsCommentsContent, .newsCommentsContentPreval {
background-color: #fafafa;
padding: 1em;
margin: 0 1em 1em 1em;
text-align : justify;
}

.newsCommentsContentPreval {
	border: 1px dashed #ccc;
}

.newsCommentsForm {
margin: 0 1em 1em 1em;
padding: 0;
}



.newsPreval {
	border: 1px dashed #ddd;
}
.rightf {
	float:right;
	margin-right: 1em;
}

.newsTitleB {
	padding: 0.5em;
	/*margin: 1em;*/
}
.newsTitleB h4 {font-size: 100%;font-weight: 500;
	margin: 0;
	margin-bottom: 0.2em;
	/*padding-bottom: 0.5em;*/	
}
.newsTitleB h4 a {text-decoration: none;border-bottom: 1px solid #33a0da;}
/*.newsTitleB h4 a:hover {text-decoration: none;border-bottom: 1px solid #088;}
.newsTitleB h4 a:visited {text-decoration: none;border-bottom: 1px solid #058;}*/

.newsTitleB p {font-size: 80%;
	color: #333;
	margin: 0;
	padding: 0;
	/*margin-left: 1em;*/
}
.newsTitleB p a{color: #333;}
.newsTitleB p a:hover{color: #088;}

.newsTitleB p.votes {font-size: 100%;
	background-color: #7598d9;
	color: #fff;
	margin:0; padding:0;
	margin-right: 0.5em;
	/*padding: 0.6em 1em;*/
	
	display: block; height: 2.75em; width: 2.75em;text-align: center; line-height: 2.75em;
	
	float:left;font-weight: bold ;-moz-border-radius: 3px;
}
.newsTitleB p.votes a {
	color: #fff;
	text-decoration: none;
	display: block; 
}
.newsTitleB p.votes a:hover {
	color: #088;
}

.newsTitleBB {
	margin-left: 3.25em;
}


a.info {
	color: #333;
	border-bottom: 1px dotted #333;
	text-decoration: none;
	position:relative;
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	cursor: help;
}
a.info span {
	display: none; /* on masque l'infobulle */
}
a.info:hover span {
	text-align: left;
	font-style:normal;
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap;  /*on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 2em; 
	left: 2em;
	
	color: #fff;
	background-color: #111;

	padding: 0.5em;
opacity : 0.75 ;
-moz-opacity : 0.75 ;
-khtml-opacity : 0.75 ;
filter : alpha(opacity=75) ; 
  
}

.newsImg {
	text-align: center;
	margin: 2em;
}
.newsImg p {
	margin: 0;
	text-size: 90%;
}

ul.changelog li {list-style-type: square; margin-left: 1em;}


#infoBox {
	background-color: #fffbbb;
	border: 1px dashed #999;
	padding: 0;
}
#infoBox p {
	margin: 0;
	padding: 0 1em;
	line-height: 2em;
	height: 2em;
}
p#infoBoxCross {
	text-align: right;
}

p#infoBoxCross img {
	vertical-align: middle;
	border:none;
	text-align: right;
}
p#infoBoxText {
	float: left;
}