/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: /*#0196DA;*/#066EA1;
	/*margin: 1.5em;*/
	text-align: center;
	/*font-size: 1em;*/
	font-size: 11px;
	color: #333;
	margin:0;padding:0;
}
/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #066EA1; }
a:hover { text-decoration: underline;color: #066EA1; }

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; }
ul, ol { 
	list-style:none outside none; margin:0; padding:0; 
}
.nav li {
	position:relative; float:left; width:108px; text-align:center; padding:3px 0 0 0; z-index:2;
}
.nav a {
	color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; display:block; height:19px; padding:1px 0 0 0;
}
.nav .on a {
	background:#0B6089;
}
.nav a:hover {
	background:#0B6089;
	text-decoration: underline;color:#F8B50C; 
}
.nav ol {
	width:142px; margin:21px 0 0 0; padding:18px 0 6px 0; background:#0B6089; 
}
.nav ol li {
	float:none; text-align:left; display:block; width:142px; padding:0 0 5px 0;
}
.nav ol a, .nav ol .on {
	font-size:13px; font-weight:normal; 
	padding:1px 7px 2px 11px!important; padding:2px 7px 1px 11px; 
	height:auto!important; height:17px
}
.nav .on ol a {
	background:none;
}
.nav ol a:hover, .nav ol .snavOn {
	background:#066EA1;text-decoration: underline;color:#F8B50C; 
}
.nav li ol li .snavOn {
	background:#066EA1;
}
#navTop ol li.sub a{
	padding-left:25px !important; 
/*	padding-left:25px !important; background:url(../../images/puces/sub.gif) no-repeat 10px 3px;*/
}
#navTop ol li.sub a:hover, #navTop ol li.sub a.snavOn{
	padding-left:25px !important; background:url(../../IMG/puces/sub.gif) no-repeat 10px 3px #BABD00;
	text-decoration: underline;color:#F8B50C; 
}
#navTop {
	padding:0 0 0 0px; background:#066EA1;height:25px; z-index:2;
}
#navTop ol {
	position:absolute; top:2px; left:0; display:none;
}
.quicklink a{padding: 5px 5px 5px 30px;display:block;color:#FFF;width:180px;text-align: left;font-weight: bold;
background:url(../../IMG/puces/fleche.gif) no-repeat 10px 9px #148FCF; /*#066EA1; */ }
.quicklink a:hover{ text-decoration: underline;color:#F8B50C; }
a.link {padding: 5px 5px 5px 30px;display:block;color:#FFF;text-align: left;font-weight: bold;
background:url(../../IMG/puces/fleche.gif) no-repeat 10px 9px #148FCF; /*#066EA1; */  }
a:hover.link { text-decoration: underline;color:#F8B50C; }
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	/*width: 48em;*/
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
}

#conteneur { width: 100%;float: left; 
padding: 0px 0 0 0px;
}

#conteneur #contenu {
	float: left;
	width:  860px;
	/*width: 40em;*/
	/*margin: 0px 0 0 10px;*/
}

#conteneur  #banniere {
float: right;
}
#conteneur #navigation {
	float: right;
	width: 12em;
	text-align: center;
}

#fnclcc, #dss, #fnchru, #unhpc{position:absolute;}
#fnclcc{top:14px;left:826px;}
#dss{top:80px;left:827px;}
#fnchru{top:16px;left:914px;}
#unhpc{top:76px;left:901px;}

/* Entete */
#entete {/*background: #0196DA;#066EA1;*/
position:relative;
	width: 980px;
	/*border-bottom: 1px solid #333; */}

#entete a { text-decoration: none; }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: /*2px;*/0px;
	text-align: center; }
#pied small { font-size: 10px; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation {
	font-family: Arial,Verdana, Tahoma, sans-serif; }

/* Typo pour le contenu */
#contenu {
	/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
	font-family:  Arial,Verdana, Tahoma, sans-serif;
	}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */
/* ----- Menu ------ */
#navi {background: /*#0196DA;*/#066EA1;width:980px;height:25px;margin:0 0 0 0px;padding:0 0 0 0;
}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */
/*  ------------------------------------------
/*  Page d'accueil
/*  ------------------------------------------ */
#contenu li{margin:0 0 1.1em 42px;font-size:12px;list-style-image:url('images/puce-bleu.gif');}

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }
.simplelien {
	font-weight: bold; 
	color: #066EA1;
	}
