body {
font-family :Arial, Helvetica, sans-serif;	
color :#333;	
font-size: 12px;
margin: 0;	
text-align: center;  
padding: 0;  
background:#ccc;
}

a {
color : #1d5fa2; 
text-decoration:none;
font-weight: bold;
}

p {
margin: 0 0 6px 0; 
padding:0;
}

a:hover { 
color : #000; 
}

form {
margin:0; padding:0px;
}

img {
border:0px;
}

h1 {
color: #000;
font-size: 24px;
font-weight: normal;
margin:10px 0;
padding: 0px 0 0 0; 
}

#page {
width: 1000px; 
margin:0 auto;
padding:0 10px;
text-align:left;
background:#fff;

}

/* HEADER
------------------------------------------------- */

#HEADER{ 
position:relative;
height:90px;
padding-top:10px
}

#HEADER h1{

}

#HEADER h1 a{ 
}
	
#HEADER a:hover{

}

#HEADER p{ 

}

#soft {
position:absolute;
top:10px;
right:0px;

height:80px;
width:180px;
padding:2px 5px;
text-align:left;
margin-top:10px;
color:#fff;
background:#333 url(fond_soft.png) top left no-repeat;

}

#google_top {width:468px;height:60px;position:absolute;top:40px;left:320px;}

#pub_728_90{width:728px;height:90px;position:absolute;top:10px;right:0px;border:3px solid #000}

#pub_300_250{width:300px;height:250px;border:3px solid #000;margin-top:10px;}

/* NAVIGATION
------------------------------------------------- */
	

#NAVIGATION{
width: 1000px;
height:31px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #2E6BA9;
background-image: url(bg_topnav2.gif);
}
	
#TABS{
height:31px;
text-align: center;
border-right: 0px solid #666666;
line-height: 31px;
float:left;
}

#TABS ul {
margin:0;
padding-left: 0;
display: inline;
list-style: none; 
 } 
 
 
#TABS li {
float:left;
margin: 0;
padding: 0px 14px;
list-style: none;
display: inline;
border-left:1px solid #fff;
 }
 
#TABS .Last{
background-image: none;
}

#TABS a{
color: #fff;  
text-decoration: none;
font-weight:bold;
}

#TABS a:hover{
text-decoration : none;
border-bottom: 2px solid #fff;
}
#TABS .hereweare a{
text-decoration : none; 
border-bottom: 2px solid #fff;
}

	

#TABSADM{
position:absolute; 
/*margin-top:2px; */
top:125px; 
left:160px;
margin-right:167px; 
height:26px;  
background-image: url(bg_topnav2.gif);  
background-repeat: repeat-x;  
text-align: center;
border-right: 0px solid #666666;
line-height: 26px;
}

#TABSADM ul {pro
margin:0; 
padding-left: 0; 
display: inline;  
list-style: none;
} 

#TABSADM li {
float:left; 
margin: 0;
padding: 0px 28px;
list-style: none;
display: inline;
border:1px solid #FFF;
}

#TABSADM a{
display:block;
color: White;
text-decoration: none;
font-family: Tahoma, Arial, Sans-Serif;
font-size: 11px;
}

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

a.admin {
color:#fff;
border:1px solid #fff;
padding:3px;
}

#login_frm {
background:#333;
float:right;
padding-left:10px;; 
width:265px; 
text-align:left; 
height:30px;	
color:#FFF;
}

#loged_frm {
float:right;
padding:4px 3px 2px; 
width:265px; 
text-align:center; 
height:23px;	
color:#FFF; 
font-weight:bold;
background:#333;
}	
	
#sec_menu_link {
background: #2E6BA9 url(bg_topnav2.gif);
float:right; 
padding:8px 3px; 
width:165px; 
text-align:left; 
padding-left:15px;
color:#FFF;
}

#sec_menu_link a { font-weight:bold; color:#FFF;padding:1px 3px;}
	
	
#BUTTONS{ float: right;  width: 167px; height:28px; text-align: center;  display: block;   }


	
/* CONTENT 
-------------------------------------------------------------------*/

