body {
	background: white; /*fcfcf0; #fdfce9; url(img/bg_top.jpg) no-repeat top;*/
	color: #232323;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
/*	line-height: 20px;*/
	margin:0;padding:0;
	}

#cadre_principal {
	margin: 0 auto;
	padding: 0;
	}
#cadre_principal > .clear { clear: both; height: 0; overflow: hidden;}	

#entete {
	background: none;
	width: 960px;
	height: 200px;
	margin: 0 auto; border:0;
/*	padding: 0px 20px;*/
	}
	
#logo_head {
	background: transparent; */url(images/banniere_EPM.jpg) no-repeat;*/
	width: 960px;	height: 198px;
	margin: 0 auto; border:0;
	}
		
#logo_earth {
  position: float;
  background: transparent url(images/logo_test2.gif) no-repeat;
	width: 111px;	height: 89px;
	margin: -107px 0 16px 101px; 
  display: block; /*block,none*/
	}

#conteneur {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px 20px; 
	overflow: hidden;
	}

a img {	border: none;	}
a, a:link {	color: #4949b9;	text-decoration: none; border-bottom: 1px dotted #4949b9;} /*text-decoration: underline;*/
a:focus, a:hover, a:active {	color: #AE00C1;	border-bottom: 1px solid #AE00C1; text-decoration: none;	outline: none;}

.couleur1 {	color: #4949b9;	} /*bleu*/
.couleur2 {	color: #AE00C1;	} /*fuschia*/
.gras {	font-weight: bold;	}
.espace20 {	margin-top: 20px;	margin-bottom: 20px;	}
.ptr {	cursor:pointer;	}
.centrage {text-align: center;}


h2, h3, h4 { color: #343231;	font-weight: bold; text-transform: normal; padding:0; }
h2 {
	font-family: Cambria,"Times New Roman",Georgia,Serif; color: #4949b9;
	font-size: 24px;
	margin: 4px 0;
	line-height: 32px;
border-bottom: 1px solid #AAAAAA;
	}
h3 {
	font-size: 13px; color: #AE00C1;
	text-transform: uppercase; /*normal*/
	letter-spacing: 2px;
	margin: 2px 0;
	line-height: 20px;
	}
h4 {
	font-size: 14px; color: #4949b9;
	text-transform: uppercase; /*normal*/
	letter-spacing: 0px;
	margin: 12px 0 2px 0;
	line-height: 21px;
border-bottom: 1px solid #BBBBBB;
	}
/*
h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited, 
h4 a, h4 a:link, h4 a:visited {
	color: #343231 !important;
	text-decoration: none; border: none;
	}
h2 a:hover, h3 a:hover, h4 a:hover {
	color: #4949b9;
	text-decoration: none;
	border: none;
	}
*/

.nav_menu {
	float: left;
	display: block;
	background: #343221;
	background: -webkit-linear-gradient(#4c4632,#343221); 
	background: -moz-linear-gradient(#4c4632,#343221); 
	background: -ms-linear-gradient(#4c4632,#343221); 
	background: -o-linear-gradient(#4c4632,#343221);
	background: linear-gradient(#4c4632,#343221);
	width: 960px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif; /*Cambria,"Times New Roman",Georgia,Serif;*/
	font-size: 12px; /*13*/
	text-transform: uppercase;
	text-align: left;
	color: #ededed;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 1px 2px #CCCCCC;
	}
.nav_bords_ronds {	border-radius: 6px;	}	

#navhaut_droite {
	float: right;
	display: inline-block;
	height: 40px;
  width: 55px;
	margin: 0px;
	padding: 10px 12px;
  overflow: hidden;
	}
#navhaut_droite .fb_iframe_widget span {width:55px !important;}
#navhaut_droite .fb_iframe_widget iframe {width:55px !important; position:relative !important;}

.img_minipays{ height:15px; width:23px; margin-right:5px !important; box-shadow:0 0 3px #B0B7F9;}

.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none; 
	}
.menu {	float: left;	height: 40px;	}
.menu ul {	margin: 0px;	padding: 0px;	}
.menu li:hover {	visibility:	inherit; 	}
.menu li { float: left; position: relative; } /*	display: inline-block;*/
.img_menu {margin-top: 9px;}

.menu a {
	display: inline-block;
	position: relative;
	color: white; /*#CCCCCC;*/
	line-height: 40px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	border-left: 1px solid #4f4f4f;
	border-right: 1px solid #7d7d7d;
  height:40px;text-shadow:0 1px 1px black;
	}
.menu_courant a {
	color: #FFFFFF;
	background: #4949b9;
	background: -webkit-linear-gradient(#4949b9,#17173B); 
	background: -moz-linear-gradient(#4949b9,#17173B); 
	background: -ms-linear-gradient(#4949b9,#17173B); 
	background: -o-linear-gradient(#4949b9,#17173B);
	background: linear-gradient(#4949b9,#17173B);
	}
.menu ul li:nth-child(1) a {border-radius: 6px 0 0 6px;}

.menu ul li ul{display:none; }
/*.menu ul li{float:left;position:relative;list-style:none;height:30px;}*/
/*.menu ul li a{display:block;height:23px;padding:7px 20px 0px 20px;text-decoration:none;color:#333;}*/
.menu ul li:hover a{
	height:40px;
	color:#ffffff;
	background: -webkit-linear-gradient(#232323,#6a6a6a); 
	background: -moz-linear-gradient(#232323,#6a6a6a); 
	background: -ms-linear-gradient(#232323,#6a6a6a); 
	background: -o-linear-gradient(#232323,#6a6a6a);
	background: linear-gradient(#232323,#6a6a6a);
	border-top:2px solid #4949b9;
	margin-top:-2px;	padding-top:-4px;
 border-color: #858dd8; /*#4949b9 #858dd8 red #17173B*/
	}
.menu ul li:hover ul{display:block;position:absolute;z-index:100;top:40px;left:-6px;margin-left:02px;
box-shadow:0px 0px 2px black;}
.menu ul li ul {width:auto;height:auto;border-radius:5px;padding:5px 0;background:#4949b9;
	background: -webkit-linear-gradient(to right, #4949b9,#17173B);
	background: -moz-linear-gradient(to right, #4949b9,#17173B); 
	background: -ms-linear-gradient(to right, #4949b9,#17173B); 
	background: -o-linear-gradient(to right, #4949b9,#17173B);
	background: linear-gradient(to right, #4949b9,#17173B);
	}
.menu ul li ul li {float:none;white-space:nowrap;height:37px;border-top:1px solid #CCCCCC;}
.menu ul li ul li:nth-last-child(1) {border-bottom:1px solid #CCCCCC;}
.menu ul li:hover ul li a{border-radius:0px;background:none;font-size:0.9em;height:37px;padding:2px 20px 0px 10px;border:none;display:block;margin-top:-1px;}
.menu ul li ul li a:hover{background:rgba(255,255,255,0.2);} 
/* ça, c'était pour avoir des couleurs différentes dans chaque ssmenu : abandonné
.menu ul li:nth-child(2) ul{background: linear-gradient(to top, #4949b9,#002040);}
...
*/
/* 2e niveau de sous-menu... */
.menu ul li:hover ul li ul{display:none;}
.menu ul li ul li:hover ul{display:block;position:absolute;z-index:101;top:30px;left:50%;margin-left:02px;box-shadow:0px 0px 1px black;}
.menu ul li ul li ul li {float: none;}
.menu ul li ul li:hover ul li a{border-radius:0px;background:none;font-size:0.88em;height:36px;padding:2px 15px 2px;border:none;display:block;}
.menu ul li ul li ul li a:hover{background:rgba(255,255,255,0.25);} /*select au survol*/


#menu_baseline {
	float: left;	display: block;
	background: #343231;
	width: 960px;	height: 10px;
	margin: 0px auto 6px;	padding: 0;
	position: relative;	overflow: hidden;
	z-index: 8;	outline: 0;
	border-radius: 0 0 6px 6px;
	}	


#cartes-cadre { margin-top: 7px; margin-bottom: 200px; }

#cartes {
	float: left;
	display: block;
	width: 960px;
	margin: 0;	padding: 9px 0 5px;
	background: #e5e8ff; /*E2ECFF*/
	}
.carte {
	float: left;
	display: block;
	background: transparent; /*#FFFFFF;*/
	width: 140px;
	height: 158px;
	margin: 1px 10px 9px;
	padding: 0; /*4px 3px 3px 2px;*/
	border-radius: 10px;
	box-shadow: 0px 1px 2px #CCCCCC;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.carte:hover, .carte_hover {
	-webkit-transform:scale(1.11);
	-moz-transform:scale(1.11);
	-ms-transform:scale(1.11);
	-o-transform:scale(1.11);
	transform:scale(1.11); /*rotate(-5deg);*/
	border-radius: 11px;
	box-shadow: 0 1px 10px #888888;
	}
.carte_hover {
	-webkit-transform:scale(1.07);
	-moz-transform:scale(1.07);
	-ms-transform:scale(1.07);
	-o-transform:scale(1.07);
	transform:scale(1.07);
	box-shadow: 0 1px 13px #353587;
}

	
#pied2page_cadre {
	background: #e5e8ff; /*#E2ECFF; fDeDdD, FFFFFF*/
	width: 960px; /*760*/
	height: 100%;
	margin: 15px auto 0px;
/*	padding: 0px 10px;*/
	overflow: hidden;
	border-radius: 15px 15px 0px 0px;
	border-top:  1px solid #858dd8;
	border-left: 1px solid #858dd8;
	border-right:1px solid #858dd8;
/*	box-shadow: 0 0px 2px #555555; */
	}


#cadre_pages_int {
	background: white; /*#eDeDfD*/
	width: 938px;
	height: 100%;
	margin: 30px auto 10px;
	padding: 0 10px 10px 10px;
	border-radius: 8px;
/*	border:1px solid #a0a0a0;*/
/*	font-family: "Times New Roman",Georgia,Serif;*/
	font-size: 1.1em;
	}
	
#encadre {
  padding: 0 10px;
  border: 1px solid #858dd8; /*4949b9*/
  border-radius: 4px;
background-color: #e5e8ff; /*E2ECFF,B0B7F9*/
	}

#table_sympa { width: 100%; padding: 10px; margin:0; }
#table_sympa td { padding: 10px; margin:0; border:0; border-bottom: 1px solid #B0B7F9; }
.td_bordure { border-right: 1px solid #AE00C1 !important; }


.noselect {
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
border:0 !important;
}