@import url("release.css");

* { font-family : Verdana, Arial, SunSans-Regular, Sans-Serif; }
body {	background: #D7D7D7; font-size:11px; letter-spacing : 0px; color:#333; margin:10px 0px 0px 0px; line-height : 150%;}
a:link, a:active, a:visited { text-decoration:none; color:#043E7C; }
a:hover { color:#000; }

h2 { color:#8D0000; margin:0px; padding-bottom: 10px; letter-spacing:0px; font-size:16px; font-weight:bold;}
h3 { color:#8D0000; margin:0px; padding:0px; letter-spacing:0px; font-size:13px; font-weight:bold;}
h6 { color:#ccc; margin:0px; padding:0px; font-size:13px;}

hr {border:0px; color:#eee; height:2px; width:100%;  background-color: #eee;}
img { border:0px; }
input, textarea { background-color:#fff; border: 1px solid #eee; font-size:11px; }

p, pre {
margin: 2px; 
padding: 5px 20px 5px 20px;
font-size:14px; 
}

cite{
font-size:12px;
font-style:normal;

}

/* Style du menu */
#layout { 
	margin: 0px auto; 
	width:700px; 
	height: auto; 
	background-color:#fff;
	border:1px solid #D8DDDE;
	border-top: 0px;
}
.navigation { background: url('../img/header2.jpg'); text-align:left; height:341px; width:700px; font-size:15px; }
.navigation a:link, .navigation a:visited { font-weight:bold; height:28px; padding-top:5px; color:#fff; display:block; filter:alpha(opacity=50); opacity: 0.9; padding-left:10px;}
.navigation a:hover { font-weight:bold; background:#fff; color:#000; display:block; filter:alpha(opacity=50); opacity: .5; padding-left:10px;}

/* style du template */
/* Div alignée droite */
.divaligndroit{ 
text-align: center; 
margin: 0 0 0 55%;
padding:5px 0 5px 15px;
}
.gauche {
    float: left;
}
/* Div principale */
.contents { padding:10px; }
.contents > p {
    margin: 2px; 
    font-size:14px; 
}
.pagename { border-left:4px solid #511C2E; text-indent:20px; font-size:15px; color:#511C2E; letter-spacing:2px; }

/* Style Copyright */
.bottom { margin: 0 auto; width:625px; color: #999; font-family:"Trebuchet MS", verdana, arial, helvetica, serif; font-size:10px; line-height:100%; text-align: center;}
.bottom a:link, .bottom a:visited { color:#999; font-weight: bold;}

/* Style des textes du blog */
.bloginfo {border-top:1px solid #eee; padding:2px; color:#999999; margin-top:8px; text-align:right; font-size:10px; text-transform:uppercase;}
.bloginfo a:link, .bloginfo a:visited, .bloginfo a:active {color:#999;}
.blogtitle {font-size:16px; background-color:#929deb;  letter-spacing:5px; font-family : "Trebuchet MS"; padding:3px; }
.blogcontent {text-align: left;font-family : "Trebuchet MS";font-size:13px; padding-top:3px; color: #484848; padding-bottom: 10px; }
.blogcontent img { border:1px solid #000; width: 222px; }

/* Style des catégories */
.projet_header { color: #043E7C; background-color: #F4F6FA; font-weight:bold; font-size: 15px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; margin-top: 3px; }
.projet_contenu { padding-left: 5px; padding-top: 3px;padding-bottom: 3px; font-family: verdana;font-weight: bold ;font-size: 12px;color: #330000; }
.projet_contenu a:link, .projet_contenu a:visited, .projet_contenu a:active {color:#330000;}
.projet_conteneur { width: 100%; margin-top: 15px;}
.flottante {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;
	
	padding: 2px 5px;
	
	margin: 2px;
	float: left;
	width: 324px;
	height: 150px;
	font-size: 10px;
	text-align: left;
}
.projet_item {
	color: #06c;
	text-decoration: none;
	font-size: 11px;
}

.projet_titre  a:link, .projet_titre  a:visited, .projet_titre  a:active {
	color: #06c;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold; 
}

.projet_titre  a:hover {
	color:#330000;
}

.projet_titre  a{
	color: #06c;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold; 
}

.projet_titre {
	color: #06c;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.spacer { clear: both; }

/* Style Tableau rlz */
.tableaurlz {

	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;	
	padding: 2px 5px;	
	margin: 2px;
	font-size: 10px;
	text-align: center; 
	width: 650px;
}
.lignerlz:hover {
	background-color: #f8f8f8;
}

/* Style Index Note*/
.textbox {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;
	
	padding: 2px 2px;	
	
	
	font-size: 10px;
	text-align: left;
	width: 676px;
}

/* */
.stafflottante {
	margin: 5px;
	float: left;
	width: auto;
	height: auto;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;

}
/* bot*/
.infobot{
	width: 380px;
	margin: 4px auto;
	padding-left: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #000; 
	background-color: #F4F6FA;
	font-size:12px;
}
.cpcmd{
	width: 380px;
	margin: 4px auto;
	padding-left: 2px;
	text-align: center;
}

.botcontent{
	width: 650px;
	margin: 4px auto;
	padding-left: 0px;
	padding-top: 7px;
	text-align: left;
}
.botpair{
	background-color:#F4F6FA;
}
.botimpair{
	background-color:#fff;
}
/* Style Info Box CSS */
a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
 
}
a:hover.info {
  text-decoration: none;
  background: none;
}

a.info div {display: none;}

a:hover.info div {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #F4F6FA;
  color: #043E7C;
  border:1px solid #000;
  width: auto;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}
#slideshow {
    padding: 10px 10px 10px 10px ;
}