.texte { color: #000; font-size: 0.96em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}
.fleft {
	float:left;
}
.clear { 
	clear:both; font-size:1px;
}
.sstitre {
font-size: 14px;
font-weight: bold;
color: #0196DA;
margin:0 0 0 10px ;
}
.sstitrevideo {
font-size: 12px;
font-weight: bold;
color: #0196DA;

}
.titrefondbleu {
height:40px;
background: #148FCF;
width:100%;
}
.titrerubrique {
height:40px;
background: #148FCF;
width:200px;
margin:0 0 0 20px ;
}
#programme, #comite,#presentations  {
	float:left;
	padding:13px 18px 0 22px;width:350px;	
}
#videos  {
	float:left;
	padding:13px 18px 0 22px;
}
#videos #col1, #videos #col2 {
	float:left;
	WIDTH: 400px;
	margin: 5px 5px 0 5px;
	/*padding:13px 0px 5px 10px;*/
	
}
#programme #contenuprog{
	/*BORDER-RIGHT:  1px solid/*double; */
	/*BORDER-TOP:  1px solid/*double; */
	/*BORDER-LEFT: 1px solid double; */	
	/*BORDER-BOTTOM:  1px solid double; */
	BORDER:  1px solid ;
	/*OVERFLOW: auto; */
	/*WIDTH: 350px;  */
	/*HEIGHT: 300px;*/
	padding:13px 18px 0 22px;	
}
#programme .titre{
font-size: 12px;
	font-weight: bold;
	color: #0272AA;
}
#programme .jour{
font-size: 14px;
font-weight: bold;
color: #0196DA;
 border-bottom:1px solid #0196DA; 
 text-align:left;

 margin:0 0 20px 0;
}
#programme .horaire{
font-size: 14px;
font-weight: bold;
color: #0196DA;
display:inline;
 margin:0 20px 0  0;
}
#programme .lieu{
font-size: 12px;
color: #000000;
}
#programme .titre{
font-size: 14px;
font-weight: bold;
color: #EAB243;
 margin:20px 0 20px 0;
}
#programme .contenusession{
font-size: 10px;
color: #000000;
}
#programme .fonction{
font-size: 10px;
color: #000000;
font-style:italic;
}
#programme .note{
font-size: 9px;
color: #000000;
font-style:italic;
 margin:0 0 20px 0;
}
#programme  li.atelier{
font-size: 12px;
font-weight: bold;
color: #0196DA;
font-style:italic;
list-style-image:url('images/puce-bleu.gif');
}
#programme .etablissement{
font-size: 10px;
color: #000000;
font-style:italic;
}
#programme .partenariat{
font-size: 12px;
font-weight: bold;
font-style:italic;
color: #0196DA;
 margin:10px 0 10px 0;
}

#presentations #contenupres{
	/*BORDER-RIGHT:  1px solid/*double; */
	/*BORDER-TOP:  1px solid/*double; */
	/*BORDER-LEFT: 1px solid double; */	
	/*BORDER-BOTTOM:  1px solid double; */
	BORDER:  1px solid ;
	/*OVERFLOW: auto; */
	/*WIDTH: 350px;  */
	/*HEIGHT: 300px;*/
	padding:13px 18px 0 22px;	
}
#presentations .titre{
font-size: 12px;
	font-weight: bold;
	color: #0272AA;
}
#presentations .jour{
font-size: 14px;
font-weight: bold;
color: #0196DA;
 border-bottom:1px solid #0196DA; 
 text-align:left;

 margin:0 0 20px 0;
}
#presentations .horaire{
font-size: 14px;
font-weight: bold;
color: #0196DA;
display:inline;
 margin:0 20px 0  0;
}
#presentations .lieu{
font-size: 12px;
color: #000000;
}
#presentations .titre{
font-size: 14px;
font-weight: bold;
color: #EAB243;
 margin:20px 0 20px 0;
}
#presentations .contenusession{
font-size: 10px;
color: #000000;
}
#presentations .fonction{
font-size: 10px;
color: #000000;
font-style:italic;
}
#presentations .note{
font-size: 9px;
color: #000000;
font-style:italic;
 margin:0 0 20px 0;
}
#presentations  li.atelier{
font-size: 12px;
font-weight: bold;
color: #0196DA;
font-style:italic;
list-style-image:url('images/puce-bleu.gif');
}
#presentations .etablissement{
font-size: 10px;
color: #000000;
font-style:italic;
}
#presentations .partenariat{
font-size: 12px;
font-weight: bold;
font-style:italic;
color: #0196DA;
 margin:10px 0 10px 0;
}
#comite #contenucomite{
	BORDER:  1px solid ;
	/*OVERFLOW: auto; */
	/*WIDTH: 350px;  */
	/*HEIGHT: 300px;*/
	padding:13px 18px 0 22px;
}
#comite #contenucomite  li.membre{
font-size: 12px;
/*font-style:italic;*/
list-style-image:url('images/puce-bleu.gif');
margin:10px 0 110px 0;
}
#comite #contenucomite .membre img {
 margin:0 0 0 10px;
 BORDER:  1px solid #000000;
}

