/*******************************************************
 Avec adocity.com, créez votre blog en quelques clics ! 
   Ce fichier CSS est la propriété de adocity.com
      FICHIER CSS > DESIGN ADOCITY BLOGS #102
********************************************************/


/*** INFORMATIONS PRINCIPALES ***/
body { font-size: 80%; font-family: arial,sans-serif; background-color:#000000; color: #CCCCCC;; text-align: center;  margin:0px; padding:0px; line-height: 1.5em;}
form { margin: 0px; padding: 0px; }
input          { border:solid 1px #999; color:#CCC; font-size:100%; background:#333; font-size:10px; }
input.checkrad { border:0px; font-size:100%; background:#000000;  }
input.checkcoch { border:0px; font-size:100%; background:#000000;  }
textarea       { border:solid 1px #999; color:#CCC; font-size:100%; background:#333; width:100%; font-family: Arial, sans-serif;}


/*** 3 COLONNES (GAUCHE+CENTRE+DROITE) ***/
#contenu1 #leftcontenu   { float:left; width:195px; background: url(menu1_2.jpg) repeat-y; }
#contenu1 #rightcontenu  { float:right; width:195px; background: url(menu1_2.jpg) repeat-y; }
#contenu1 #centercontenu { position:relative; margin:0 0 0 215px; width:465px;}
/*** 2 COLONNES (GAUCHE+CENTRE) ***/
#contenu2 #leftcontenu   { float:left; width:240px; background: url(menu2_2.jpg) repeat-y; }
#contenu2 #centercontenu { margin:0 0 0 260px; width:630px; }
/*** 2 COLONNES (CENTRE+DROITE) ***/
#contenu3 #rightcontenu  { float:right; width:240px; background: url(menu2_2.jpg) repeat-y; }
#contenu3 #centercontenu { margin:0 0 0 0; width:630px}


/* ELEMENTS DE DISPOSITION ***/
#global        	{ margin-top:25px; width:900px; margin-left:auto; margin-right:auto; text-align: left; }
#pub            { background: url(pub.jpg) no-repeat; margin-left:10px; margin-right:10px; padding:10px; margin-top:5px; text-align: center; margin-bottom:15px; }
#site           { width:100%; background: url(middle.jpg) repeat-y; }
#head           {   width:870px;
  margin:0 auto 10px;
  border:1px solid #444;
text-align:center;}
#head #headtitle{ margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #333;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:36px; 
  font:200% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-weight:bold;  
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#head #headurl  { 
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #333;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#777;
  text-transform:uppercase;
  letter-spacing:.2em;
   }
#heure          { clear:both; height:15px; padding:1px; text-align:right; padding-right:10px; }
#menu           { clear: both; height: 15px; padding-left:10px; font-weight:bold;}
#bottom         { height:17px; background: url(bottom.jpg) no-repeat; }
#foot           { color:#999999; text-align:center; font:80%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; padding-bottom:15px;}


/*** STYLE GENERAL DES BOX ***/
#leftcontenu   .box { padding-left: 10px;}
#contenu1 #leftcontenu   .box   { padding-left: 15px; width:165px;}

#contenu2 #leftcontenu   .box   { padding-left: 15px; width:210px;}


#rightcontenu  .box {  }
#contenu1 #rightcontenu  .box   { padding-left: 15px; width:165px;}

#contenu3 #rightcontenu  .box   { padding-left: 15px; width:210px;}

#centercontenu .box { }


.box .box-head                 { _height:1px; font:95%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#FFD800; font-weight:bold; height:15px;}
.box .box-head2	               { _height:1px; font:95%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#FFD800; font-weight:bold; height:15px;}
#centercontenu .box .box-head  { _height:1px; font:95%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#FFD800; font-weight:bold; height:15px;}
#centercontenu .box .box-head2 { _height:1px; font:95%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#FFD800; font-weight:bold; height:15px;}
.box .box-precontent           { _height:1px; font:78%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; color:#A8A8A8; padding: 2px 0px 8px 0px;}
.box .box-precontent2          { _height:1px;font:78%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; color:#A8A8A8; padding: 2px 0px 0px 0px;}
.box .box-content              { _height:100%; font:120%/1em; padding: 3px 0px 0px 0px; text-align:justify; }
.box .box-content img.imglist  { padding:0px; margin:4px 5px 4px 5px; border:#555 solid 1px; background-color: #FFFFFF;}
.box .box-content img.no       { padding:0px; margin:0px; border:0px;}

.box .box-content img.photosel { padding:0px; margin:4px 5px 4px 5px; border:#999 solid 1px; background-color: #FFFFFF;}
.box .box-content img.photobig { margin:0px 0px 0px 0px; border:#555 solid 1px; background-color: #FFFFFF; }
.box .box-content img.photopro { float:left; padding:1px; margin:4px 5px 0px 0px; border:#555 solid 1px; background-color: #FFFFFF; }
.box-numpages             { font:75%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; font-weight:bold; margin: 0px 5px 10px 5px;}
.box .box-foot	               { padding:0px; text-align:center; margin-bottom:15px;}


/*** TEXTES ET LIENS ***/
a 	               { color:#FFBA00; font-size:100%; text-decoration:none; } 
a:hover            { color:#FFDE00; }
a.no 	           { color:#FFBA00; font-size:12px; text-decoration:none; } 
a.no:hover         { color:#FFDE00; }
.titre             { line-height:109px; font-size:36px; }
.headlink          { text-decoration:none; color:#EAEAEA; }
.headlink:hover    { text-decoration:none; color:#EAEAEA }
.headlink2         { text-decoration:none; color:#A3A3A3; }
.headlink2:hover   { text-decoration:none; color:#A3A3A3; }
.calendrier        { font-size:10px; vertical-align:middle; text-align:center;}
.calendrierok      { color:#FFFFFF; font-size:10px; background-color:#333; }
a.calendrier 	   { color:#FFFFFF; font-size:11px; font-weight: bold; text-decoration:none; } 
a.calendrier:hover { color:#FFBA00; }
a.precontent 	   { color:#A8A8A8; text-decoration:none; } 
a.precontent:hover { color:#A8A8A8; }
.navig             { font-size:11px; }
.smalltext         { color:#999999; font-size:11px; line-height:100%;}
.middletext        { color:#ccc; font-size:11pt; font-weight: bold; line-height:100%;}
a.middletext       { color:#ccc; font-size:11pt; font-weight: bold; line-height:100%;}
a.middletext:hover { color:#fff; }
.message           { font-weight:bold; }
.footlink          { color:#999999; text-decoration:none;  } 
.footlink:hover    { color:#999999; text-decoration:underline; }
a.video 	       {  background-color:#333; margin: 3px 10px 3px 0px; padding:5px; border:#999 solid 1px; color:#FFFFFF; font-size:14px; font-weight: bold; text-decoration:none; } 
a.video:hover      { color:#FFFFFF; }


/*** CELLULES ET TABLEAUX ***/
td.barresondage    { background-color:#333; height:15px; color:#FFFFFF; font-size:9px; line-height:100%; text-decoration:bold; }
td.barresondagetxt { font-size:9px; line-height:100%; }
td.tdforum1        { font-size:11px; color:#000000; height:15px; background-color: #999; padding:1px 1px 1px 3px; font-weight:bold; line-height:90%; }
td.tdforum2        { font-size:11px; background-color:#333; padding:5px 0px 5px 3px; line-height:90%; }
td.tdforum3        { font-size:11px; height:20px; background-color:#333; padding:3px 0px 3px 3px; line-height:100%; }
td.tdforum4        { font-size:11px; background-color:#000000; height:25px; padding:3px 0px 3px 3px; line-height:100%; }
td.tdforum5        { background-color:#000000;}
table              { width:100%; } 


/*** SPACERS ***/
.spacer            { clear:both; width:900px; height:1px; line-height:0%;}
.separation        { clear:both; width:175px; height:1px; line-height:0%;}
.spacerblog {clear: both; font-size:1px;}