@charset "utf8";

body {
font-family:sans-serif;
font-size:100%;
}

/* pour mettre en valeur le nom d'123 Sciences dans un texte quelconque*/
undeuxtrois{
	font-family:"Comic Sans MS";
	font-weight:bold;
}
/* bloc générique, contenant tout le reste*/
#content {
	width:696px;
	height:100%;
	margin: 0 auto;
}

/* Bloc contenant l'image logo du site */
#Top{
	margin: 0 auto;
	position:relative;
	width:696px;
	border-width:0px;
}

#Top img{
	border-width:0px;
}

/* Colonne à gauche des pages du site, hors accueil, contenant menu et liens*/
#LeftCol {
	float:left;
	height:100%;
	width:150px;
	font-family:sans-serif;
	font-size:0.6875em;
	background-image:
}

/* Menu à gauche des pages du site */
#LeftMenu {
	background-color:#FFCECE;
	width:150px;
	text-align:center;
	text-decoration:none;
	text-align:center;
	color:#000000;
	margin:5px;
}

#LeftMenu ul {
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:5px;	
	margin-bottom:5px;		
	list-style:url(./img/cube.png);
}

#LeftMenu ul li {
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	margin-left:3px;
	font-weight:bold;
	text-align:left;
}

#LeftMenu a {
	text-decoration:none;
	text-align:center;
	color:#000000;
	margin:5px;
	/* margin-top:5px;
	margin-bottom:5px; */
}

#LeftMenu a:hover{
	font-style:italic;
}	

#SmallLeftMenu {
	margin-bottom:2px;
}

/* Liens de la colonne de gauche */
#LeftLinks {
	background-color:#D2D2D2;
	text-align:center;
	width:inherit;
	margin:5px;
}

#LeftLinks img {
	border-width:0px;
}



/* Bloc contenant le contenu propre de la page (Middle moins la colonne menu) */
#Main {
	padding-left:165px; /* prend en compte la colonne menu */
	padding-right:10px;
	width:*;
	/*min-height:800px;*/
	margin:0 auto;
	/*font-size:0.875em;*/
}

/*Bloc contenant tout ce qui est entre le bandeau logo (Top) et le bas de page (Footer)*/
#Middle{
	position:relative;
	margin:auto auto;
	min-height:800px;
	height:auto;
	width:684px;
	padding:5px 5px 20px 5px;
	border-left-color:#000099;
	border-left-width:1px;
	border-right-color:#000099;
	border-right-width:1px;
	border-left-style:solid;
	border-right-style:solid;
	clear:both;
}

/* Bloc du milieu de la page d'accueil, contient menu déroulant, cube, etc. 
plus petit que le bloc Middle standard*/
#IndexMiddle{
	position:relative;
	min-height:550px;
	margin:auto auto;
	width:684px;
	padding:5px;
	border-left-color:#000099;
	border-left-width:1px;
	border-right-color:#000099;
	border-right-width:1px;
	border-left-style:solid;
	border-right-style:solid;
}

/* Bas de page (copyright et e-mail) */
#Footer {
	position:relative;
	margin:0px auto;
	font-size:0.625em;
	text-align:center;
	clear:both;
}

/* Titre principal des pages du site */
#PageTitle {
	position:center;
	width:*;
	margin-left:5px;
	margin-right:5px;
	padding-top:10px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	font-family:"Comic Sans MS";
	font-size:1.875em;
	text-align:center;
	background-color:#FFFFFF;
}

/* index.php : bandeau en haut de page avvec les news */
#BandeauDeroulant{
	width:99%;
	position:relative;
	margin:auto;
	font-size:0.8125em;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color:#6666CC;
	border-top-style:solid;
	border-bottom-style:solid;
	margin-bottom:20px;
}

/* conteneur du "cube" de la page d'accueil */
#Cube{
	position:relative;
	margin:auto;
	margin-left:50px;
	height:450;
	width:600;
}

/* Menu en bas de la page d'accueil (index.php) */
#IndexMenu{
	position:relative;
	text-align:center;
	width:99%;
	margin-top:20px;
	padding:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color:#6666CC;
	border-top-style:solid;
	border-bottom-style:solid;
	font-family:sans-serif;
	font-size:0.8125em;
}

