@import url(axe.css);
@import url(style.css);

/**a intégrer dans style**/
#PAGE {background:none}

#CORPS  {
    min-height: 850px;
}


#test { min-height: 850px; }
/******/

#ACTU {width:510px;margin-left:15px;float:left;}
h2{font-size:1.9em;padding-top:0.4em;padding-bottom:0.4em}
h3 {margin-bottom:3px;padding-bottom:0.4em}

#ACTU h2 {border-bottom:1px solid #a91b0d;color:#a91b0d;}
#ACTU h3 {font-size:1.9em;color:#A91B0D;border-bottom:1px solid #a91b0d;}
#ACTU h4 {border-bottom:1px dotted #a91b0d;font-size:1.3em;margin-top:0.5em;font-variant:small-caps}
.jquery {display:none;text-align:right;float:right;font-size:0.79em}

h5 {margin-top:1em;padding-left:0.35em;font-size:0.9em}
h6 {border-bottom:1px solid #3F3F3F;font-size:1em;}
#ACTU #publication {background:##F8F8FF;padding:15px 10px 0px 10px;border:1px solid #DCDCDC;border-top:1px solid #A9A9A9;margin-bottom:25px;}

#ACTU #publication #slider .textSlide{padding:15px 15px 15px 0;}
#ACTU #publication #slider div {margin:0;padding:0}
#ACTU  div.anythingSlider {padding-left:0;margin-bottom:10px}
#ACTU  div.anythingSlider .anythingWindow {
	border-top: 2px solid #8B0000;
	border-bottom: 2px solid #8B0000;
}
#ACTU div.anythingSlider.activeSlider .thumbNav a.cur {
    background-color: #8B0000;color:#fff;
}
#ACTU div.anythingSlider.activeSlider .thumbNav a {background-color: #dddddd;}





#ACTU #publication a{font-size:1.1em;}
#ACTU #publication a.titre{font-size:1.8em;font-family: Geneva,Arial,Helvetica,sans-serif;}
#ACTU #publication h3{margin-bottom:0px;border:0;font-size:1.9em;color:#8B0000;font-variant:small-caps;}

.soustitre-sommaire {display:inline-block;padding-bottom:0.3em}
.unesite {font-size:110%}
#ACTU #publication ul#news {padding-top:4px;}
#ACTU #publication ul#news li {position:relative;z-index:5;display: inline-block;margin-bottom:25px;}
#ACTU .bloc_texte {width:325px;float:left;}
#ACTU  .Li p a{font-size:1.2em;width:85%;font-family: Geneva,Arial,Helvetica,sans-serif;}
#ACTU .content #agenda #colloque ul li h4 {width:84%;font-family: Geneva,Arial,Helvetica,sans-serif;}
#colloque  p {font-size:1.1em;margin:5px 0 10px 0;}
#ACTU .content {width:510px}
#descriptif {margin-bottom:10px;line-height:1.25em;font-size:1.1em;text-align:right;font-style:italic;margin-right:200px;margin-left:210px;font-family: Geneva,Arial,Helvetica,sans-serif;}
#descriptif p {margin-bottom:5px;}
#RESSOURCE {float:right;width:255px;margin-right:30px;}
#RESSOURCE section {padding-bottom:1em;margin-bottom:3.8em;}
#RESSOURCE h2 {border-top:1px solid #A9A9A9;border-bottom:2px solid #C23E00;color:#C23E00;}
#RESSOURCE h3  {margin-top:1em;font-size:1.5em;color:#C23E00;border-bottom:1px dotted #696969;padding-bottom:0.4em;}

#RESSOURCE p.legend {text-transform:uppercase;}
#RESSOURCE legend {text-transform:uppercase;}

#index form {}
#index input.text{
}

.Recherche {
position:relative;
width:80%;
float:left;
}
.avancee {
position:relative;
font-size:0.78em;
float:right;
padding-top:3px;}

#index .Recherche .formInfo{
margin:0;
}
#RESSOURCE .blocmotcle
{margin-right:2%;
padding-top:10px;
padding-bottom:0.5em;
border-top:1px dotted #A9A9A9;
border-bottom:1px dotted #A9A9A9;}

.form-recherche-submit {
    background: url("../images/loupe.png") no-repeat scroll center center #333333;
    border: 0 none;
    color: transparent;
    height: 26px;
    float:right;
    margin: 0;
    width: 27px;display:inline;vertical-align:middle}
    


#RESSOURCE li a{font-family: Geneva,Arial,Helvetica,sans-serif;display:block;border-bottom:1px dotted #C0C0C0;font-size:1.15em;padding:1em 1em 1em 0.5em;}
#RESSOURCE li a:hover{text-decoration:none;background:#F5F5F5;}
.ressource {font-size:1.15em;}

#RESSOURCE  #LISTE {
}
/*#RESSOURCE  #LISTE fieldset {
border-top:1px dotted #A9A9A9;padding-top:0.4em;padding-bottom:0.4em}
*/

