
/* ==============================================================*/
/*   			Global Navigation						*/
/* ==============================================================*/



#globalNav,
div#main{

	padding-left:0px;
	padding-right:0px;

}


ul#globalMain
	{
	list-style-type: none;
	color: #313131;
	
	/*
	float: right;
	clear:right;
	*/
	white-space: nowrap; 

										border: 0px none #cc0000; /* bordure tte largeur top elements de menu principaux */
	margin: 0px !important;
	
	
				padding: 3px 10px 4px 10px ;					/* padding/hauteur ligne autour de du menu principal entier */
				padding: 0px 0px 0px 0px ;					/* determine aussi la marge de gauche avant debut du menu */	
				
				/* padding: haut droite bas gauche ; */	
				
				font: 12px Arial, Helvetica, sans-serif!important;
				
				background-color:#cc0000;									/* background elements de menu principaux */

	}





/* ==============================================================*/
/*   				Safari oddity						*/
/* ==============================================================*/


/* ==============================================================*/
/*   				Safari oddity						*/
/* ==============================================================*/

ul#globalMain li.submenuLast
	{
	margin-right: 0px;
	}





ul#globalMain li.submenuLast,
ul#globalMain li.submenu
	{
	display: inline;
	padding: 0px 0px 0px 0px;
  
	
	margin-right: 0px;   
	
	
	}

ul#globalMain li ul
	{
	display: block;
	
	margin: 0px 0px 6px 6px;																/* OFFSET sous-menu */	
																							/* ne pas rgler la marge gauche -6 trop prs de zro sinon bug fin de ligne IE7 */
	/* margin: -15px 40px 0px 40px;  si menu vertical 'a droite */							/* OFFSET sous-menu */
	/* padding: haut droite bas gauche ; */	
	padding: 0px;
	
	position: absolute;
	left: 0;
	
	z-index: 1000;
	visibility: hidden;

					
					width: 140px;											/* largeur sous-menu */
					border: solid 0px #999999;								/* couleur bordures sous-menu */
					
					border-bottom: solid 1px #999999;
					border-top: solid 1px #999999;
					border-left: solid 1px #999999;
					border-right: solid 1px #999999;
					
			
			
	}

ul#globalMain li.submenuLast ul a,
ul#globalMain li.submenu ul a
	{
	color: #333333 !important;
										line-height: 18px;				/********** hauteur des bandes rollovers ds sous-menu ******/
										font-weight: normal;
										font-size: 11px;				/********** taille liens ds sous-menu ***********/
										color: #ffffff !important;  			/* couleur texte sous-menu */	
										width: 140px;	
										text-align: left;																	
	}

ul#globalMain li ul li
	{
	margin: 0px !important;
	z-index: 999;
	padding: 0px 0px 0px 0px;											padding: 0px 0px 0px 0px;  /* doit rester 0 sinon lignes fuck IE */
	display: block;
	 width: 100%;
									   width: 140px;	/*  arrange bug IE fin de ligne sous-menu pas opaque - derniers pixels droite */
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	
																							
	
										background-color:#1f459d; 						/* couleur BG sous-menu OnMouseout */	
										border-bottom:solid 1px #1f459d;				/* couleur interlignes sous-menu - fait*/
										border-bottom:solid 0px #1f459d;
										
															
											
	}

ul#globalMain li.submenuLast ul li a,
ul#globalMain li.submenu ul li a
	{
	display: block;
	margin: 0;
																				margin-left: 0px; /* dcale les elem. sous-menu  */
											/* padding: 0px 2.5%; */
											padding: 0px;
																			/* positionne horizontalement le BG des elem. de sous-menu sur leur ligne */
																			/* doivent rester 0 */
																			padding-left: 0px;
																			padding-right: 0px; 
																			
																			
																			
	border-width: 0;
	/*width: 95%;
	
																	 	width: 133px;	140px - 7px */
			width: 140px;									
	}

ul#globalMain li.submenuLast li a:hover,
ul#globalMain li.submenu li a:hover
	{
										background-color:#cc0000; 					 /* couleur BG sous-menu OnMouseover  */
	}
	
ul#globalMain li.submenuLast li a:active,
ul#globalMain li.submenu li a:active
	{
										background-color:#cc0000;  					/* couleur BG sous-menu OnMousedown  */
	}