#IndexMenu img{
	margin-left:3px;
	margin-right:3px;
}

/* Titres et liens du cube*/
titre a{
	top:10px;
	position:relative;
	text-align:center;
	font-family:"Comic Sans MS";
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
}

lien a{
	font-family:"Comic Sans MS";
	color:#000000;
	top:95px;
	font-size:0.75em;
	text-decoration:none;
	position:relative;
	cursor:pointer;
}


a.lienAccueil{
	text-decoration:none;
	color:#000000;
}

a.lienAccueil:hover{
	font-style:italic;
	color:#000000;
}

/* lien vers le CTS sur page d'accueil */
a.lienCTS{
	
	color:#007700;
	text-decoration:none;
}
a.lienCTS:hover{
	font-style:italic;
}

td.CTSTD{ 
	text-align:center;
	font-family:"Comic Sans MS";	
}

/* Liens régionaux, utilisés dans calendrier.php et calendar.php (calendrier de la page d'accueil)*/
a.lienIDF{
	text-decoration:none;
	color:#990000;
}

a.lienAMA{
	text-decoration:none;
	color:#006600;
}

a.lienRA{
	text-decoration:none;
	color:#000099;
}

a.lienALL{
	text-decoration:none;
	color:#000000;
}

/* CalendarLoc : barre de localisation, utilisée dans calendrier.php et quisommesnous.php */ 
#CalendarLoc{ 
	position:relative;
	text-align:center;
	font-family:sans-serif;
	width:99%;
	margin: 0px auto 20px;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color:#6666CC;
	border-top-style:solid;
	border-bottom-style:solid;
	font-size:0.8125em;
}

#CalendarLoc img{
	margin-left:3px;
	margin-right:3px;
}

/* Event : bloc contenant un événement dans calendrier.php */
#Event{
	font-family:sans-serif;
	font-size:0.875em;
	margin-bottom:25px;
}

#Event img{
	margin-left:5px;
	margin-right:5px;
}

/* Adresse de la salle Petresco, en bas de la page calendrier.php*/
#Adresse{
	text-align:center;
	color:#FF6600;
	font-family:sans-serif;
	font-size:0.8125em;
	margin-left:155px;
}

/* Date d'événement (calendrier.php) */
DateL{
	font-weight:bold;
}
/* Lieu d'événement (calendrier.php) */
Lieu{
	font-style:italic;
}
/* Type d'événement(folle soirée, etc) (calendrier.php) */
Affiche{
	color:#990000;
	font-weight:bold;
}
/* Titre d'événement (calendrier.php) */
EventTitre{
	color:#006600;
	font-weight:bold;
}
/* Description d'événement (calendrier.php) */
Description{
	color:#000099;
	font-weight:bold;
	font-size:0.875	em;
	margin-top:3px;
	margin-bottom:3px;
}

/* Actualité (actualite.php)*/
#Actu{
	text-align:justify;
	font-size:0.875em;
	margin-bottom:25px;
	
}

/* Lien de téléchargement du bulletin d'adhésion (adherer.php) */
#AdhesionDL{
	position:relative;
	font-size:0.875em;
	margin-top:20px;
	text-align:right;
	font-weight:bold;
	font-family:"Comic Sans MS";
}

a.lienAdh{
	color:#000000;
	text-decoration:None;
}
a.lienAdh:hover{
	font-style:italic;
}


/* "Boîte jaune" enhaut des pages agitateur.php et archives.php */
#Box {
	background-color:#FFFF99;
	border-width:2px;
	border-color:#FFFF33;
	border-style:solid;
	font-size:0.8125em;
	margin-bottom:20px;
}

#Box a{
	color:#CC0000;
	text-decoration:none;
}
#Box a:hover{
	font-style:italic;
}

/* liste des anciens numéros de l'Agitateur (agitateur.php)*/
#AgitateurList td{
	font-size:0.75em;
	font-weight:bold;
}