#CONTENT{ width: 1000px; text-align: left; margin-left: 0; margin-right: 0;  background-color: White; padding:0    }

#LEFTBOX{ 
float: left;  
width: 220px; 
text-align: center;
margin-top:20px;
background: #f4f4f4;

padding: 10px 0px 20px 0px;
}
div#LEFTBOX{ background-image: url(bg_hdot.gif);  background-repeat: repeat-x;  background-position: bottom;        }
		
#LEFTBOX div{ margin-left: 8px;  margin-right: 8px;  padding-bottom: 5px;  margin-bottom: 10px; }
#LEFTBOX div#intro_left{ margin-left: 0px;  margin-right: 0px;  padding-bottom: 5px;  margin-bottom: 10px; }
		
#LEFTBOX div.Last{ background-image: none; }

#LEFTBOX h1{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;  font-size: 16px;
color: #fff;
background:#1d5fa2 url(bg_topnav2.gif);
border-top:1px solid #000;
padding:3px;
text-align:left;
}    	     


#LEFTBOX p{ font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; line-height: 18px; text-align: left; }
#LEFTBOX p .Date{ font-weight: bold; color: #C10000; font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#LEFTBOX a{ font-size:11px;  color: #2665A5;  text-decoration: none;  }
#LEFTBOX a:hover{	text-decoration : underline;  }
#LEFTBOX input{ font-size:12px;  padding: 0;  margin: 0; }
#LEFTBOX input.Search{ width:153px; height: 18px; border: 1px solid #666666; }
#LEFTBOX .Browse{ width:125px; height: 18px; border: 1px solid #666666;  margin-right: 7px;  }
#LEFTBOX ul{ text-align:left;  padding-left: 1px;  display: block; border: none;  margin: 0 0 15px 0;  } 
#LEFTBOX ul li {margin-left: 0; padding-left: 0;     font-size: 11px;  font-family: Tahoma, Arial, Helvetica, sans-serif;  font-weight: normal;  list-style: none inside url(point_left.gif);  line-height: 18px;        }
#LEFTBOX ul a{ color: #1A5FA8; text-decoration: none; font-size:11px;    padding-right: 0;  margin-right: 0;  font-family: "MS Sans Serif", Geneva, sans-serif; }	
#LEFTBOX ul a:hover{text-decoration: underline;}	

/* Contebnu Central
----------------------------------------------------------------*/

	#TEXT { padding-top: 15px;  padding-bottom: 20px;  padding-right:0;margin-right:0;margin-left:245px}
	#TEXT h1{ color: #000;  font-size: 24px;  font-weight: normal;  margin: 10px 0;  padding: 0;     }
	
	#TEXT h2, #CONTENT h2{ color: #1D5FA2;  font-size: 18px;  font-weight: normal;  margin:10px 0     }	
	
	#TEXT p{ text-align: justify;  line-height: 18px;  margin-bottom: 8px; }
	#TEXT ul.Path { background:#f4f4f4; padding:5px;  display: block; border: none;  margin: 0 0 15px 0;  } 
	#TEXT ul.Path li {margin-left: 0; padding-left: 0px; border: none; list-style: none; display: inline; color: #B90000; font-size: 11px;  font-family: Tahoma, Arial, Helvetica, sans-serif;  font-weight: bold;  line-height: 18px;          }
	#TEXT ul.Path a{ color: Black; text-decoration: none; font-size:11px;    padding-right: 8px;  margin-right: 5px;  background-image: url(arrow_path.gif);  background-position: right;  background-repeat: no-repeat;          }	
	#TEXT ul.Path a:hover{text-decoration: underline;}	
#google_250{float:right;width:250px;margin-left:30px;margin-bottom:15px}
/* FOOTER
----------------------------------------------------------------------*/