#RESSOURCE  #LISTE .content_liste{
padding-bottom: 0.77em;
}

 #index fieldset{
/margin-bottom:10px;
/clear:left;
}

#centreressource {clear:both;margin-top:2em;float:left;margin-left:15px;width:785px;}
#centreressource h3 {background: url("http://www.institut-gouvernance.org/images/tab_on.jpg") repeat-x ;border-top:1px solid #a9a9a9;padding-top:0.5em;font-size:25px;color:#800000;text-transform: none;}
#centreressource h4 {font-size:115%;padding-bottom:0.2em;margin-bottom:0.4em}
#centreressource,#centreressource a {color:#3f3f3f}
#centreressource .bloc_une_soustitre {font-size:11px;line-height:12px;margin-top:0.5em}
#centreressource #dossiers,#centreressource #video {border:1px solid #C0C0C0;padding:15px 10px 10px 10px;width:200px;float:left;margin-top:1em}
#dossiers span,#video span {font-size:14px;font-weight:bold}
#centreressource #index {float:right;width:35%;margin-top:1em}
#centreressource #index h4{color:#800000;}
#centreressource 	#video {margin-left:2%}

a.bloc_une {height:189px; padding:0!important}
a.bloc_une img{float: left;border:1px solid #fff; height:189px;}
a.bloc_une:hover img{border:1px solid #800000;}

.bloc_une_texte {margin-top:0.6em;font-size:10px}
#centreressource .bloc_une_lire {text-align:center;margin-top:15px;margin-bottom:15px;margin-left:auto; margin-right:auto;}
#centreressource .bloc_une_lire a {
background:#800000;
color:#fff;
padding:5px 5px 5px 7px;
font-size:11px;
-moz-border-radius:5px;
-webkit-border-radius:5px ;
border-radius:5px;
behavior:url(../../www.institut-gouvernance.org/squelettes/js/border-radius.htc);}
/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:225px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {margin-bottom:10px;width:230px; color:#000;font-style:italic; height:19px;padding:3px 0 0 6px; float:left; background:url(http://www2.institut-gouvernance.org/css/select-bg.png) no-repeat;}

.newListSelected {margin-bottom:10px;width:230px; color:#000;font-style:italic; height:19px;padding:3px 0 0 6px; float:left; background:url(../jquery/stylish-select/select-bg-bis.png) no-repeat !important;}
#RESSOURCE ul.newList li a {padding:0.5em 0.3em; display: block;font-style:normal;}
#RESSOURCE ul.newList li a:focus {-moz-outline-style: none;}
#RESSOURCE .selectedTxt {font-size:0.85em;width:230px; overflow:hidden; height:16px; padding:0.1em 0.3em 0.1em 0.1em;}
.hiLite {background:#650101!important; color:#fff!important;}
.hiLite a {background:#650101!important; color:#fff!important;}
#RESSOURCE .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#RESSOURCE.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
#RESSOURCE .newListOptionTitle {font-weight:bold;}
#RESSOURCE .newListOptionTitle ul {margin:3px 0 0;}
#RESSOURCE .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.form_motcle select {
margin-bottom:7px;
font-size:0.9em;
margin-bottom:6px;
padding-top: 1px;
padding-bottom:1px; }

.form_motcle option {padding:1px;}



/*************REFONTE***************/

#NEWS #agenda {
    margin-top: 1em;
  }

#NEWS #newsletter {margin-top:40px;}

#Contenu-r {padding-left:25px;position:relative}

.ISIE67 #ACTU-r #publication a.programme,.ISIE67 #slides,.ISIE67 #MAP,.ISIE67 #RESSOURCE-r,.ISIE67 #centreressource-r #dossiers,.ISIE67 #centreressource-r  #video,.ISIE67 #centreressource-r  #index,.ISIE67 .parutions {display:block;float:left}

.ISIE67 #ACTU-r{clear:both}

.ISIE67 #ACTU-r #publication a.programme {width:15%}
#MAP {
	padding-left:20px;
display:table-cell;
width:460px;
border-top-width: 1px;
border-top-style:solid;
border-top-color: #990000;
  padding-top:10px
}
#MAP h2 {font-size: 1.65em; padding-left:30px;padding-top:0.4em;margin-bottom:15px;}
#MAP h2 a {color: #990000;}
#MAP h2 a:hover {color:#ee0000;text-decoration:none}



#ACTU-r {margin-top:0px;}

#ACTU-r #publication {
  background:##F8F8FF;
  padding:15px 0 20px 0px;
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  margin-bottom:25px;}

#ACTU-r h2 { 
color: #8B0000;
font-size: 1.3em;
margin: 0;
text-transform: uppercase;
padding-left:15px;
}