ul#globalMain li.submenuLast ul li a:active
	{
	visibility: visible
	}

/* ==============================================================*/
/*   				Global Main position						*/
/* ==============================================================*/




ul#globalMain li.submenuLast,
ul#globalMain li.submenu
	{
	display: inline;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
	border: solid 1px #cc0000;
	
								border: solid 0px #cc0000;   /* bordure autour chq. element de menu principal   - changer ds .js aussi */
	
	
	}
	

	
ul#globalMain li.submenu
	{
	/*IE Mac Hack*/
	padding-left: 0em;
	padding-right:0em;
	/*Begin non IE Mac CSS\*/

	margin-left: 0em;
	margin-right:0em;
	padding-left: 0em;
	padding-right:0em;
	/*End IE CSS hack*/
	
	
	}


ul#globalMain li.submenuLast a,
ul#globalMain li.submenu a
	{
	padding: 0px 0px 3px 0px;
										/*	padding: 0em;	 OFFSET element menu principal - ne pas changer, jouer avec l'offset du sous-menu plus haut */
										
	text-decoration:none;
	
											margin-right: 12px; 	/*		distance/espace entre liens elements menu principaux		*/
											margin-left: 12px; 	/*		distance/espace entre liens elements menu principaux		*/
											
											
											
											font-size: 12px;  /*		taille des liens elements menu principaux			*/
											font-weight: bold;  /*															*/
											line-height: 22px;  /*		uniformise la hauteur du menu IE vs. FFox, mieux que le padding */													
											color: #ffffff;  /*		couleur liens elements menu principaux					*/
											
											text-align: left;

	}
	
ul#globalMain li.submenuLast a:active,
ul#globalMain li.submenu a:active
	{
											color: #000066;  /*		couleur liens cliqus elements menu principaux					*/
	}





/* ==============================================================*/
/*   			*****  FIN Global Navigation						*/
/* ==============================================================*/




body {
/*	background-color: #bacbdc;
	background-image: url(serie_pol/bg_serie_pol.jpg);	
*/		
	background-color: #dbe0ea;
	background-image: url(images/bg_soft_sides_970px.gif);
	background-position: center; 
	background-repeat:repeat-y; 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #1B3D8B;
}
a:visited {
	text-decoration: none;
	color: #002977;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
a:active {
	text-decoration: none;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.Texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.TexteBold {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.TexteBold2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.TexteLien {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1B3D8B;
}
.TexteLienB {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 12px;}
.TexteRouge {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C90A13;
}
.TexteRougeB {font-family: Arial, Helvetica, sans-serif; color: #C90A13; font-weight: bold; font-size: 12px;}
.SousTitreR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C90A13;
}
.SousTitreR2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C90A13;
}
.GrandTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C90A13;
}
.TitreRouge {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #C90A13; }
.TitreBleu {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 18px; }
.SousTitreBleu {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 13px; }
.SousTitreBleu2 {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 14px; }
.SousTitreGris {font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; font-size: 14px; }
.TexteBlanc, a.TexteBlanc, a.TexteBlanc:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; margin-right: 4px;}
.TexteBlanc2 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;}
.TexteBlancG {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 14px;}
.SousTitreBlanc {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 16px; }
.TitreBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.blueFont, a.blueFont {font-family: Arial, Helvetica, sans-serif; color: #5E97C2; font-weight: bold; font-size: 11px; }
.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; color: #1B3D8B;  font-size: 11px; }
.footer, a.footer {font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: normal; font-size: 11px; }
a.footer {font-weight: bold; }
.style3 {color: #FFFFFF}



.path a{
font: bold 11px Arial;
}




/*-----------------------------------*/
/*-----------------FR----------------*/
/*-----------------------------------*/
#topmenu_global {
float:right;
position:relative;
width: 300px;
height:20px;
}

#topmenu_global a{
font: 11px Arial;
color:#FFFFFF;
text-decoration:none;
}

#topmenu_global a:hover{
text-decoration:underline;
}

#espace_membre a{
float:left;
position:relative;
display:block;
width: 80px;
margin-top:2px;
margin-left:10px;
padding-left:23px;
}

