/* Generated by KaZcadeS */
/* modifié par JP Martin*/
/* CSS pour le projet DSciences 2007*/

html {
	font-family: Arial,Verdana,Helvetica,Sans-Serif,serif;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Fond_entete.png);
	background-repeat: repeat-x;
	background-color: #ffffff;
}
.entete {
	font-weight: normal;
	height: auto;
	width: auto;
	background-color: #313e5a;
	color: white;
	font-family: arial;
	font-size: 14pt;
	margin-top: 0px;
	margin-left: 0px;
	padding : 5px 0 5px 0;
}
/* Menu de l'entete */
.entete_menu {
	margin : 0;
	padding : 0;
	background-color: #8391AF;
	font-weight : normal;
	font-size : 0.9em;
	text-align: right;
}
.entete_menu ul {
	margin : 0;
	padding : 1px 0 1px 0;
	list-style-type : none;
}
.entete_menu ul li {
	display: inline;
	padding : 0px ;
	margin : 0px;
}
.entete_menu  a {
	color: #4b4b69;
	text-decoration: none;
	padding : 1px 1em 1px 1em;
	margin : 0 ;
	border-left: 1px solid #8391AF;
	border-right: 1px solid #8391AF;
}
.entete_menu a:hover {
	background-color: #4b4b69;
	color: #d9d940;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
/*Fin du  Menu de l'entete */

/* Les conteneurs de la page principale*/
/*Conteneur des boutons */
.colonne_gauche {
	margin-right : 610px ;

}
/*Conteneur de la capture et des news */
.colonne_droite {
	float : right;
	width : 600px ;
}
/* Fin de la section des conteneurs*/

.titre {
	color: #b01a00;
	font-family: verdana;
	font-size: 48pt;
	font-weight: bold;
	height: auto;
	margin-left: 20px;
}
.titre_texte {
	color: #333333;
	font-family: arial;
	text-align: justify;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
}

/* les boutons réactifs */
.centre {
	margin-left: auto;
	margin-right: auto;
	width : 500px;
}
.bouton_telechargement {
	border-style: none;
	margin: 10px 0px 0px 20px;
	padding: 65px 0px 0px 35px;
	font-family: verdana, Bitstream Vera Sans;
	font-weight: bold;
	text-align: center;
	background-position: left top;
	background-repeat: no-repeat;
	width: 472px;
	background-image: url(../images/Bouton_vert_rollover.png);
	height: 110px;
	font-size: 26px;
}
.bouton_telechargement:hover {
	background-position: 0px -190px;
	background-repeat: no-repeat;
	/*background-image: url(../images/Bouton_vert_rollover.png);*/
}
.bouton_telechargement a {
	text-decoration: none;
}
.bouton_telechargement a:visited {
	text-decoration: none;
}

.bouton_contribs {
	margin: 0px 0px 0px 103px;
	padding: 35px 0px 0px 20px;
	background-repeat: no-repeat;
	font-family: verdana, Bitstream Vera Sans;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/Bouton_orange_rollover.png);
	font-size: 24px;
	width: 389px;
	height: 77px;
/*opacity : 0.8 ;*/
}
.bouton_contribs:hover {
/*opacity : 1 ;*/
	background-position: 0px -120px;
	background-repeat: no-repeat;
}
.bouton_aide {
	margin: 0px 0px 0px 160px;
	padding: 25px 0px 0px 15px;
	background-repeat: no-repeat;
	font-family: verdana, Bitstream Vera Sans;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/Bouton_jaune_rollover.png);
	font-size: 24px;
	width: 332px;
	height: 82px;
}
.bouton_aide:hover {
	background-position: 0px -113px;
	background-repeat: no-repeat;
}
/* Fin de sections des boutons réactifs */



.captures {
	float: right;
	margin : 2em 10px 4em 10px;
	padding : 8px 8px 8px 8px ;
	background-color: #ffffff;
	border : 2px solid #bbbbbb ;
	width: 520px;
	height: 440px ;	
	/* pas encore css3*/
	-moz-border-radius : 15px 15px 0px 0px ;
}
.captures_commentaire {
	text-align : center ;
	border : 1px solid #bbbbbb ;
	background : grey ;
	color : white ;
	margin-top : 5px ;
	margin-right : -10px ;
	margin-left : -10px ;
	padding : 10px 0px 10px 0px ;
	-moz-border-radius : 0px 0px 15px 15px ;
}
.captures img {
	border: 0px solid #999999;
	width: 100% ;
	height: 100% ;
	opacity:.80;
}
.captures img:hover {
	opacity:1;
}

