/* CSS Document */
 /*
 #CC0033 poulette = #CC0033
 #FFCC00 bec = #FFCC00
 */

body {
background-color:#fff;
background-image:  url("images/FONDddi.png");
font: Verdana, Arial;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
  }
a:link {
  color: #CC0033;
  text-decoration:none;
  font-weight:normal;
  }
a:visited {
  color: #CC0033;
  text-decoration:none;
  font-weight:normal;
  }
a:hover {
  color: #CC0033;
  text-decoration:none;
  font-weight:bold;
}
a img {
  border-width:0;
  }

/* Header -----------------------------------------------  */

#header-wrapper {
  margin:0 0 0 0;
  }
#header img {
  text-align:left;
}
/* Outer-Wrapper ----------------------------------------------- */
#outer-wrapper { /* toute la boite avec les post ET les profils dedans  */
  margin:30px 40px 30px 40px;
  padding:10px 10px 10px 10px;
  text-align:left;
  background-color:#fff;
  border: 2px solid #CC0033;
  text-align:center;
  }
/* Animation
----------------------------------------------- */
#animation { /* la page avec l'animation */
background-color:#FFFFFF;
  text-align:center;
  padding:10px 10px 10px 10px;
 }
#animation a {  color:#CC0033;  font-size:16px;  font-weight:bold; }
#animation a:hover {  color: #CC0033;  text-decoration:none;  font-weight:bold; }

/* Main-Wrapper
----------------------------------------------- */
#main-wrapper { /* la case avec les posts dedans */
background-color:#FFFFFF;
  text-align: left;
  margin-left:200px; 
  margin-top:20px;
  padding:10px 10px 10px 10px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  }
  
	  h1 {  color:#CC0033;  font-size:16px;  font-weight:bold;  text-align:center;}

	h2 {  color:#FFCC00;  font-size:16px;  font-weight:bold;  text-align:center;}

	h3 {  color:#CC0033;  font-size:14px;  font-weight:bold;  text-align:center;}

	h4 {  color:#FFCC00;  font-size:14px;  font-weight:bold;  text-align:center;}

	h5 {  color:#000;  font-size:14px;  font-weight:bold;  text-align:center;}

/* Sidebar-Wrapper
----------------------------------------------- */

#sidebar-wrapper { /* case de côté avec liens et profil */
  width: 150px;
  float: left;
  text-align:center;
  margin-top:20px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  padding: 5px 5px 5px 5px;
  background:transparent;
}
#sidebar-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
font-size:11px;
}
#sidebar-wrapper li a {
height: 60px;
voice-family: "\"}\""; 
voice-family: inherit;
text-decoration: none;
text-align:center;
text-indent:60px;
} 
#sidebar-wrapper li a:link, #sidebar-wrapper li a:visited {
font-weight: bold;
display: block;
background:  url("images/POINTILLEetTRANSPr.jpg") 0 0 no-repeat;
text-decoration:none;
text-align:center;
text-indent:60px;
}
#sidebar-wrapper li a:hover{
font-weight: bold;
background:  url("images/POINTILLEetTRANSPr.jpg") 0 -60px no-repeat;
text-decoration:none;
text-align:center;
text-indent:60px;
}
#sidebar-wrapper li#active{
height: 60px;
font-weight: bold;
background:  url("images/TRANSPjPOULE.jpg") 0 0 no-repeat;
text-indent:60px;
text-align:center;
}
.img{
vertical-align:bottom;
position:relative;
}

/* Profile 

.profile-img { 
  float: left;
  margin: 5px 5px 5px 5px;
  padding: 3px;
    font-size:10px:
}

.profile-data {
  margin:0;
   font: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px:
  color: #003366;

}

.profile-datablock { 
  margin:10px 10px 10px;
    font-size:10px:
}

.profile-textblock { 
  margin: 10px 10px 10px;
    font-size:10px:
}

.profile-link { 
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
color: #003366;
}
----------------------------------------------- */