body {
margin:0px; background-color: #FFFFF;font-family: arial,times new roman;font-size: 0.8em;}
a {
color:#000;text-decoration:none;border-bottom:1px dotted #575757
}
.logo {border:none}
h1 {font-family: arial;font-size: 20px;margin-top:8px;border-bottom:1px dotted #000}
h2 {margin:0px;font-size:16px}
h3 {font-family: arial;font-size: 14px;padding:2px;border-bottom:1px dotted #000}
h4 {padding:1px;font-weight:bold;font-size:11px;border-bottom:1px dotted #000}
h5 {font-family: arial;font-size: 12px;font-weight:normal;padding:2px;border-bottom:1px dotted #CCC;background:#EEE;text-align:center}
.people {font-size:24px;font-weight:bold;margin:0px;}
.diapo{float:left;width:250px;height:260px;margin-right:15px;margin-left:15px;margin-bottom:40px;text-align:center;}
.projects{text-align:center;background:#CCC;color:#000;padding:2px;font-size:16px;font-weight:bold}
.logob{background:#FFF;border:none}
* {outline:none}
table{margin:0px}
th{background:#EBEBEB;border-bottom:1px solid #CCC;font-size:11px}
input {border:1px solid #000;font-size:12px;}
.vote {border:1px solid #000;font-size:11px;}
textarea {border:1px solid}
legend {font-weight:bold}
fieldset {padding:5px;margin:5px;border:1px dotted #CCC}
p {padding:1px;margin: 0 0 10px 0;}
form {margin:0px;padding:0px}
.alert {background:#FFF;border:1px dotted #000;padding:7px;text-align:center;margin-top:5px}
.rouge {background:#FFF;border:2px solid #FF0000;padding:7px;text-align:center;margin-top:5px;font-weight:bold;}
select{font-size:11px;font-weight:bold;font-family: arial;border:1px solid #000}
option{border-bottom:1px dotted #000}
a:hover {text-decoration: none;border:0px}
img {border: 0px;vertical-align: middle}
.avatar{margin:3px;border:1px solid #000}
ul{list-style: none;margin:0;padding:0;border: none;}
li{list-style-type:none;margin:0px;margin-bottom:2px}
.welcome{background:#FF5C1C;padding:3px}
.vignette{border:1px solid #EEE;background-image:url(wait.gif);background-repeat: no-repeat;background-position:50% 50%;}
.sijoli{width:250px;height:250px;float:left;margin:10px;border:1px solid #EEE;background-image:url(wait.gif);background-repeat: no-repeat;background-position:50% 50%;}
.item{border-left:7px solid #000}
.liste a{background:#000;color:#FFF;padding:2px;margin-bottom:2px;text-decoration:none;-moz-border-radius:3px;border:none}
.bouton{background:#575757;color:#FFF;text-decoration:none;padding:3px;font-size:12px;border:none;height:20px}
.gris{background:#C0C0C0}
.gbouton {background:#000;color:#FFF;text-decoration:none;padding:3px;font-size:16px;font-weight:bold;-moz-border-radius:3px;border:none}
.survol{background:#000;color:#FFF;font-size:10px;opacity: 0.90;filter:alpha(opacity=90);-moz-opacity:0.90;}

#navcontainer
{
margin-left: auto;
margin-right: auto;
text-align:center;
margin-top:7px;
margin-bottom:7px
}

#navcontainer ul
{
list-style-type: none;
text-align: center;
padding: 0;
}

#navcontainer li
{
display: inline;
text-align: center;
margin-right: 14px;
}

#navcontainer li a
{
padding:4px;
padding-right:10px;
padding-left:10px;
color: #333333;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
background:url(breadcrumb-bg.png) repeat-x center;
}

#navcontainer li a:hover
{
padding:4px;
padding-right:10px;
padding-left:10px;
color: #000;
border: 1px solid #333333;
border-bottom: 1px solid #333333;
background:#FFF
}
.active
{
font-weight:bold;font-size:14px
}

.centre{width:850px;margin-left:auto;margin-right:auto;text-align:justify}
#buzzistic {background:#FFF;color:#B8B8B8;border:none;text-decoration:underline;font-weight:bold}
.footer {color:#B8B8B8;border:none;font-size:9px}
.big{font-size:16px;font-weight:bold}
.on_img
{
  background-image:url(on.gif);
  background-repeat:no-repeat;
 
  padding-left:30px;
  margin-right:5px;
cursor:pointer;
   width:60px;
  
  
}       

.over_img
{
  background-image:url(over.gif);
  background-repeat:no-repeat;
padding-left:30px;
 margin-right:5px;
  cursor:pointer;
  width:60px;
}
.box
{
padding:5px;
width:60px;
float:right;
border:1px solid #CCC;
font-size:11px
}
.love{text-decoration:none}
.tl{border-bottom:1px dotted #CCC;padding-bottom:5px}
/** pour la CSS **/ 
#deviant{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_deviant.png") 0 0 no-repeat; 
}
#deviant a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#deviant:hover,#deviant:active,#deviant:focus{ 
  background-position:0 -36px; 
}
#facebook{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_facebook.png") 0 0 no-repeat; 
}
#facebook a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#facebook:hover,#facebook:active,#facebook:focus{ 
  background-position:0 -36px; 
}
#twitter{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_twitter.png") 0 0 no-repeat; 
}
#twitter a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#twitter:hover,#twitter:active,#twitter:focus{ 
  background-position:0 -36px; 
}
#youtube{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_youtube.png") 0 0 no-repeat; 
}
#youtube a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#youtube:hover,#youtube:active,#youtube:focus{ 
  background-position:0 -36px; 
}
#flickr{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_flickr.png") 0 0 no-repeat; 
}
#flickr a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#flickr:hover,#flickr:active,#flickr:focus{ 
  background-position:0 -36px; 
}
#blogger{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_blogger.png") 0 0 no-repeat; 
}
#blogger a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#blogger:hover,#blogger:active,#blogger:focus{ 
  background-position:0 -36px; 
}
#rss{ 
  display:block; 
  width:36px; 
  height:36px;
  border:0px;
  background:url("icone_rss.png") 0 0 no-repeat; 
}
#rss a{text-decoration:none}
/* on décale l'image de fond de la hauteur du lien, soit 64 px */ 
#rss:hover,#rss:active,#rss:focus{ 
  background-position:0 -36px; 
}
#breadcrumbs {
    font:12px Arial, sans-serif;
    color:#000;
    list-style:none;
    padding:0; margin:0;
	margin-left:36px;
    background:url(breadcrumb-bg.png) repeat-x center;
    border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
    overflow:hidden;
	margin-bottom:7px;
	line-height:20px;
}
#breadcrumbs li {
    float:left;
    background:url(breadcrumb-right.png) no-repeat right center;
    padding:0 20px 0 10px;
    height:20px; line-height:20px;
}
#breadcrumbs a {
    text-decoration:none;
    color:#000;
}
#breadcrumbs a:hover {
    color:#CCC;
}
.vignette{border:0px;background:#FFF;background-image:url(wait.gif);background-repeat: no-repeat;background-position:50% 50%;float:left;margin:7px;width:75px;height:75px;text-decoration:none}
.vignette a{text-decoration:none;border:0px;}
.imageOver{
	background:url(zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}
.left260{float:left;margin:7px;width:260px}
.colors:hover{text-decoration:underline}
.chrono{font-size:16px;font-weight:bold}
.chrono a{color:#000}
.chrono b{color:#FFF;background:#000;padding:4px}
.buy {width:242px;color:#FFF;font-weight:bold;background:#91CA87;border:1px solid #000;padding:4px;text-align:center;margin-bottom:7px}
.buy:hover{background:#FF7E00;color:#FFF}
.cbuy{width:242px;color:#FFF;font-weight:bold;background:#879BCA;border:1px solid #000;padding:4px;text-align:center;margin-bottom:7px}
.cbuy:hover{background:#FF7E00;color:#FFF}
.itemp b{color:#409568;font-size:10px}
/* accordéon */
.accordionButton h2{
margin-bottom:21px;border-bottom:1px dotted #808080;
}
.clicshow{float:right;cursor:pointer;animation: animate 1s linear infinite alternate;
    -moz-animation: animate 1s linear infinite alternate;
    -webkit-animation: animate 1s linear infinite alternate;
    -o-animation: animate 1s linear infinite alternate;
    -ms-animation: animate 1s linear infinite alternate;}
/*clignote*/
@keyframes animate {
	from {color: #FFF}
    to {color: #000}
  }
  @-moz-keyframes     animate {
	from {color: #FFF}
    to {color: #000}
  }
    @-webkit-keyframes animate {
    from {color: #FFF}
    to {color: #000}
  }
  @-o-keyframes animate {
    from {color: #FFF}
    to {color: #000}
  }
  @-ms-keyframes animate {
    from {color: #FFF}
    to {color: #000}