/*RESET*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,form { 
	margin:0;
	padding:0;
}
option {}
option.level0{font-size:110%;font-weight:bold;}
option.level1{font-variant:small-caps;font-weight:bold;padding-left:5px;}
option.level2{padding-left:13px;font-size:90%;}
option.level3{padding-left:13px;font-size:90%;}
img {padding-right:5px;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {vertical-align:top}
fieldset,img { 
	border:0;
}
.previsu legend {margin-top:10px;font-size:1.5em;color:#690102;margin-bottom:20px;}

.previsu {background:#F08080;padding:10px;border:1px solid red;}
.previsu ul {color:black;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;

}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.bold {font-weight:bold}

.content #colloque p {margin:5px 0 10px 0;}
.content strong {font-weight:bold}
/**********DEBUT************/

/*****PREACCUEIL******/
.titre_partenaire {text-align:center;color:#C0C0C0;font-variant:small-caps;font-weight:bold;}
.preaccueil {padding:15px 15px 0px 15px;border:1px solid #C0C0C0;margin-bottom: 1em;}
/*POSITIONNEMENT page SOMMAIRE*/
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
h5 a{margin-bottom:15px;width:80%;padding-top:10px;}
#PAGE {
font:110% Arial,sans-serif;
margin-left: auto;
margin-right: auto;
width:896px;
text-align: left;
background:url(../IMG/skin/bandeau.png) no-repeat right top;
}
#PAGE-acc {
font:110% Arial,sans-serif;
margin-left: auto;
margin-right: auto;
width:896px;
text-align: left;
background:url(../IMG/skin/bandeau-acc.png) no-repeat right top;
}

#LEFT {float:left;width:240px}


#RIGHT {float:right;}
#LANG {padding-top:20px;font-size:0.8em}

#ENTETE {margin:0;width:896px;}
.logo-acc {width:150px;float:left;display:block;margin-left:45px;margin-top:15px;}
#ENTETE .bandeau {display:block;padding-top:20px;}
#CORPS-rub {clear:left;}
#CORPS {clear:both;}
/*SOMMAIRE*/
#INSTITUT {margin:40px 0 0 20px;width:220px;float:left;/*background: url(../IMG/arrondi-institut-haut.gif) no-repeat left top*/}

#INSTITUT .titre-institut {margin-top:10px;background-color:#690102;padding:5px;}

#INSTITUT .institut {text-transform:uppercase;}