#devenir_membre a{
float:left;
position:relative;
display:block;
width: 80px;
margin-top:2px;
margin-left:10px;
padding-left:23px;
}

#langue a{
float:left;
position:relative;
display:block;
width: 46px;
margin-top:2px;
padding-left:11px;
margin-left:16px;
}


#topmenu_link a{
margin-top:32px;
margin-left:20px;
float:left;
position:relative;
display:block;
width: 205px;
height:68px;
text-decoration:none;
}

#topmenu_link a:hover{
text-decoration:none;
}



/*-----------------------------------*/
/*-----------------EN----------------*/
/*-----------------------------------*/

#topmenu_global_en {
float:right;
position:relative;
width: 315px;
height:20px;
}

#topmenu_global_en a{
font: 11px Arial;
color:#FFFFFF;
text-decoration:none;
}

#topmenu_global_en a:hover{
text-decoration:underline;
}

#espace_membre_en a{
float:left;
position:relative;
display:block;
width: 80px;
margin-top:2px;
margin-left:21px;
padding-left:19px;
}

#devenir_membre_en a{
float:left;
position:relative;
display:block;
width: 90px;
margin-top:2px;
margin-left:10px;
padding-left:19px;
}

#langue_en a{
float:left;
position:relative;
display:block;
width: 46px;
margin-top:2px;
padding-right:5px;
margin-left:23px;
}


#topmenu_link_en a{
margin-top:32px;
margin-left:20px;
float:left;
position:relative;
display:block;
width: 250px;
height:68px;
text-decoration:none;
}

#topmenu_link_en a:hover{
text-decoration:none;
}
























.footer_copyright, .footer_copyright a, .footer_copyright a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #ddddff;
	font-weight: normal;
	font-size: 11px;
	padding: 20px;
}


.derniere_conf {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

a.canal_savoir:link, a.canal_savoir:visited, a.canal_savoir:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}

/* CE QUI SUIT EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */

.liens_et_doc_off {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #C3C3C3;
	background-color: #dddddd;
	color: #1b3d8b;
	cursor: default;
	border-style: solid; 
	border-width: 1px;
	border-width: 2px;
	border-color: #1b3d8b; 
	border-collapse:collapse;
	padding: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.liens_et_doc_on {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #bac6db;
	color: #1b3d8b;
	cursor: pointer;
	border-style: solid; 
	border-width: 1px;
	border-width: 2px;	
	border-color: #1b3d8b; 
	border-collapse:collapse;
	padding: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
}

a.liens_et_doc, a.liens_et_doc:visited, a.liens_et_doc:hover {
	color: #1b3d8b;
	text-decoration: none;
}

/* pour les cellules des nouvelles internationales onMouseout */
.nouvelles_off {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #1b3d8b;
	color: #ffffff;
	cursor: default;
	font-size: 11px;
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-top-color: #487ab7; 
	border-left-color: #1b3d8b; 
	border-right-color: #1b3d8b; 
	border-bottom-color: #487ab7;
	border-collapse:collapse;
	padding: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
}

/* pour les cellules des nouvelles internationales onMouseover */
.nouvelles_on {   
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #ece9d8;
	color: #1b3d8b;
	cursor: pointer;
	font-size: 11px;
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-top-color: #487ab7; 
	border-left-color: #1b3d8b; 
	border-right-color: #1b3d8b; 
	border-bottom-color: #487ab7;
	border-collapse:collapse;
	padding: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
}

/* pour les liens des nouvelles internationales */
a.lien_nouvelles_off:link, a.lien_nouvelles_off:visited {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	cursor: default;
	font-size: 11px;
}

/* pour les liens des nouvelles internationales */
a.lien_nouvelles_on:link, a.lien_nouvelles_on:hover {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #1b3d8b; 
	cursor: pointer;
	font-size: 11px;
}

/* TITRE Liens et Documentation sur fond rouge + Nouvelles internationales */
.titre_section_menu_gauche {  
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c90a13;
	padding: 3px; padding-left: 8px; 
	border-style: solid; 
	border-width: 1px; 
	border-left-width: 2px; 
	border-color: #1b3d8b;
}


/* CE QUI PRCDE EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */


.grille {
	border-style: solid; 
	border-width: 1px; 
	border-color: #1b3d8b;"	
	border-collapse: collapse;
}

#calendar_container {
	float: right;
	margin: 20px 0px 20px 20px;
	background-color: #ffffff;
	z-index: 100;
}