.news {
	font-family: Arial,Verdana,Helvetica,Sans-Serif,serif;
	font-weight: normal;
	width : auto;
/*	background-image:url(../images/Fond_news.jpg);*/
	/*background-position:left bottom;
	background-repeat:no-repeat;*/
	margin : 10px 200px 10px 300px ;
	padding-left : 20px;
	border-left : 1px solid #cccccc;
}
.news_titre {
	font-size : 18pt ;
	margin-bottom : 5px ;
	border-bottom : 2px solid #aaaaaa ;
	font-weight : bold;
}
.news_texte {
	font-size : 14pt ;
	font-weight : bold ;
}
.news_date {
	font-size : 14pt ;
	color:gray;
	font-style:italic;
	padding-left:6px;
}
.news_descriptions {
	font-size : 14pt ;
	padding-bottom:5px;
	padding-left : 12px ;
	text-align:justify;
}
.news_suite {
	font-size : 14pt ;
	padding-bottom:5px;
	text-align:right;
	border-bottom : 1px solid #cccccc;
	margin-bottom : 10px;
}
/*Pied de page des pages du site*/
.pied_page  {
	position : relative;	
	background : #eeeeee;
	border-top : #aaaaaa solid 1px ;
	right : 0px ;
	margin:10px 0px 0px 230px  ;
	padding: 0 ;
	text-align : center ;
	/* pour sortir du flux*/	
	/*clear: both;*/
}
.pied_page  a {
	text-decoration: none;
}
.pied_page img {
	border : none ;
}
.pied_page a:hover {
	background: #aaaaaa none;
}

/* Pied de page pour la page d'Accueil*/

.pied_page_accueil  {
	background : #eeeeee;
	border-top : #aaaaaa solid 1px ;
	width: 100%;
	margin:0 ;
	padding: 0 ;
	text-align : center ;
/* pour sortir du flux*/	
	clear: both;
}
.pied_page_accueil  a {
	text-decoration: none;
}
.pied_page_accueil img {
	border : none ;
}
.pied_page_accueil a:hover {
	background: #aaaaaa none;
}

/* CSS pour le site*/
.entete_bandeau {
	/*background-image: url(../images/Fond_entete.png);*/
	border-bottom : 2px grey solid ;
}
.entete_bandeau h1 {
	color: #b01a00;
	font-family: verdana;
	font-size: 48pt;
	font-weight: bold;
	text-align :right ;
	margin : 0px 30px 0px 0px ;
	padding : 0px;
}
.entete_bandeau h2 {
	text-align :right ;
	font-size: 16pt;
	margin : 0px 30px 0px 0px ;
	padding : 0px;
}
.entete_bandeau_image {
	margin-left : 10px ;
	float : left 
}
/* CSS pour le site*/
/* Bloc conteneur pour le site*/
/* non utilisé
.Bloc_centre {
	width : 100% ;
	margin : 0px;
	padding : 0px;
}
*/

.Bloc_gauche {
	position : absolute;
	width: 220px;
	left : 0px;
	margin: 0;
	font: 14pt verdana, arial, sans-serif;
}
.Bloc_droite {
	position : relative ;
	margin-left : 230px;
	margin-top : 10px;
	font: 14pt verdana, arial, sans-serif;
	Border-left : solid 1px #CCCCCC;
	padding-left : 10px ;
}
.Bloc_droite h1 {
	font-size : 18pt;
	color : #333333;
	font-family:arial,verdana,sans-serif;
	border-bottom:1px solid #CCCCCC;
	margin:1em 0pt 0.2em;
}
.Bloc_droite h2 {
	font-size : 14pt;
	color : #333333;
	font-family:arial,verdana,sans-serif;	
	margin:0;
}
.Bloc_droite h3 {
	color : #333333;
	font: 12pt verdana, arial, sans-serif;
	margin:5px;
}
.Bloc_droite h4 {
	font: 12pt verdana, arial, sans-serif;
	color : #888888;
	font-style : italic;
	Border-bottom : solid 1px #888888;
	margin:0;
}
.Date {
	font :  10pt verdana, arial;
	color : #888888;
	margin-left : 20px;
}