/*
Les boîtes arrondies s'ontiennes avec les priopriétes ccs3 pour les navigateurs suivant:
-moz-border-radius-topleft: 6px;  Gecko
-moz-border-radius-topright: 6px; Gecko
-webkit-border-radius-top-left: 6px; Safari et Chrome
-webkit-border-radius-top-right: 6px; Sfari et Chrome
Pour IE il faut utiliser javascript et l'adresser dans le html par 
des commentaires conditionnels.
Pour Opera, ben rien.

*/

body{
  background:#e1e1e1;
  color:#464646;
}
h2 + p{
  margin-top:0;
}
p#fil, p.date{
  color:#837B6A;
}
p#fil em{
  color:#393939;
}
p#access{
  position:absolute;
  right:20px;
  top:10px;
}
p#access{
  margin:0 20px!important;
  padding:4px;
  text-align:right;
}
p#access a{
  color:#fff;
}
p.copy{
  text-align:center;
  margin-bottom:20px;
}
p.chapo{
font-weight:bold;
}
#container, #header, #footer{
  width:960px;
  margin: 0 auto;
  overflow:hidden;
  position: relative;
}

#container{
  background:#fff;
  padding:1px 0 30px 0;
}
#container .tiers h2{
  color:#5F5353;
}
#subheader{
  background:#a90000;
  color:#fff;
  border-top:solid 10px #837B6A;
  padding:20px 0 0 0;
}

#subfooter{
  background:#393939;
  border-top:solid 10px #837B6A;
  color:#fff;
  overflow:hidden;
}
#subfooter h2{
  color:#BFB7A7;
  border-bottom:solid 1px #333;
}
#subfooter a:hover {
  color:#fff;
}
#footer{
padding-bottom:50px;
}
#principal{
  width:640px;
  float:left;
}
#principal .content img.spip_logos{
margin:10px 30px;
float:left;
}
#principal .content p{
margin-left:30px;
margin-right:30px;
}
#principal .content h2{
font-size:1.5em;
color:#A90000;
margin-left:30px;
}
#principal .content h3{
margin-left:30px;
margin-right:30px;
margin-top:30px;
color:#AA0000;
}
#principal .content h3 + p{
margin-top:5px;
}
#principal .tiers h2{
  margin-top:50px;
}
#principal .tiers img{
  margin:10px 20px;
}
#principal .content ul{
margin:.75em 30px;
list-style:none inside;
}
#principal .content ul li{
margin-left:20px;
margin-right:30px;
background: url(arrow.png) no-repeat 0 2px;
  text-indent:14px;

}
.tiers{
  width:320px;
  float:left;
}
.tiers ul{
  margin: .75em 20px;
}
.tiers ul li{
  list-style:none outside;
  background: url(arrow.png) no-repeat 0 3px;
  text-indent:14px;
  margin-bottom:6px;
}


#footer .tiers ul li a{
    background:transparent;
}
#footer .tiers ul li a:hover{
color:#fff;
}
.tiers ul li:first-child{
  border-top:none;
}

.quart{
  width:160px;
  float:left;
}
.une{
  background:#393939;
  color:#fff;
  padding:1px 0 1px 0;
  margin-left:20px;
  margin-right:20px;
  overflow:hidden;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.une h2{
  color:#DFC3C3;
  font-size:1.6em;
}
img.logoune{
  margin:.75em 20px;
  float:right;
}
.une a:hover{
  color:#fff;
}
/*nav*/
ul#nav{
  background:transparent;
}
ul#nav li{
  list-style:none;
  float:left;
}
ul#nav li a{
    display:block!important;
    text-transform:uppercase;
    text-decoration:none;
    padding:6px 10px!important;
    background:#E60000!important;
    color:#eee;
    margin-right:2px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-radius-top-left: 6px;
	-webkit-border-radius-top-right: 6px;
	border:none;
}
ul#nav li a:hover, ul#nav li a.on, ul#nav li a:focus{
  background:#fff!important;
  color:#A90000;
}
ul#nav li a:focus{
  color:red;
}
/*pagination
.une p.pagination{
}
.pagination a, .pagination span{
  display:block;
  float:right;
  padding:2px 6px;
  margin-right:2px;
  background:#333;
  border:solid 1px #333;
}
.pagination a:hover, .pagination span:hover{
  background: #837B6A;
}*/
/*commentaires*/
/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin:10px; text-align: right; font-weight: bold; }
ul.forum p{
  margin:10px!important;
}
/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 0; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333;text-indent:0; }
.forum-texte { margin: 0; padding: 0; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*search*/
div.formulaire_recherche{
  margin:20px;
}

/*tweets*/
h2.sidebar-title{
  background: url(twitter.png) no-repeat 0 0;
  text-indent:22px;

}
/*agenda*/
div.agenda{
background: #EFE5D1;
overflow:hidden;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin-left:10px;
margin-right:20px;
padding-bottom:10px;
}
div.agenda h3{
  color:#A90000;
}
div.agenda p{
  margin-bottom:0;
}
div.agenda p + p{
  margin-top:0;
}
div.agenda + h2, ul + h2{
  margin-top:40px;
}

/*portfolio*/
div#documents_portfolio img{
  float:none;
}
/*youtube, dailymotion*/
object {
  display:block;
  margin:5px 20px;
}
/*flickr*/
.tiers ul#flickr{
  text-align:center!important;
}
.tiers ul#flickr li{
  list-style:none!important;
  background-image:none!important;
  text-indent:0!important;
}
/*site en une*/
div.siteune{
    position:absolute;
    right:50px;
    top:50px;
}
div.siteune a img:hover{
   -webkit-box-shadow:0px 2px 5px #ffffb0;
    -moz-box-shadow:0px 2px 5px #ffffb0;
    box-shadow:0px 2px 5px #ffffb0;
    -webkit-transform: rotate(-3deg);
}