#calendar_details tr td ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #cc0000;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
}

#calendar_details tr td ul p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #cc0000;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 500px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #1C3D8C;
}


#calendar_details tr td ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C3D8C;
	font-weight: normal;
	margin-left: 24px;
	list-style-position: outside;
	list-style-type: none;
}

#calendar_details tr td ul li:first-line {
	font-weight: bold;
	color: #1C3D8C;
	line-height: 24px;
}



td.calendrier_tous_mois, table.calendrier_tous_mois, td.videotheque_tous_mois, table.videotheque_tous_mois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C3D8C;
	font-weight: normal;
	background-color: #ffffff;
	border-style: solid;
	border-color: #1C3D8C;
	border-width: 1px;
	border-collapse: collapse;
	height: 24px;
}

td.calendrier_tous_mois a, td.videotheque_tous_mois a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C3D8C !important;
}


td.calendrier_mois_inactif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F5F5F5;
	height: 24px;
	border:1px #1C3D8C solid;
	border-collapse:collapse;
}


td.calendrier_mois_actif, td.videotheque_mois_actif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #1C3D8C;
	border-style: solid;
	border-color: #1C3D8C;
	border-width: 1px;
	border-collapse: collapse;
	height: 24px;
}


td.calendrier_mois_actif a, td.videotheque_mois_actif a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff !important;
}

#calendrier {border-collapse: collapse;}


#calendrier tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #999999;
	font-weight: bold;
	background-color: #ffffff;
	border-style: solid;
	border-color: #1C3D8C;
	border-width: 2px;
	border-collapse: collapse;
	height: 24px;
	width: 24px;
}

#calendrier tr td.event {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #1C3D8C;
	font-weight: bold;
	background-color: #ddddff;
}


#calendrier tr td.eventcorim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #cc0000;
	cursor: default;
}

#calendrier tr td.eventcorim a, #calendrier tr td.eventcorim a:visited, #calendrier tr td.eventcorim a:active, #calendrier tr td.eventcorim a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #cc0000;
	cursor: pointer;
}

#calendrier tr td.dead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #1C3D8C;
}

#calendrier tr td.day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	background-color: #a7c2de;
}

#calendrier tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #1C3D8C;
	border-style: solid;
	border-color: #1C3D8C;
	border-width: 2px;
	border-collapse: collapse;
	height: 24px;
}



.encadre_eve {
	border-style: solid; 
	border-width: 2px; 
	border-color: #1C3D8C;
}

.past_event {  
	background-color: #ffffff;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #1C3D8C;
	/*border-width: 1px; */
	border-color: #cccccc;
	border-collapse: collapse;
}

.past_event_last {  
	background-color: #ffffff;
	border-style: solid; 
	border-width: 0px 0px 0px 0px; 
	border-color: #1C3D8C;
	/*border-width: 1px; */
	border-color: #cccccc;
	border-collapse: collapse;
}


HR {
	color: #1C3D8C;
	height: 1px;
}

#video_div {display: visible;}


.Type_pub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #5693C9;
}

.Chroniques_Ieim a:link, .Chroniques_Ieim a:active, .Chroniques_Ieim a:hover{
	font-weight: bold;
	color: #790808;
}

.Chroniques_IeimTittle a:link{
	font-weight: bold;
	color:#000000;
}

.Chroniques_IeimAutor{
	font-size:11px;
	color:#790808;
}

.Chroniques_IeimDate{
	font-size:10px;
	color:#000000;
}


.publications_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #005b9a;
}


.blogs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	/* line-height: 20px; */
}

.blogs a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #005b9a;
}

.publications {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #333333;
	/* line-height: 20px; */
}

a.publications {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #005b9a;
	/* line-height: 20px; */
}


/*********************        mise en forme tableaux vnements       ***********************/

.box_event_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


.box_event_nom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}


.box_event_fonction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


.box_event_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1C3D8C;
}

.box_event_titre_centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1C3D8C;
}

.box_event_stitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1C3D8C;
}

.box_event_type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.box_event_type a {
	font-weight: bold;
}