.titrem {display:block;margin-top:10px;background:#690102;padding:5px 5px 5px 10px;font-weight:bold;}
.titrem a {color:white;}
.cadre_padding  li {text-transform:none;background:#690102;margin-bottom:10px;padding:0px 5px 5px 10px;}
.cadre_padding li a {color:white;}

.blocreplie{display:none;}
.blocdeplie{display:block;}

#INSTITUT #LI_PARTENAIRES {padding:0;margin:0;background:none;}

#INSTITUT #GALERIE {margin-top:10px;/*background:url(../IMG/arrondi-institut-haut.gif) no-repeat left top;*/text-transform:none;}
#INSTITUT #GALERIE .galerie {min-height:240px;position:relative;color:#ffffff;top:10px;padding:5px 0 0px 20px;background-color:#690102;}

ul#news li {margin:0;padding:5px 0 0 0;font-size:80%;width:80%}


#projet li{background:#ffffff;width:180px;margin:0 0 7px 0;padding:0;}
#projet li a{color:#6C4B44;}

#INSTITUT h3 {color:#690102;font-size:110%;font-weight:bold;margin-bottom:5px;}
.blocaccueil {width:220px;float:left;margin-top:30px;padding:15px 5px 15px 15px;background:url(../IMG/bloc-accueil.gif) no-repeat left top;}


#ACTU {width:255px;float:left;}

#ACTU .titre-actu {background-color:#A91B0D;color:white;padding:5px}
#ACTU .actu {padding:10px;background:#f0d7c8;font-size:110%}
#ACTU .bloc-actu {padding-bottom:5px;}
#ACTU a.publi {margin-top:10px;padding-left:15px;float:right;height:14px;line-height:14px;display:block;background:url(../IMG/skin/publications.png) no-repeat top left;font-size:1.2em;}
#NEWS {margin-top:20px;}
#NEWS ul li {}
#ACTU .rss {float:left;}
.titre-sommaire {font-size:85%;font-weight:bold;}
.soustitre-sommaire {font-size:77%;}
#ACTU small {text-align:justify;color:black;font-size:77%;}
.agenda {width:200px;padding-left:15px;list-style-image:url(../IMG/picto-agenda.png);} 
.agenda li {margin-bottom:13px;}
#ACTU #NEWSLETTER {position:relative;margin-left:10px;width:214px;margin-top:25px;color:#ffffff;background:url(../IMG/arrondi-haut-newsletter.gif) no-repeat left top}

#ACTU #NEWSLETTER small{color:white;}
#ACTU .newsletter {position:relative;top:15px;padding:0 15px 15px 15px;background-color:#A91B0D;}
.forml {width:130px;}
#ACTU .dng {margin-top:25px;font-size:80%;display:block;height:38px;line-height:38px;text-align: center;background:url(../IMG/cadre-dng.png) no-repeat left top;color:#A91B0D;}
.soustitre-sommaire p {float:left} 


#RESSOURCE {width:317px;float:left;margin-left:20px;}
#RESSOURCE .titre-ressource {background-color:#C23E00;padding:5px}

/******************MISE EN FORME FORMULAIRES*******************/


#RESSOURCE legend {color:#C23E00;font-size:100%;font-weight:bold;margin:0;padding:0;}
#RESSOURCE input.text{
margin: 0; 
padding: 0;
width:220px;
height:18px;
border:0;
background-color:#FFFFF0;
color:#2F4F4F;
float:left;
}
#RESSOURCE input.text:focus {background-color: #FFF; }
#RESSOURCE .ressource {padding:10px 10px 0 10px;background:#f6e2d9;font-size:110%}
.thema {list-style-image:url(../IMG/picto-agenda.png);} 
.thema li {margin-top:10px;list-style:none;font-size:1.1em;}
.thema li a {font-size:1.1em;color:#A91B0D;}

.thema {list-style-image:url(../IMG/picto-agenda.png);} 
.thema-acc li {}
.thema-acc li a {display:block;font-size:0.9em;padding:7px;color:#A91B0D;border-bottom:1px dotted #C0C0C0;}
.thema-acc li a:hover {background:#C0C0C0;color:#fff;text-decoration:none;}

.liste-part li {margin-top:10px;list-style:none;padding-bottom:4px;border-bottom:1px solid #666666;}
#RESSOURCE #RECHERCHE {padding:0 10px 10px 10px;background:#f6e2d9;}
.titre-recherche {float:left;margin-bottom:2px;font-size:110%;padding-right:0;}
#RESSOURCE #RECHERCHE .form-recherche {margin-top:10px;float:left;width:250px;}
/*#RESSOURCE #RECHERCHE .form-recherche_champ {margin:5px 0 0 0;padding:0;width:250px;height:18px;border:1px solid #d3d3d3;}*/

.form-recherche-submit {margin-left:4px;vertical-align: middle;}
#RESSOURCE #RECHERCHE a{margin-top:7px;float:right;color:#f6e2d9;text-decoration:none;}

#RESSOURCE #GEO {height:120px;background:#cfc3bd;}
#RESSOURCE #GEO .titre-geo{padding:15px 10px 10px 10px;font-size:125%;color:#C23E00;float:left;}
#RESSOURCE #GEO .carte-geo{float:right;}
#RESSOURCE #GEO img {margin:0;padding:0;}

#RESSOURCE #ECHELLE {height:150px;background:#f6e2d9;}
#RESSOURCE #ECHELLE .titre-echelle{font-size:125%;color:#C23E00;width:80px;padding:15px 10px 10px 10px;float:left;}
#RESSOURCE #ECHELLE .niveau-echelle{margin-top:10px;width:170px;float:right; border-bottom:1px solid #C23E00;}

#RESSOURCE #ECHELLE .niveau-echelle a{display:block;letter-spacing:1px;font-size:105%;color:#C23E00;border-top:1px solid #C23E00;height:20px;line-height:20px;}
/*FIN SOMMAIRE*/

/*RUBRIQUES*/

#MENU-GAL-RUBRIQUE {margin-top:25px;width:215px;float:left;}

#MENU-GAL-RUBRIQUE ul {color:#ffffff;
font-size:1.2em;
padding:0;margin:0}
#MENU-GAL-RUBRIQUE ul li {font-size:2em;text-indent:20px;margin:0;padding:0}
#MENU-GAL-RUBRIQUE ul li ul {margin:0;padding:0;}
#MENU-GAL-RUBRIQUE ul li ul li  {
border-bottom:1px solid #A91B0D;font-size:13px;width:195px;
}
#MENU-GAL-RUBRIQUE ul li ul li  a {display:block;width:195px;height:13px;line-height:13px;color:#A91B0D;padding:3px 0 3px 0px;
margin:0;}
#MENU-GAL-RUBRIQUE ul li ul li  a:visited {color:#A91B0D}
#MENU-GAL-RUBRIQUE ul li ul li  a:hover {background:#d3d3d3;text-decoration:none;}
#MENU-GAL-RUBRIQUE ul li ul li  a:active {}

#MENU-GAL-RUBRIQUE p {
width:209px;
height:26px;
line-height:26px;
padding:0 0 0 10px;
color:#ffffff;
font-size:1.4em;}

#MENU-GAL-RUBRIQUE select,
#MENU-GAL-RUBRIQUE input.text {
vertical-align:middle;
padding: .2em .2em .2em .2em;
border: 1px solid #C0C0C0;
width:140px;font-size:0.85em;
color: #999;
}
#MENU-GAL-RUBRIQUE input.text {color:#3F3F3F}
#MENU-GAL-RUBRIQUE form p {margin-top:6px;width:165px;padding-left:0;font-size:0.90em}


