/* --- STYLES DE BASE --- */ 

 

/* Page */ 

html { 

  font-size: 100%; /* Évite un bug d'IE 6-7.  */ 

} 

body { 
  margin: 0;
  padding: 0; 
  font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; 
  color: #808080; 
  line-height: 0;
  background:#ffffff url('images/fond.png') repeat-y center center;  
  overflow-y: scroll; 
  #overflow-y: auto;   
  text-align:center;
} 

/* Titres */ 

h1, h2, h3, h4, h5, h6 { 

  margin: 0 0 .5em 0; /* Rapproche le titre du texte.  */ 

  line-height: 1.2; 

  font-weight: normal; /* Valeur par défaut. */ 

  font-style: normal; 

} 

h1 { 

  font-size: 2.5em;   

} 

h2 { 

  font-size: 2em;     

} 

.text h3 { 
  font-size: 1.2em; 
  text-transform: uppercase;
  font-weight: bold;    
  padding:0;
  margin:0;
} 

.text h4 { 
  font-size: 1.2em; 
  padding:0;
  margin:0;
} 

.text h4 p{ 
  padding:0;
  margin:0;
} 

h4 { 

  font-size: 1.25em; 

} 

 

/* Listes */ 

ul, ol, li { 

  margin: 0; 

  padding: 0; 

} 

/* Paragraphes */ 

p { 

  margin: .8em 0; /* Marges plus faibles que par défaut. */   

} 

address { 

  margin: .8em 0; 

  font-style: normal; 

} 

 

/* Liens */ 

a { 
  text-decoration: underline; 
  margin: 0; 
  padding: 0;   
} 

a:link { 
  color: #777;
  font-weight: bold;   
} 

#footer a { 
  text-decoration: none; 
  margin: 0; 
  padding: 0;   
  font-weight: regular;   
} 

a:visited { 
  color: #777; 
  font-weight: bold; 
} 

a:hover, a:focus, a:active { 
  color: #888; 
  outline:none;
  text-decoration:none;
} 


/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 

a:active { 
  outline: none; 
} 

/* Pas de bordure autour des images dans les liens */ 

a img { 
  border: none; 
} 


/* Divers éléments de type en-ligne */ 

em { 
  font-style: italic; 
} 

strong { 
  font-weight: bold; 
} 

 

/* Formulaires */ 

form, fieldset { 

  margin: 0; 

  padding: 0; 

  border: none; 

} 

input, button, select { 

  vertical-align: middle; /* Solution pb. d'alignement. */ 

	  color:#777; 
	  background-color:#eee; 
	  border:1px solid; 
	  border-color: #ccc #ccc #ccc #ccc; 
	 

}



/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 

 

/* Met en évidence les abréviations (ayant un attribut title) */ 

abbr[title] { 

  border-bottom: 1px dotted; 

  cursor: help; 

} 

 

/* Met en évidence les citations */ 

blockquote { 

  margin: .75em 0 .75em 20px; 

  padding: 0 0 0 10px; 

  border-left: solid 2px #ddd; 

} 

q, cite { 

  font-style: italic; 

} 

q cite, q q { 

  font-style: normal 

} 

 

/* Supprime les guillemets automatiques (citations courtes) */ 

q { 

  quotes: none; 

} 

q:before, q:after { 

  content: ""; /* Nécessaire pour Safari/Chrome */ 

} 

 

/* Rapproche les paragraphes dans les listes et citations */ 

blockquote p, li p { 

  margin: .5em 0; 

} 

 

/* Styles de base pour les listes de définition */ 

dl { 

  margin: .75em 0; 

} 

dt { 

  margin: .75em 0 0 0; 

  font-weight: bold; 

} 

dd { 

  margin: .25em 0 .25em 32px; 

} 

 

/* Mise en forme simple pour les tableaux */ 

table { 

  margin: 0; 

  border: 1px solid gray; /* Pas de bordure = "none". */ 

  border-collapse: collapse; /* Valeur par défaut: "separate". */ 

  border-spacing: 0; 

} 

table td, table th { 

  padding: 4px; /* Pas de retrait autour du texte = "0". */ 

  border: 1px solid #ccc; /* Pas de bordure = "none". */ 

  vertical-align: top; /* Valeur par défaut: "middle" */ 

} 

 

/* Conteneurs sémantiques de HTML 5 */ 

article, aside, dialog, figure, footer, header, 

hgroup, menu, nav, section { 

  display: block; 

}

#global {
  line-height: 1.2; 
  margin: 0 auto 0 auto; 
  width:800px;
  padding: 0; 
  text-align:left;
}