.membres_puces a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

ul.membres_puces {margin-top: 5px;}

.membres_puces li {margin-top: 5px;}



/************************ UNSUBSCRIBE ***********************/

form {
	background:#fff;
	padding:1em;
	/*border:1px solid #eee;*/
}


fieldset div {
	margin:0.3em 0;
	clear:both;
}


label {
	/* width:10em;*/
	text-align:right;
	margin-right:1em;
	margin-top: 0.5em;
}

label.ajustement {
 display:block;
 float:left; 
}

legend {
	color:#21479e;
	font-size:1.2em;
}

.legendspace {
padding-top:2em;
}

legend span {
	width:10em;
	text-align:right;
}

input.champs, textarea.champs {
	padding:0.25em;
	width:150px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1em arial, sans-serif;
	color: #727272;
	/*-moz-border-radius:0.4em;*/
	/*-khtml-border-radius:0.4em;*/
}

.legendspace_newsletter {
	margin-top:10px;
	padding-top: 5px;
	height:30px;
}

input.champs_newsletter{
	*float:left;
	*position:relative;
	padding:0.25em;
	background:#fafafa;
	width:200px;
	border:1px solid #ddd;
	font:1em arial, sans-serif;
	color: #727272;
}

textarea.champs{
	width:400px;
}

input.champs:hover, input.champs:focus,
input.champs_newsletter:hover, input.champs_newsletter:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}


button.submitspace {margin-top:20px; width:150px; text-align:center;}

legend {font-weight:bold}



/* ------------------------------------------------------------------------ */


.inscription_newsletter {
	float:left;
	position:relative;
	text-align:left;
	width:130px;
	padding-left:10px;
	cursor: pointer;
}

.inscription_newsletterCaptcha {
	float:left;
	position:relative;
	text-align:left;
	width:355px;
	cursor: pointer;
}

form#inscription_newsletter label.error
{
	display:none;
	position:relative;
	float:right;	
	text-align:left;
	padding-right:5px;
	margin-top:-3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;	
	font-style:normal;
	color: #D70000;
	width:40px;

}


form#inscription_newsletter input.fleche:focus { outline: none; background-image:url(http://www.corim.qc.ca/home/images/background_field_inscription.gif); background-position:right; background-repeat:no-repeat;}
form#inscription_newsletter input.padding {padding-right:15px;}


form#inscription_newsletter input.error { border: 1px solid red;}

form#inscription_newsletter #button {border: 1px #666666 solid; text-align:center; text-decoration:none; height:30px; cursor:pointer; margin-top:20px; width:150px; text-align:center;}


/* ------------------------------------------------------------------------ */


.form_questions {
	float:left;
	position:relative;
	text-align:left;
	width:130px;
	padding-left:10px;
	cursor: pointer;
}

input.champs_questions{
	*float:left;
	*position:relative;
	padding:0.25em;
	background:#fafafa;
	width:200px;
	border:1px solid #ddd;
	font:1em arial, sans-serif;
	color: #727272;
	margin-top:3px;
}

textarea.champs_questions{
	*float:left;
	*position:relative;
	padding:0.25em;
	background:#fafafa;
	width:455px;
	border:1px solid #ddd;
	font:1em arial, sans-serif;
	color: #727272;
	outline-style: none;
	margin-top:3px;
}



.form_questionsCaptcha {
	float:left;
	position:relative;
	text-align:left;
	width:355px;
	cursor: pointer;
}

form#form_questions label.error
{
	display:none;
	position:relative;
	float:left;	
	text-align:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;	
	font-style:normal;
	color: #D70000;
	
	margin:0;
	width:200px;
	height:10px;

}

form#form_questions input.fleche:focus, form#form_questions textarea.fleche:focus { outline: none; background-image:url(http://www.corim.qc.ca/home/images/background_field_inscription.gif); background-position:right; background-repeat:no-repeat;}
form#form_questions input.padding {padding-right:15px;}


form#form_questions input.error, form#form_questions textarea.error{ border: 1px solid red;}

form#form_questions #button {border: 1px #666666 solid; text-align:center; text-decoration:none; height:30px; cursor:pointer; margin-top:20px; width:150px; text-align:center;}


.video_login {background-color: #7C9AD2;}