#FOOTER{
width: 1000px; 
text-align: left; 
margin-left: auto;
margin-right: auto;
padding-top: 9px;
border-top:1px solid #000;
 }
	#LINKS{ margin-right:150px;  text-align: left; color:white;  padding-left: 5px;   }
	#LINKS ul { margin:0; padding-left: 0; display: inline;  list-style: none;    } 
	#LINKS li{ float:left; margin: 0;  padding: 0px 11px 0px 11px; list-style: none; display: inline;  border-right: 1px solid White;           }
	#LINKS li.Last{ border-right: none;  }
	#LINKS a:hover{ text-decoration: underline;	}
	
	#COPYRIGHT{ float: right;  width: 400px; text-align: right;  display: block;  font-size: 11px;  padding-right: 20px;  padding-top: 3px;        }
	#COPYRIGHT a{text-decoration: none; font-weight: normal; }
	#COPYRIGHT a:hover{ text-decoration: underline;	}
	
	#FOOTLINKS{ clear: both; text-align: center;  font-size: 11px;  padding: 20px;  padding-top: 5px;        }
	#FOOTLINKS a{text-decoration: none; font-weight: normal; }
	#FOOTLINKS a:hover{ text-decoration: underline;	}

/* style issu de la boutique */
.parenthese{font-size:9px;text-align:justify;margin:2px;}
.tableau_sdt{ padding:0px; margin:0px; width:100%;}
.tableau_sdt td.libele{background:url(/style/images/ong_tbl.gif) no-repeat; height:23px; 
padding:0px 4px 0px 10px;
vertical-align:middle;
font-weight:bold;} 
.tableau_sdt td.cnt{background:#FFF; padding:0px 0px 0px 2px; height:140px;}
.tableau_sdt td.cnthvar{background:#FFF; border:1px solid #CCC;padding:0px 0px 0px 2px;}

.btn_cadre {}
.btn_cadre a {background-color:#f4f4f4;color:#000;width:auto; text-align:center; border:1px solid #000; padding:6px 3px 4px 3px;;font-size:14px;
 display:block; text-decoration:none;}
.btn_cadre a:hover{ background-color:#fff;border:1px solid #888; color:#1d5fa2}

.btn_cadre input{ width:auto; text-align:center; border:1px solid #BBB; 
background-color:#F1F1F1;}
.btn_cadre input:hover{background-color:#fff; border:1px solid #888;}

.photo_int {height:100px;}
.photo_prod {height:100px; margin:3px 2px;}

.titre_livre a{color:#cc0000; font-weight:bold; font-size:14px; text-decoration:none;}
.titre_livre_auteur {color:#888; text-align:center;}

#int {height:120px; overflow:auto;}
#int h3 { font-size:12px; font-weight:bold;}

.voirplus {width:100%; border-top:1px solid #CCC; text-align:right;}
.voirplus a { color:#000; font-weight:bold;}

.sel_rech { margin:2px; font-size:12px; font-family:Arial; background:#888; color:#FFF;}

.alpha93 {
	FILTER: Alpha(Opacity=93);
	-moz-opacity: 0.930;
}
.alpha50 {
	FILTER: Alpha(Opacity=50);
	-moz-opacity: 0.500;
}

.msg_box {position:absolute; top:50px; left:50px; border:1px solid #000;; width:320px; height:200px; background:#fff;}
.msg_libele { text-align:center; font-size:16px; font-weight:bold; background:#f4f4f4); height:30px; vertical-align:middle;}
.msg_txt {font-size:14px; padding:4px;}

.speak_box {position:absolute; top:200px; left:350px; border:0px solid #555; width:251px; height:132px; background:url(/style/images/speak_msg.gif) no-repeat;}
.speak_libele { padding:2px;text-align:center; font-size:16px; font-weight:bold; background:#FFF); }
.speak_txt {font-size:12px; font-weight:bold; font-style:italic; padding:0 4px; margin:2px 0 0 0; color:#003399;
border:0px solid #000; height:100px; width:142px;overflow:hidden;}
.speak_entete{font-size:11px; color:#006600; font-weight:normal; font-style:normal; text-decoration:underline;}

.speak_btn{width:100px; text-align:center; border:1px solid #BBB; padding:2px 3px;
background-color:#F1F1F1; display:block;}

.membres_actifs {}
.membres_actifs a{font-weight:bold;}

		
.tbl_conteneur {}
.tbl_conteneur td {vertical-align:top;}

.bloc_titre_art {background:#f5f5f5; border:1px solid #888; margin:5px 0px; font-size:16px; font-weight:bold; text-align:center; height:50px; padding:6px 5px 2px; vertical-align:middle;}
.bloc_titre_art a{color:#000; text-decoration:none;}
.bloc_titre_art a:hover{color:#888; text-decoration:none;}


.border_grey {border:1px solid #555;}

.tbl_std_lib a { color:#000; text-decoration:none;}
.tbl_std_lib a:hover { color:#555;}

.tbl_std_lib_dev{
background: url(bg_topnav2.gif); 
padding-top:2px;
text-align:center; font-weight:bold;
color:#fff
}
.tbl_std_lib_dev a { color:#fff; text-decoration:none; display:block;}
.tbl_std_lib_dev a:hover { color:#fff; text-decoration:underline;}

.tbl_std_lib_a{background: url(bg_topnav2.gif); border-top:1px solid #aaa;
border-right:1px solid #aaa; border-left:1px solid #aaa; text-align:center; font-weight:bold;}
.tbl_std_lib_a a { color:#000; text-decoration:none; display:block;}
.tbl_std_lib_a a:hover { color:#fff; text-decoration:underline;}


.sub{border-bottom:1px solid #aaa;}

.width120 {width:120px;}
.width100 {width:100px;}
.width80 {width:80px;}
.px3{ font-size:3px;}

.b1{ border:1px solid #000;}

.FAQ-Q { font-size:14px;}
.FAQ-reponse{ font-style:italic;}

.red {color:#FF0000;}

.orange {color:orange;}

ul#webinaires_accueil, ul#formations_accueil {
list-style:none;
/*padding:10px; */
padding:0px;
margin:0px;
font-size:12px;
border:3px solid #2E6BA9;
/*width:330px;*/
width:300px;
/*margin-top:10px;*/
}

ul#webinaires_accueil {
/*float:left;*/
/*margin-right:15px;*/
}
ul#formations_accueil {
/*margin-left:375px;*/
}
ul#webinaires_accueil h2, ul#formations_accueil h2 {
color: #1D5FA2;  font-size: 16px;  font-weight: bold;  margin:0 0 10px 0;
color:#fff;
padding:3px;
background:#2E6BA9 url(bg_topnav2.gif) bottom left repeat-x;
}

ul#webinaires_accueil li, ul#formations_accueil li{
list-style:none;
padding:5px;
}

ul#webinaires_accueil a, ul#formations_accueil a{
font-size:14px;
color: #bb0000; 
}
ul#formations_accueil a{
color: #1D5FA2; 
}
ul#webinaires_accueil li span.date {
font-weight:bold;
}

ul#webinaires_accueil a:hover, ul#formations_accueil a:hover{
color: #333; 
}

#img_accueil {
font-size:10px;
font-style:italic;
color:#666;
width:200px;
margin:5px;
padding:5px;
background:#f4f4f4;
border:1px solid #ccc;
}

/* GLOSSAIRE
-----------------------------------------------------*/

#glossaire_ordre_alpha {
border:3px solid #2E6BA9;
padding:15px;
text-align:center;
font-size:14px;
background:#efefef;
}

#glossaire_recherche {
padding:5px;
background:#f4f4f4;
}
#glossaire_recherche h2 {
margin:0;
background:url(fond_h2_accueil.png) bottom left repeat-x;
font-size:18px;
color:#
}

#glossaire_sujets,#glossaire_themes  {
padding:5px;
border:3px solid #ccc;
margin:15px 0px 15px 0px;
}
#glossaire_sujets h2 {
padding:0 3px;
margin:0 0 10px 0;
background:url(fond_h2_accueil.png) bottom left repeat-x;
color:#333
}

#glossaire_themes h2 {
padding:0 3px;
margin:0 0 10px 0;
background:url(fond_h2_accueil.png) bottom left repeat-x;
color:#333
}

#glossaire_themes p, #glossaire_sujets p {
padding:2px 10px;
margin:2px 0;
background:#f5f5f5;
}


#glossaire_themes a:hover, #glossaire_sujets a:hover, #glossaire_ordre_alpha a:hover {
text-decoration:underline;
}

#liste_fiches {padding-right:10px}

#liste_fiches h2 {color:#333;margin-top:0}

#liste_fiches a{
padding:0 10px;
font-size:13px;

}


/* BOUTIQUE
-----------------------------------------------------*/

#boutique-panier{margin-left:40px;padding:10px;background:#333;width:250px; border:1px solid #888;color:#fff;font-size:14px;}
#boutique-panier h3{margin:0 0 10px 0;font-size:16px;}

#boutique-panier a{margin:0 0 10px 0;font-size:16px;color:#fff;}



.panier_tbl_list {height:35px;}

.prix_webinaire {
font-size:14px;
color:#333;
font-weight:bold;
}

.prix{color:#cc0000;font-size:20px;}
#commentaires {padding:0px 25px 25px 25px;border:1px solid #ccc;width:auto}

/* FORM INSCR
------------------------------------------------------*/

form#frm_inscr {
width:485px;
background:#fbfbfb;
border:1px solid #ccc;
padding-left:15px;
}

/*LIGHTBOX
-----------------------------------------------------*/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; 	z-index: 10;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;background: url(/images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right;background: url(/images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#glossaire_home{
border:1px solid #2E6BA9;
padding:10px;
margin:15px 2px 0 2px}

#glossaire_home a{
font-size:14px;}

.bground_0{color:#000}

.bground_0{color:#999}

#glossaire_home h2{
color:#fff;
font-size:12px;
background:#000;
padding:2px;
font-weight:bold;
background: #2E6BA9 url(bg_topnav2.gif);}

#glossaire_rappel{
border-top:1px dashed #ccc;
padding:10px;
margin-top:15px;
background:url(fond_h2_accueil.png) bottom left repeat-x;}

#glossaire_rappel a{
font-size:14px;}



#glossaire_rappel h2{
color:#fff;
font-size:12px;
background:#000;
padding:2px;
font-weight:bold;
background: #2E6BA9 url(bg_topnav2.gif);
margin:0 -10px 15px -10px;}


.lien_important
{
color:#FF0000;
}

.lien_important:hover
{
color:#FF0000;
text-decoration:underline;
}

#reseau {
clear:both;
background:#1d5fa2;
margin:15px 0;
font-size:10px;
}

.faq {border:2px solid #000}

#LEFTBOX div#intro_left {
background:url(fond_left.jpeg) top left no-repeat;
color:#fff;
margin-top:10px;
padding:10px 12px 20px 10px;
}
#intro_left h2{
color:#fff;
font-weight:normal;margin-top:0;

}

.activation{

padding:15px 12px 20px 120px;
border:5px solid #1d5fa2;
margin:0;
margin-top:15px ;


}

#home h2 {margin-bottom:0;}

.bloc {
border:1px solid #ccc;
padding:15px;
margin-bottom:15px;
}

.bloc h2{
margin-top:0;
background:#eee;
padding:3px;

}

#CONTENT h2.trigger {background:url(down.jpg) top right no-repeat;display:block;}

p#reseau {margin:0;padding:5px 0;background:#333;text-align:center;color:#fff;border-bottom:2px solid #999;font-size:12px;}
p#reseau a{font-weight:bold;}