#MENU-INSTITUT  {
background:url(../IMG/skin/titre-institut.png) no-repeat left top !important;}
#MENU-ACTU  {
margin-top:10px;background:url(../IMG/skin/titre-actu.png) no-repeat left top;}
#MENU-RESSOURCE  {margin-top:10px;
background:url(../IMG/skin/titre-ressource.png) no-repeat left top;}


#MENU-RESSOURCE img {margin:0;padding:0;}
.RECHERCHE-RUBRIQUE {margin-top:20px;clear:left;color:#C23E00;padding-top:20px;background:url(../IMG/rubrique-rechercher.png) no-repeat left top;}
.RECHERCHE-RUBRIQUE .form-recherche_champ_rub {width:135px;padding: .5em;vertical-align:middle;border:1px solid #d3d3d3;}

.RECHERCHE-RUBRIQUE a {color:#C23E00;}

#CONTENU-RUBRIQUE {float:right;line-height:1.3em;width:640px;margin-top:25px;padding-right:20px;}
#CONTENU-RUBRIQUE #PICTO {width:80px;float:left;}

.content {margin-left:90px;line-height:1.4em;text-align:justify;}

.content h2 {font-size:1.6em;color:#A91B0D;text-align:left;text-transform:uppercase;margin-bottom:15px;}

.soustitrearticle {font-style:italic;font-size:120%}
.texte-rubrique {font-size:1em;width:500px;}

.bloc-rubrique {margin-top:25px;background:#ece1cb;width:550px;padding:10px;font-size:1.1em;}

.menu-contextuel {padding-top:25px;float:left;}
#CONTENU-RUBRIQUE h3 {font-size:1.7em;color:#A91B0D;padding-bottom:5px;line-height:120%;margin:1em 0 1em 0;border-bottom:5px solid #D3D3D3;}

#PIED {clear:both;color:#000800;padding:50px 10px 10px 0;}

/*TYPO*/
body{color:#4C4C4C;font:67.5% arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif}

h2{font-size:3em;}
h4 {font-size:1.1em;font-weight:bold;color:#A91B0D;}
h1 {}
h2 {color:#ffffff;font:160% "Arial Narrow",sans-serif;font-weight:bold;}


#ACTU h3 {margin-bottom:3px;color:#A91B0D;font-size:110%;font-weight:bold;}

#RESSOURCE h3 {color:#C23E00;font-size:110%;font-weight:bold;}

h4 {}

h5 {font-size:90%;font-weight:bold;margin-top:8px;}

h6 {}

/** Liens **/

a{text-decoration:none;color:#6C4B44}
a:hover{text-decoration:underline}
/*a:visited{color:#677F67}*/
.on { font-weight: bold;background:#d3d3d3 !important;} /* liens exposes */
li.icon-dossier {list-style-type:none;}
li.icon-dossier a{display:block;background:url(../IMG/skin/icons-wip-button.png) no-repeat;padding-left:32px;height:27px;width:130px;line-height:27px;color:white;font-weight:bold;font-size:110%}

li.icon-soumettre a{display:block;float:left;background:url(../IMG/skin/icons-document-button.png) no-repeat;padding-left:8px;height:56px;width:160px;line-height:56px;
color:#ffffff !important;font-weight:bold;font-size:97%;letter-spacing:-1px;}

#voiraussi1 {font-size:1.1em;font-weight:bold;font-variant:small-caps;padding-right: 10px;padding-bottom: 15px; margin-top: 20px; PADDING-LEFT: 20px;float:left;width:140px;text-align:left;color:#777777;	height:150px;padding:15px;background-image:url(../IMG/voiraussi.png);background-repeat:no-repeat;}
#voiraussi2 {margin-top:20px;width:350px;float:left;}
#voiraussi2 ul {padding:0px;}
#voiraussi2 li {list-style-image:url(../IMG/fleche_noir.png);padding-top:5px;font-size:12px !important;}

#voiraussi2 li a:hover {text-decoration:underline;} 
.Autres_fiches_Lien_encour {font-weight:bold;font-size:0.89em}
.Autres_fiches_Lien {font-weight:normal;font-size:0.88em}

#cc {clear: both; border-top: 1px solid #ddd; padding-top:20px; text-align: left;}

 #cc p { margin-top: 0; padding-top: 0 !important; } 
#cc img { float: left; margin-right: 10px; }
 .date {background-color: #866559;
color: white;
width:25%;padding:4px;margin-bottom:5px;}


.nettoyeur {clear:both;}



#CARTE .titrem {border:0;background:none;}
.zone {position:absolute;top:120px;left:390px;width:200px;}
.zone p {color:#690102;font-size:1.4em;}
.bloc p {color:#690102;font-size:1.4em;margin-left:0 !important;}


#PARTENAIRES ul {width:400px;}
#PARTENAIRES .cadre_padding  ul li {background:none;border-bottom:1px solid #3f3f3f;color:#3f3f3f;margin:0 0 10px 0;padding:0 0 5px 0;}
#PARTENAIRES .cadre_padding ul p {font-size:130%;color:#690102}



.replier {background-image:url(http://www.institut-gouvernance.org/IMG/special/deplierhaut.gif);}
.deplier {background-image:url(http://www.institut-gouvernance.org/IMG/special/deplierbas.gif);} 


a.triangle {font-size:1.1em;color:#A91B0D;display:block;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
a.triangle:hover {text-decoration:none;}


/*DIAPORAMA*/
#parent1{
}
.parent1-fr {background-image: url(../IMG/skin/BROCHURE_web_fr.png);background-repeat:no-repeat;}
.parent1-en {background-image: url(../IMG/skin/BROCHURE_web_en.png);}
.parent1-es {background-image: url(../IMG/skin/BROCHURE_web_es.png);}
#parent1 li{
padding: 80px 0px 0px 40px;
color: #000000;
font-size:0.81em;
line-height:1.2em;

}
#parent1 li p {margin:4px 0 0 4px;padding:0}
#parent1-menu a.wactive{
				padding: 0px 2px;
				background: #000000;
				color: #eeeeee;
			}
			#parent1-menu a{
				padding: 0px 2px;
				background: #eeeeee;
				color: red;
			}
			#parent1-menu a:hover{
				padding: 0px 2px;
				background: #000000;
				color: red;
			}
.Map {background:url(../IMG/special/carte-irg.png) no-repeat; 
	width:400px; 
	height:226px; 
}

.telecharger {clear:left;background:url(../IMG/skin/bouton-pure.png) no-repeat left top;padding-left:30px;height:37px;width:426px;line-height:37px;display:block;color:#DF1000;font-size:80% !important; }
.telecharger_base {clear:left;background:url(../IMG/skin/telecharger_base.png) no-repeat left top;padding-left:25px;line-height:15px;height:15px;display:block;font-size:90% !important; }
.imprimer {height:17px;line-height:17px;}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border: 1px dotted #DF1000;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.95em;
	background-color: #F5F5DC;
width:250px;
}


a.tooltip:hover {text-decoration:none;}

/*MOTEUR*/
.p_RCHF_Classe {margin-bottom:10px;font-size:1.3em;font-weight:bold;border-bottom:4px solid #D3D3D3;} 


.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px dotted #DF1000;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.9em;
	background-color: #F5F5DC;
width:250px;
}



/* ZONE FILM */
.titreFilm {font-weight:bold;}
#zoneFilm .clear {
   clear:both;height:0;
}

#zoneFilm {
}

#zoneFilm a {
   text-decoration:none;
}


#zoneFilm .even {
   position:relative;top:0;left:0;margin-right:10px;

}
#zoneFilm img {margin:0;padding:0;height:96px;width:120px;}
#zoneFilm a {
   font-size:12px;
   font-weight:normal;
   line-height:15px;
   display:block;
   
   /*padding:6px 8px;*/
   position:absolute;
   top:0px;
   background:#fff;
}


/*  rollover behavior  */

#zoneFilm .description {
   display:none;
}
#zoneFilm .imageTextBlock a:hover .description {

   background:#404040;
   color:#fff;
   padding:12px 8px 0px 8px;
   font-size:12px;
   font-weight:bold;
   letter-spacing:0px;
   top:0px;
   position:absolute;
top:0;
   z-index:100;
   cursor: pointer;
   display:block;
   height:120px;
}


/*  imageTextBlock  */

#zoneFilm .imageTextBlock {
   width:120px;
   height:130px;
float:left;
border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #ccc;
}

#zoneFilm .imageTextBlock a:hover  {
   padding:0px;
}
.titreUne {padding-left:10px;padding-right:5px;}

/*style associés au bouton + mot clé*/
#motcle_global {margin-top:3px;clear:left;}
#plusmotcle {padding-left:20px;padding-top:5px;clear:left;background:#f1e9e5;border-right:1px solid #A91B0D;border-left:1px solid #A91B0D;width:182px;}
#bouton {text-decoration:none;float:left;display:block;width:20px;height:16px;}
#bouton:hover {text-decoration:none;}
.add {background:url(http://www.institut-gouvernance.org/IMG/add.png) no-repeat left;}
.delete {background:url(http://www.institut-gouvernance.org/IMG/delete.png) no-repeat left;}

#plusmotcle #titremot{float:left;display:none;height:15px;line-height:15px;}
#mot {margin:0;padding:0;display:none;clear:left;}
/********/



.multimedia {font-weight:bold;font-size:110%;}
/*recherche*/
/*input.text{width:140px;vertical-align:middle;padding:0.2em;font-size:90%}*/
.formInfo a, .formInfo a:active, forminfo a:visited
{color: #ffffff;
}
.formInfo {float:none;}
/*Formulaire contact*/
#formulaire_contact li {margin-top:10px;text-align:left;}
.erreur_message {color:#DF1000;}
.submit {color:#ffffff;background:#690102;padding:5px;}

.focusField{
    	border:solid 2px #FF4500;
    	background:#EEE8AA;
    	color:#000;
    }
    .idleField{
    	background:#FFF8DC;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }		

.blocreplie .spip_logos {border:1px solid black;margin-left:10px;padding-right:0px !important;}
.blocreplie p {margin-top:25px;margin-left:16px;width:350px;}

ul.spip {width:350px;margin-left:16px;}
ul.spip li {margin-left:20px;list-style-type:square;}
ul.spip li ul li{margin-left:20px;list-style-type:circle;}
/*ombre portée*/

.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(../IMG/skin/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../IMG/skin/shadow.gif) no-repeat bottom right;
margin-right:10px;
margin-top:10px;
  margin-left:6px;
margin-bottom:0;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
padding: 4px;
  }