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

/* modif de l'approche initiale du cms pour les pages index et l'élargissement à 1024 px des différentes pages=> approche par position: float*/

#global {

position:absolute;
left:50%;
width:1024px;
height:125%;
margin-left:-502px;
margin-top: 1px;  
background-color:#ebebeb;
}



body {
height:100%;
width: 100%;
padding:0px;
margin:0px;
margin-top:1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 100;
background-color:#ebebeb;

}


h1 
{
text-align: center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
line-height: 80%;
}


h2 {
text-align: left;
margin-top:-3px;
font-size:17px;
color: #FFFFFF;
/*background-color:#B79755;*/
/*background-image:url("images/marron.jpg");*/
font-family: Tahoma, "Times New Roman", Times, serif;
}



.spacer 
{
clear: both;
}
 


/*En tête*/

#entete 
{

width: 1024px;
text-align:center;
margin: 0px;
height: 230px;
background-color:#FFFFFF;/*4e3f6a;*/
/*border:1px solid black;*/
}


#img_entete
{
width:1024px;
height:0px;
/*background-image:url("images/fond2.jpg");*/


}

#logo_surimp
{
float:left;
margin-left:0px;
margin-top:-200px;

/*background-image:url("images/logoMMM.jpg");*/
/*overflow:hidden;*/
}

#surimp_2
{
position:absolute; 
z-index: 100;
margin-left:150px;
margin-top:-201px;
overflow:hidden;
}



#BL {
float: left;
  width: 100%;
  margin: 0px; /*1em 0;*/
  height:205px;
 /* background-color:#B79755;;*/
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
font-size:15px;
/*background-image:url("images/fond.jpg");*/
/*padding-left:20px;*/
/*padding-top:2px;*/
}



#menu
{
float:left;
width:100%;
margin:0px;
/*left:256px;*/
height:20px;
}
	
			
.menu-general { /* défini les boites qui comprenent chaque menu de base */
  float:left ; /* Les boite sont calées à gauche */
  width:14.78% ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  margin-left:0px;
  border:1px solid white;
  font-size: 15px;
  font-family: Arial,Times, Tahoma;
  font-weight: bold;
  color:#FFFFFF;

  background-color:rgb(183,78,125);
  /*background-image:url('images/ongletmauve2.jpg');*/
  height:20px} /* Hauteur des boites */

#sous-menu1, #sous-menu2, #sous-menu3 { /*défini les 3 boites des 3 sous-menues */
  display: none; /* les sous-menus ne sont pas affichés */
  margin: 0; /* marges extérieures à 0 */
  padding : 0; /* marges intérieures à 0 */
  position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
  z-index:10000;
  top : 225px; /* Début (par rapport au haut de page) des sous-menus */
  height:20px;
  text-align:left;
  font-size: 15px;
  font-family: Arial,Times, Tahoma;
  font-style: bold;
  /*border:1px solid black;*/
  
 font-weight:bold;
 background-color:#FFFFFF;
 
  left :410px; /*423px; /* Début (par rapport à la gauche de la page) des sous-menus */
  
  } /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#sous-menu2 
{
left:563px;
background-color:#FFFFFF;
 
 } /* Distance à la gauche de la page du 2ième sous-menu */

#sous-menu3 {

left:868px;
background-color:#FFFFFF;
} /* Distance à la gauche de la page du 3ième sous-menu */


			
												 /*nouveau menu*/


/*Corps page*/

#corpage/* engloble le reste du corps de la page : est donc en float: l eft ds le body après l'entete*/
{
float:left;
 width: 100%;
  margin-top: 0px;
  margin-left:0px;
height:100%;
/*border:1px solid blue;*/



}