#ACTU-r #publication a.programme{
  padding:5px 15px 8px 15px;
  font-size:1.15em;
  line-height:1.35em;
  border-right:1px solid #ccc;
  font-size:1.2em;
  color:#333;
  display:table-cell;
  vertical-align:top;
  }

#ACTU-r #publication a.programme:hover {text-decoration:none;background:#efeeec;}




  
  

		
		/*
	Pagination
*/
.pagination {
width:30px;
position:absolute;
left:765px;top:22px;
}

#RESSOURCE-r .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;font-size:1.4em;
}

#RESSOURCE-r .pagination li a {
	display:block;
	 color:#cccccc;
	width:9px;
	float:left;
	overflow:hidden;
}
#RESSOURCE-r .pagination li a:hover
{color: #ee0000;text-decoration:none}

#RESSOURCE-r .pagination li.current a, .pagination li.current a:hover {
color: #333333;
}



#RESSOURCE-r {
display:table-cell;
border-top:1px solid #A9A9A9;
width:250px;
background:#F4EDDF;
padding:10px 20px 15px 25px;
}
#RESSOURCE-r h3{border:0;font-size:1.52em;border-bottom:1px solid #CCCCCC;padding-bottom:0.4em;color:#8B0000;font-variant:small-caps;}
#RESSOURCE-r h3 a{color:#8B0000; text-transform: uppercase;}
#RESSOURCE-r h3 a:hover{text-decoration:none;color:#ee0000;}
  
.table {display:table;border-spacing:15px}

#centreressource-r {
  position:relative;
  border-bottom:1px solid #333;
  margin-bottom:20px;
  padding-bottom:15px;}
  
.ss-cr{
    color: #3F3F3F;
    font-size: 11px;
    font-style: italic;
    padding-left: 15px;
  }

#centreressource-r small {
	color: #800000;
	margin-top: 0;}
#centreressource-r h2 {padding-left:15px;text-transform: uppercase;font-size:1.3em;color:#8b0000;margin:0}
#centreressource-r h3 {padding-bottom:0.2em;margin-bottom:0.4em}
#centreressource-r,#centreressource-r a {color:#3f3f3f}
#centreressource-r .bloc_une_soustitre {font-size:11px;line-height:12px;margin-top:0.5em}

#centreressource-r #dossiers,#centreressource-r  #video {float: left;border:1px solid #C0C0C0;padding:10px 10px 5px 10px;margin-top:1em;vertical-align:top}
#centreressource-r  #video {width:420px}


#centreressource-r  #video .slider {height: auto;}


#centreressource-r  #dossiers {width:240px}
#centreressource-r a:hover {color:#ee0000;text-decoration:none}
#centreressource-r  #dossiers span,#centreressource-r  #video span {font-size:14px;font-weight:bold}
#centreressource-r  #index {padding-top: 1em;clear: both;border-bottom:1px solid #c0c0c0;}
#centreressource-r  #index h3 a{color:#8b0000;}
#centreressource-r  #index h3 a:hover{color:#ee0000;}
#centreressource-r  #video {margin-left:2%}


.parutions {display:table-cell;width:280px;border-bottom:1px solid #c0c0c0;padding-bottom:10px}
#centreressource-r a.toutes_publi {position:absolute;bottom:20px;color:#8b0000;right:15px}
.parutions h3 {text-transform:uppercase;color:#8b0000;padding-left:20px}
.parutions .logo a{display:block;}

#RESSOURCE-r .grid{margin-left:10px;margin-right:10px;width:120px;}
.parutions .logo 
{
display: block;
text-align: center;
}

.vignettes{height:160px;width:310px;}
.vignettes img {border:1px solid #333333;padding:0}
.vignettes a,#RESSOURCE-r a {color:#333}
.vignettes a:hover,#RESSOURCE-r a:hover {color:#ee0000;text-decoration:none}

.vignettes a:hover img {border-color:#ee0000}
#RESSOURCE-r  .vignettes li {float:left;width:130px;}

#index input.text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    margin: 0;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 5px;
    width: 435px;
    padding-left: 5px;font-size:1em;
    }
    #parindex{margin-top:2em;border-top:1px dotted #C0C0C0;padding-top:.7em}
    
 #index form   {border: 1px solid #333333; }
 .image img {border:1px solid #333333;padding:0}
.image a:hover img {border-color:#ee0000}
.hover img{border-color:#ee0000;}
.hover a{color:#ee0000;}
#pied {
margin-left:25px;
}
#credit p {width:220px}
#ours {padding-left:25px}