#comite #contenucomite  .personne{
font-size: 12px;
font-weight: bold;
color: #0196DA;
}
.boutoninscription {
font-size: 14px;
font-weight: bold;
color: #0196DA;
text-align:center;
margin:50px 0 0 0;
border:1px solid ;
width:300px
}
.boutoninscription a,.boutoninscription a:hover{
color: #0196DA;
}
#exposantsleft{
	float:left;
}
#exposants2008{
 float:left;
	/*BORDER-RIGHT:  1px solid/*double; */
	/*BORDER-TOP:  1px solid/*double; */
	/*BORDER-LEFT: 1px solid double; */	
	/*BORDER-BOTTOM:  1px solid double; */
	 /*BORDER:  1px solid #0196DA; */
	 background: #FCF7E7;
	
	WIDTH: 500px; 
	/*HEIGHT: 150px;*/
	padding:13px 18px 10px 10px;	
	margin:0px 0 0 10px;
}
#exposants2008  li.exposant{
font-size: 12px;
/*font-style:italic;*/
list-style-image:url('images/puce-bleu.gif');
margin:10px 0 20px 0;
text-align:justify;
}
#exposants2008 .exposant img {
 margin:0 0 0 10px;
 BORDER:  1px solid #000000;
}

#exposants2008  .nomexposant{
font-size: 12px;
font-weight: bold;
color: #0196DA;
}
#encartexposant{
 float:left;
 margin:0 0 0 20px;
 padding:13px 18px 13px 22px;
 BORDER:  1px solid #0196DA;
 WIDTH: 250px; 
 background:#FCF7E7;

}
#exposants2009{
 float:left;
 margin:20px 0 0 0;
 padding:13px 18px 13px 10px;
 /*BORDER:  1px solid #0196DA;*/
 WIDTH: 830px;
}


#exposants2009 .exposant{
font-size: 12px;
/*font-style:italic;*/
/*list-style-image:url('images/puce-bleu.gif');*/
margin:10px 0 20px 0;
text-align:justify;
}
#exposants2009 .exposant img {
 margin:0 0 0 10px;
 padding:5px 5px 5px 5px;
 BORDER:  1px solid #000000;
}
#exposants2009  .nomexposant{
font-size: 12px;
font-weight: bold;
color: #0196DA;
}
#exposants2009 #col1, #exposants2009 #col2,#exposants2009 #col3, #exposants2009 #col4  {
	float:left;
	WIDTH: 350px;
	margin: 20px 10px 0 10px;
	padding:13px 0px 5px 10px;
	border-left:1px solid #000000;
}
#institutions {
 padding:0 18px 13px 10px;
 margin:0 0 20px 20px;
}
#institutions img{
 margin:10px 0 20px 20px;
}
#presse{
 float:left;
 /*margin:20px 0 0 0;*/
 padding:0px 18px 13px 10px;
 /*BORDER:  1px solid #0196DA;*/
 WIDTH: 890px;
}

#presse #col1, #presse #col2 {
	float:left;
	WIDTH: 400px;
	margin: 20px 10px 0 10px;
	padding:13px 0px 5px 10px;
	/*border-left:1px solid #000000;*/
}
#galerie{
	margin:10px 0px 0px 50px;
}
#galerie h2{
font-size: 12px;
font-weight: bold;
color: #0196DA;
margin:10px 0px 10px 0px;
}
#ficheid {
 padding:0 18px 13px 10px;
 margin:0 30px 20px 20px;
}
.mentionsleg{
margin: 10px 30px 0 20px;
	padding:13px 0px 5px 10px;
	text-align:justify;
}
.contenutxt{
	margin:10px 0px 0px 50px;
}
 .RCFR2008 #left, .RCFR2008 #colun, .RCFR2008 #coldeux, .RCFR2008 #coltrois{
	float:left;
}
.RCFR2008 #colun .cont, .RCFR2008 #coldeux .cont, .RCFR2008 #coltrois .cont {
	padding:0 0 0 0px;
}
.RCFR2008 #colun {
	padding:0px 0px 0 0px;width:480px;
}
.RCFR2008 #coldeux {
	/*padding:15px 0 0 0;*/padding:0px 0px 0 15px!important;padding:0px 0px 0 0px;width:210px;
}
.RCFR2008 #coltrois {
	padding:0px 0px 0 0px!important;padding:0px 0px 0 0px;width:375px; 
}

.RCFR2008 #boxVideo {
float:left;
	margin:0px 0 20px 0px!important;margin:0px 0 20px 0px; /*border:1px solid #0196DA;*/padding:5px 10px 10px 5px; background:#FCF7E7;
}
.RCFR2008 #boxEditionSpe {
float:left;
	margin:0px 0 0px 20px!important;margin:0px 0 0 20px;border:1px solid #0196DA;padding:5px 10px 10px 5px; background:#FCF7E7;
}
.RCFR2008 #chiffres {
float:left;
	width:450px; margin:0px 0 0px 20px!important;margin:0px 0 0 20px;
	/*border:1px solid #0196DA;padding:5px 10px 10px 5px; background:#FCF7E7;*/
}
.txtbleugras {
font-weight: bold;
color: #0196DA;
display: inline}
#moyensTransport .logos {

	position:relative;

}

#moyensTransport .logos img {

	position:absolute; top:0; right:30px;

}
#bourse_cancero li{
margin: 0 0 1.1em 42px;
font-size: 12px;
list-style-image: url('images/puce_verte.png');
}