/* Colonne principale de texte : à droite*/
#Colune/* se trouve dans le corpage: aligné en float right: car on construit le reste de la page par rapport à Colune : à gauche de cette colonne.*/
	{
	float:right;
	width:766px;
	height:1170px;
	background-color:#FFFFFF;/*#CD853F;*/
	border-left:2px solid rgb(150,21,150);
	/*border:1px solid red;*/
	}
			/* Papier principal  dans la colonne principale*/
			#papier_pal_g 
			{
			float:left;
			width:400px;
			height:860px;
			margin:15px;
			margin-right:5px;
			background-color:#FFFFFF;
			text-align: justify;
			overflow:hidden; /*////////////////*/
			display: inline;/* pour éviter chevauchement de marges => comme les marges sont interprétées différemment par IE 6 pose pbs sur les floats.*/
			}
			
				#surtitre_une
				{
				float:left;
				width:100%;
				height:20px;
				margin:0px;
				margin-right:5px;
				/*border-style:solid;
				/*border:1px;*/
				/*border-style:solid;
				border-color:#FFA500;*/
				padding-top:2%;
				font-size:20px;
				color:#B74E7D;
				font-family: Verdana, Arial, Tahoma, sans-serif;
				display: inline;
				}
				
				#titreune
				{
				float:left;
				height:30px;
				margin-left:0px;
				font-size:30px;
				text-align:left;
				font-family: Arial, Tahoma, sans-serif;
				display:inline;			
				}
				
				#chapo_une
				{
				float:left;
				height:120px;
				overflow:hidden;
				margin-left:0px;
				margin-right:5px;
				margin-bottom:5px;
				font-size:15px;
				color:#000000;
				font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
				
				display:inline;			
				}
				
				.img
				{
				float:left;
				margin:10px;
				display:inline;			
				}
				
				#texte_une
				{
				float:left;
				margin-left:0px;
				margin-right:5px;
				
				font-size:12px;
				color:#000000;
				text-align: justify;
				font-family: Arial, Tahoma, sans-serif;
				display:inline;			
				}
				
			#sondage
			{
			float:left;
			width:400px;
			height:250px;
			margin-top:15px;
			margin-left:5px;
			padding:4px;
			border:1px solid black;
			}
			
			
			#text_sondage
			{
			float:left;
			width:100%;
			font-weight:bold;
			font-size:15px;
			
			color:rgb(159,29,33);
			}
			
			#img_sondage
			{
			float:left;
			width:150px;
			height:150px;
			padding:2px;
			}
			
			
			#lien_forum
			{
			float:left;
			margin-top:-855px;
			}
			
			
			
			
			
			
			/* texte dans la colonne principale: papier n°2 à droite */
			#papier_pal_d 
			{
			float:left;
			width:240px;
			height:380px;
			padding:5px;
			margin:10px;
			margin-left:65px;
			margin-top: -755px;
			background-color: rgb(175,30,34);/*rgb(159,197,54);*/
			border:1px solid;
			border-color:rgb(117,219,102);
			/*padding:4px;*/
			text-align:justify;
			display: inline;
			}
			
			
				#img_d
				{
				float:right;
				padding:15px;
				/*width:100px;
				height:80px;*/	
				}
			
				.surtitre_d
				{
				/*float:left;*/
				width:248px;
				padding:4px;
				display: inline;
				}
				
				#titre_d
				{
				/*float:left;*/
				width:238px;
				padding:4px;
				font-family: Arial, Tahoma, sans-serif;
				font-size:15px;
				font-weight:bold;
				text-align:left;
				display: inline;
				}
				
				#chapo_d
				{
				/*float:left;*/
				width:238px;
				padding:4px;
				text-align:justify;
				display: inline;
				}
			
			#papier_2_d /* texte dans la colonne principal : papier n°3 à droite*/
			{
			float:left;
			width:240px;
			height:600px;
			padding:5px;
			margin:10px;
			margin-left:65px;
			margin-top: -340px;
			background-color:rgb(106,169,215);/*/rgb(117,219,102);/*rgb(245,245,245);*/
			/*text-align:justify;*/
			border:1px solid ;
			border-color:rgb(159,29,33);
			display:inline;
			}

			#titre_2_d
				{
				/*float:left;*/
				width:238px;
				padding:4px;
				font-family: Arial, Tahoma, sans-serif;
				font-size:15px;
				font-weight:bold;
				text-align:left;
				display: inline;
				}
				
			#chapo_2_d
				{
				width:238px;
				padding:4px;
				/*text-align:justify;*/
				display: inline;
				}
			
/* Colonne secondaire de texte : à gauche*/

