@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin-right: 40px;
	margin-top: 0px;
	margin-left: 0px;
}
body {
	background-color: #3e4a90;
	background-image: url(images/fond3.gif);
	background-repeat: repeat-y;
}
td {
text-align:left;
}
h2      /* utilisé pour le titre des paragraphes (Romania project, French projects...) */
{
    font-size: 10pt;
    font-weight: bold;
    color: #666666;          /* couleur de la police */
    border-bottom: 2px solid #369;
    padding:0;
    margin: 25px 0px 10px 0px;
}
h3      /* utilisé pour le titre des paragraphes (Romania project, French projects...) */
{
    font-size: 10pt;
    font-weight: bold;
    color: #666666;         /* couleur de la police */    
}
/*le contenu de la page est à l'intérieur. Laisse de la place pour le menu de gauche*/
.centrePage {
	position: absolute;
	left: 167px;
	right:0px;
	max-width: 1500px;
	background-color: #FFFFFF;
	padding: 20px;
}
/*menue principal*/
.menuGauche {	
	width: 160px;
	background-color: #EEEEEE;
	padding: 5px 0px 5px 5px;
	color: #3e4a90;
	margin: 0px;
}
html>body .menuGauche {
  position: fixed;
}

.menuGauche a  {
	text-decoration:none;
	color: #3e4a90;
	font-weight: bold;
}
.menuGauche a:hover {	
	color: #6666CC;	
	text-decoration:underline;
}
.menuGauche a:visited {		
	color: #6666CC;
}
.menuSchoolWeb {
	width: 140px;
	text-align:center;
	color: #000000;
	margin: 0px;
	top: 450px;
	left: 10px;
	background-image: url(images/fondmenuschool.jpg);
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.menuSchoolWeb a  {
	text-decoration:none;
	color: #3e4a90;
	font-weight: bold;
}
.menuSchoolWeb a:hover {	
	color: #6666CC;	
	text-decoration:underline;
}
.menuSchoolWeb a:visited {		
	color: #6666CC;
}
html>body .menuSchoolWeb {
  position: fixed;
}
/*titre des pages (noir, gras, gros)*/
.titre {
	font-size: 24px;
	text-align: center;
}
/*sous titre des pages, en grisé*/
.soustitre {
	font-size: 16px;
	color: #999999;
	text-align: center;
	font-weight: bold;
}
/*police, taille et couleur des différents éléments d'une page*/
.chapeau {
	font-size: 16px;
	font-weight: bold;
}
.titreParagraphe {
	font-size: 14 px;
	font-weight: bold;
}
.petittexte {
	font-size:10px;
}
.souslogo {
	font-size:9px;
	color:#003366
}
/*position photo des descriptions des projets : à droite ou à gauche. La vignette est encadrée par le texte, avec un écart de 20 pixels sur le côté et 5 pixels en bas*/
.imagedroite {
	float:right;
	margin-left:20px;
	margin-bottom:5px;
}
.imagegauche {
	float:left;
	margin-right:20px;
	margin-bottom:5px;	
}
/*texte en bleu gras (lien retour library, titre des catégories de la library, titre des origine des projets)*/
.natureRessource {
	color: rgb(51, 51, 153);
	font-size: 16px;
	font-weight: bold;
}
.natureRessource a {
	color: rgb(51, 51, 153);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.natureRessource a:hover {
	color: #6666CC;	
	text-decoration:underline;
}
.natureRessource a:visited {
	color: #6666CC;		
}
/*id pour la page d'accueil de la library*/
#cadreaccueillibrary {
	margin: 15px 0px 15px 30px;
	width: 330px;
	left:50%;
	right:50%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #fde150;
	text-align: center;
}
#gaucheaccueillibrary {		
	margin: 30px;
	width: 330px;
	background-color: #5463bd;
	padding: 10px;
	color: #000000;
	text-align: center;
	float:left;
}
#droiteaccueillibrary {
	/*top: 383px;*/
	position:absolute;	
	width: 330px;
	right: 40px;
	float:left;
	color: #000000;
	background-color: #88b131;
	padding: 10px;
	margin-top: 30px;
	margin-right: 0px;	
	margin-left: 10px;
	text-align: center;
}

#gaucheaccueillibrary a {
	color: #000000;
	text-decoration:none;
	font-weight: bolder;

}
#gaucheaccueillibrary a:hover {	
	text-decoration:underline;	
}
#droiteaccueillibrary a {
	color: #000000;
	text-decoration:none;
	font-weight: bolder;

}
#droiteaccueillibrary a:hover {	
	text-decoration:underline;	
}
#cadreaccueillibrary a {
	color: #000000;
	text-decoration:none;
	font-weight: bolder;

}
#cadreaccueillibrary a:hover {	
	text-decoration:underline;	
}
/*pages internes de la library*/
.logodroit {
	float:right;
	margin-left:5px;
	/*margin-bottom:5px;*/
}
.gauchelibrary {	
	margin-left:20px;
	width: 30%;	
	padding: 10px;
	text-align:left;
	height:120px;
	float:left;	
}
.photolibrary{
	width: 30%;	
	left: 35%;
	float:left;
	text-align:center;		
}
.droitelibrary {
	width: 30%;
	right: 0px;
	float:left;
	background-color: #fde150;
	padding: 10px;
	text-align: left;
}
/*pour le "back to top" de la library*/
.back {
	color: #93b644;
	text-decoration: none;
	font-weight: bold;
}
/*cotegauche et cotedroit sont dans l'espace réservé pour le moment (poster/index.php)*/
.cotegauche {
	background-color: #3e4a90;
	width: 40%;
	left: 10px;
	padding: 20px;
	position: absolute;
	top: 150px;
	color: #FFFFFF;
	text-align: left;
}
.cotedroit {
	background-color: #88b131;
	padding: 20px;
	right: 20px;
	width: 40%;
	position: absolute;
	top: 150px;
	color: #FFFFFF;
	text-align: left;
}

.cotegauche a:hover, .cotedroit a:hover  {
	color:#dddddd;
}
.cotegauche a:visited, .cotedroit a:visited  {
	color:#dddddd;
}
.cotegauche a, .cotedroit a {
	color: #FFFFFF;
	text-decoration: underline;
}
/*Les trois boîtes suivantes ne sont plus utilisées pour le moment*/
.boitegrise {
	background-color: #ffffff;
	padding: 10px;
	margin-top: 20px;
	//margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 60px;	
}
.boitelien {
	background-color: #eeeeee;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: auto;
}
.boitelienAdmin {
	background-color: #eeeeee;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: auto;
	font-size: 9px;
	font-weight: normal;
}
/*les commentaires (pas utilisés pour le moment)*/
.commentaires {
	font-style: italic;
	margin-left: 40px;
}
/*pas utilisé pour le moment*/
.avertissement {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.finprojet {
	font-size: 11px;
	font-weight: normal;
	margin-right: 100px;
	margin-left: 100px;
	font-style: italic;
}
.lignevide {
	height: 1px;
	width: 100%;
	float: right;
}