/* Titre du numéro courant de l'Agitateur (agitateur.php)*/
#AgitaTitre{
	font-family:"Comic Sans MS";
	text-align:center;
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:30px;
}

#Edito{
	position:relative;
	}
	
/* Titre de l'éditorial, entre deux petits cubes (agitateur.php)*/
#EditoTitre{
	text-align:center;
	font-size:0.875em;
	margin-bottom:20px;
}

#EditoTitre img{
	margin-left:5px;
	margin-right:5px;
}

/* Edito, colonne de gauche (agitateur.php)*/
#EditoLeft{
	float:left;
	width:48%;
	font-family:"Comic Sans MS";
	font-size:0.8125em;
	text-align:justify;
	padding-right:7px;
}

/* Edito, colonne de droite */
#EditoRight{
	float:right;
	width:48%;
	font-family:"Comic Sans MS";
	font-size:0.8125em;
	text-align:justify;
	margin-left:7px;
}

/* Auteur de l'Edito (agitateur.php) */
#EditoAuteur{
	font-size:0.75em;
	text-align:right;
}

/* Lettrine en début d'Edito (agitateur.php) */
#Lettrine{
	float:left;
	font-size:2em;
	color:#007700;
}

/* Conteneurs des descriptifs d'archives et du lien vers le pdf (archives.php)*/
#Archive{
	margin-bottom:20px;
}

#ArchiveTitre{
	font-family:"Comic Sans MS";
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:20px;
}

#ArchiveTitre img{
	margin-right:10px;
}

#ArchiveResume{
	font-size:0.8725em;
	text-align:justify;
	margin-left:30px;
}

#Archive a{
	margin-left:30px;
	font-size:0.75em;
	text-decoration:none;
	color:#CC0000;
}

/* Conteneurs de notices bibliographiques (bibliographie.php) */

/* Conteneur de notice, mise en forme de la description */
#Bibliographie{
	margin-bottom:20px;
}

#Bibliographie ul li{ 
	font-size:0.8125em;
	margin-bottom:2px;
}

/* Conteneur spécifique pour le titre de l'ouvrage*/
#BiblioTitre{
	font-size:0.875em;
	font-weight:bold;
	margin-bottom:5px;
}

/* Description de l'ouvrage */
#BiblioDesc{
	font-size:0.8125em;
	text-align:justify;
}
/*Petit bloc invisible permettant de faire la jonction entre middle et footer*/
#Completion{
	height:20px;
	font-size:1em;
	background-color:white;
	color:white;
}
/* architecture générale texte+image utilisée dans quisommesnousIDF/RA.php, activites.php et services.php */
#textbloc {
	position:relative;
	width:95%;
	height:*;
	font-family:sans-serif;
	font-size:0.8125em;
	text-align:justify;
	margin-bottom:10px;
	vertical-align:middle;
}

#textbloc a{
	font-weight:bold;
	text-decoration:none;
}

#textbloc a:hover{
	font-style:italic;
}

#titre{
	position:relative;
	text-align:center;
	font-family:"Comic Sans MS";
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:auto;
}

img.imgleft{
	float:left;
	width:40%;
	margin-right:10px;
	margin-top:auto;
}
img.LeftLinkImg{

	margin-top:4px;
	margin-bottom:4px;

}
img.imgright{
	float:right;
	width:40%;
	margin-left:10px;
	margin-top:auto;
}
/* lien "savoir plus" */
a.linkmore{
	float:right;
	font-size:0.75em;
	color:#CC0000;
}
/* lien "prochaines dates" */
a.linkcal{
	float:right;
	font-size:0.75em;
	color:#007700;
	margin-bottom:10px;
}

/* Experiences */

#ExpTitre{
	text-align:center;
	font-family:"Comic Sans MS";
	font-weight:bold;
	font-size:1.125em;
	margin-bottom:20px;
}

#ExpInstructions{
	font-size:0.8125em;
	text-align:justify;
}

#FormList{
	font-size:0.8125em;
}

#ExpBox{
	font-size:0.8125em;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	background-color:#EEEEEE;	
}
table.ExpImgTable{
	margin:10px auto 10px auto;
}