#colgauche
	{
	float:left;
	width:248px;
	height:1170px;
	padding:4px;
	background-color:#FFFFFF;/*#6B8E23; */
	}

			/* colonne de brèves*/
			#colbreve
			{
			float:left;
			width:246px;
			height:620px;
			margin:auto;
			text-align:justify;
			margin-top:-18px;
			/*left:2px;*/
			background-color:#FFFFFF;
			}
			
					/*brèves à l'intérieur de la colonne*/
					#surtitre_breve
					{
					width:248px;
					font-size:12px;
					font-style:bold;
					margin-left:2px;
					font-family:Arial,Times, sans-serif;
					display:inline;
					}
					
					#titre_breve
					{
					width:245px;
					font-size:14px;
					font-weight:bold;
					color:rgb(159,29,33);/*#008000;*/
					/*line-height:80%;*/
					margin-top:1px;
					margin-left:3px;
					font-family: Arial,Times, sans-serif;
					/*display:inline;*/
					}
					#img_breve
					{
					float:right;
					margin-left:5px;
					bottom:-5px;
					/*bottom:15px;*/
					}
					#chapo_breve
					{
					/*float:left;*/
					width:130px;
					/*font-size:12px;*/
					/*padding:4px;*/
					/*text-decoration:bold;*/
					font-family:Arial,Times, sans-serif;
					
					margin-left:3px;
					display:inline;
					}
			

			#tags
			{
			float:left;
			margin-top:-50px;
			width:248px;
			height:150px;
			background-color:#FFFFFF; 
			}
			
			#tags_ie6
			{
			float:left;
			margin-top:-45px;
			width:248px;
			height:150px;
			background-color:#FFFFFF; 
			}
						#motcle
						{
						margin-top:-10px;
						font-size:15px;
						/*padding:4px;*/
						width:248px;
						text-align:justify;
						height:127px;
						overflow:hidden;
						
						}
				
				
			#moteur
			{
			float: left;
			margin-top:5px;
			width:248px;
			height:100px;
			background-color:#FFFFFF;
			}
			
			#publications
			{
			float:left;
			width:248px;
			height:80px;
			background-color:#FFFFFF;
			}

			#image_publ
			{
			float:left;
			margin-left:5px;
			width:42px;
			}
			
			#texte_fleurus
			{
			float:left;
			margin-left:5px;
			width:190px;
			height:100px;
			font-family: Tahoma, Arial;
			font-size:12px;
			overflow:hidden;
			}
			
			
			
			#liens_utiles
			{
			float:left;
			width:248px;
			height:80px;
			background-color:#FFFFFF;
			}


#liste
{
width:700px;
margin-left:15px;
font-size:13px;
text-align: justify;
overflow:auto;


}

.histob
{
float:left;
height:20px;
width:2px;
background-color:rgb(75,152,196);
color:rgb(75,152,196);
font-size:1px;
}


.histon
{
float:left;
height:20px;
width:2px;
background-color:rgb(254,92,03);
color:rgb(254,92,03);
font-size:1px;
}

.histoo
{
float:left;
height:20px;
width:2px;
background-color:rgb(100,196,75);
color:rgb(100,196,75);
font-size:1px;
}

#res_sond
{
margin-left:30px;
margin-top:70px;
font-size:15px;
font-weight:bold;

}


#premiere_date
{
text-align:center;
float:left;
 font-size:14px;
 font-weight:bold;
/*width:150px;*/
margin-top:20px;
border:1px solid black;
background-color:rgb(255,255,255);
/*margin-left:50px;*/

}

#texte_premiere_date
{
float:left;
width:230px;
text-align:left;
margin-top:-20px;
text-align:justify;

}


#texte_deuxiemedate
{
float:left;
width:230px;
text-align:left;
margin-top:-20px;
text-align:justify;
}


#deuxieme_date
{
text-align:center;
float:left;
font-size:14px;
 font-weight:bold;
/*width:150px;*/
margin-top:20px;
border:1px solid black;
background-color:rgb(255,255,255);
}

.calendrier_jour
{
color:rgb(55,55,55);
font-size:14px;

}

.calendrier_nom_des_jours
{
color:rgb(255,255,255);/*rgb(195,25,25);*/


}


/* Feuille de style pour Calendrier */
table.cal { font-size:12px; background:#416DFF; border: 3px groove #0026A7; }
/* la case contenant le nom du mois */
.cal td.cal_titre { font-weight:bold; }
/* les cases des jours de la semaine */
.cal th { text-align:center; background:#0026A7; color:#DAE2FF; }
/* les autres cases */
.cal td { text-align:center; background:#DAE2FF; margin:0px; padding:0px; }
/* la case correspondant à aujourd'hui */
.cal td.today { border: 2px solid fuchsia; margin:0; padding:-2px; }