#footer { 
  margin: 0 auto 0 auto; 
  width:400px;
  padding: 0; 
  font-size: 0.8em;   
  text-align:center;  
}

#header { 
	text-align:right;
}

#header ul { 
	margin:30px 0 0 0;
	text-align:right;
	list-style-type:none;	
}


#header h1 a{	margin:40px 0 0 0;	padding:0;	background:#ffffff url('images/rubedo-logo.png') no-repeat; 	width:302px; 	height:29px;	display:block;	float:right;	line-height:29px; 	text-align:center; 	text-indent:-5000px;}

#menu-haut li { float:right; height:20px; line-height:20px; margin-left:28px; display:block;text-align:center; text-indent:-5000px;}
#menu-haut li a { height:20px; display:block; background-position:left top; text-indent:-5000px;}
#menu-haut .page-item-2 { background:#ffffff url('images/about-nav-6.png') no-repeat; width:51px;}
#menu-haut .page-item-557 { background:#ffffff url('images/contact-nav-7.png') no-repeat; width:66px;}
#menu-haut .cat-item-7 {background:#ffffff url('images/publications-nav-5.png') no-repeat; width:103px}
#menu-haut .cat-item-6 {background:#ffffff url('images/research-nav-4.png') no-repeat; width:29px}
#menu-haut .cat-item-5 {background:#ffffff url('images/practice-nav-3.png') no-repeat; width:69px;}
#menu-haut .cat-item-1 {background:#ffffff url('images/news-nav-2.png') no-repeat; width:50px}
#menu-haut .cat-item-0 {background:#ffffff url('images/home-nav-1.png') no-repeat; width:51px;}

.pagetitle{	height:28px;display:block;line-height:28px; text-align:center; text-indent:-5000px;}
.pagetitle a{ height:28px; display:block; background-position:left top; text-indent:-5000px;}
#about-title { background:#ffffff url('images/about-title.png') no-repeat; width:68px;}
#contact-title { background:#ffffff url('images/contact-title.png') no-repeat; width:88px;}
#spotlight-title { background:#ffffff url('images/spotlight-title.png') no-repeat; width:97px;}
#cat-7-title {background:#ffffff url('images/publications-title.png') no-repeat; width:136px}
#cat-6-title {background:#ffffff url('images/research-title.png') no-repeat; width:287px}
#cat-5-title {background:#ffffff url('images/practice-title.png') no-repeat; width:92px;}
#cat-1-title {background:#ffffff url('images/news-title.png') no-repeat; width:61px}

.current-cat , .current_page_item , #menu-haut li:focus, #header-menu li:active, #header-menu li:hover{
	color:#ff0000 !important;
	background-position:right top;
}

.nav{position:relative;top:-37px;left:387px;width:75px;}
.nav a {width:16px;height:15px;}
.img-prev{ background:#ffffff url('images/prev.png') no-repeat; width:16px;height:15px; text-indent:-5000px;float:left;margin-right:43px}
.img-next{ background:#ffffff url('images/forw.png') no-repeat; width:16px;height:15px; text-indent:-5000px;float:left;}

#main {
  width:800px;
  padding: 40px 0 0 0; 
  margin:0;
}

.post{
	float:left;
	width:220px;
	min-height:260px;
	margin-right:70px;
    font-size: .8em; 
	color: #808080;	
}

.post-news {
	float:left;
	width:800px;
    font-size: .8em; 
	color: #808080;		
	padding-bottom:20px;	
}

.post-news  .medias {
	float:left;
	width:220px;
	margin:0;		
	margin-right:70px;	
}

.post-news .text{
	float:left;
    width:510px;
	margin:0;		
}

.post-news .date{
	margin:5px 0 5px 0;
}

.endline{
	margin:0;
}

.list-title {
    font-size: 1.2em; 
	color: #808080;	
	text-decoration:none;
	outline:none;	
}

.list-title:hover { 
  color: #999; 
  outline:none;
  text-decoration:none;  
} 

.page-template .post .medias {
	float:left;
	width:220px;
	margin:0;		
	margin-right:70px;	
}

.page-template .post .text{
	float:left;
    width:480px;
	margin:0;		
}

.single .post{
	width:800px;
	margin:0;	
	margin-top:-20px;
}

.single .attachment-medium{
	margin:0;	
	padding-top:10px;
}

.single .post .medias {
	float:left;
	width:400px;
	margin:0;		
}

.single .post .text{
	float:right;
    width:370px;
	padding-top:7px;
	margin:0;		
}

.wp-post-image{
    width: 215px;
    height: 175px; 
}

#video-1{
    position:absolute;
	top:650px;
}

.jcarousel-image-expand{
    width: 400px;
    height: 310px; 
}