/*
Theme Name: 1point2vue
Theme URI: http://www.1point2vue.com/
Description: The first theme created by Antoine Anfroy.
Version: 1
Author: Antoine Anfroy
 
Creation Theme by Antoine Anfroy || http://www.1point2vue.com
*/

/* ================================================= */
/*  DECLARATION GENERALE                             */
/* ================================================= */
body  {
   width: 1000px;
   margin-left: auto; 
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-image: url("images/fond_body.jpg"); /* image de fond */
   background-repeat: repeat;
   font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
   color: #000000;
}
.page {  /*div page: definie la largeur de la page pour IE */
   position: relative; 
   width: 1000px;
   margin-left: auto; 
   margin-right: auto;
} 
img  {
  border: 0px;
}
td  {
  font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000000;
}
p { 
  text-indent: 10px; 
  text-align: justify;
}
.lexique { 
  margin-left: 20px;
  margin-top: 0px;
}
.fond_corps {
   background-image: url("images/fond_corps.png");  
   background-repeat: repeat-y; 
}
.sans_alinea { 
  text-indent: 0px; 
  text-align: justify;
}
/*liens*/
A:link    { color: #000000; text-decoration: underline; }
A:visited { color: #000000; text-decoration: underline; }
A:active  { color: #000000; text-decoration: underline; }
A:hover   { color: #FF0000; text-decoration: underline;	}

/* ================================================= */
/*  BANNIERE                                         */
/* ================================================= */
.banniere  {
   width: 1000px;
   height: 160px;
   background-image: url("images/banniere_fond.png");
   background-repeat: no-repeat;
}
.banniere_img {
   padding-left:350px;
   padding-top: 30px;
}

/* ================================================= */
/*  MENU HAUT                                        */
/* ================================================= */
.menu_haut {
   width: 1000px;
   height: 36px;
   text-align: center;
   padding-top: 4px;
   background-image: url("images/banniere_menu.png");
   background-repeat: no-repeat;
   border-bottom: 1px solid #CCCCCC;
}
.menu_haut ul li {
   display: inline;
}
.menu_haut ul {
   display: inline;
}
.item_menu_haut {
   float: left;
   height: 29px;
   margin-top: 4px;
   margin-left: 6px;
   border-top: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   padding-top: 2px;
   padding-left: 10px;
   padding-right: 10px;
   background: #FFFFFF;
   color: #000066;
   font-weight: bold;
   teext-transform: uppercase;
}
.menu_haut A:link       { font-size: 16px; text-decoration: none;  }
.menu_haut A:visited { font-size: 16px; text-decoration: none;  }
.menu_haut A:active   { font-size: 16px; text-decoration: none;  }
.menu_haut A:hover     { font-size: 16px; text-decoration: none;  }

/* ================================================= */
/*  SIDEBAR                                          */
/* ================================================= */
.side_gauche { 
   float: left;
   width: 190px;
}
.side_droite { 
   float: right;
   width: 190px;
   margin: auto;
}
.menu_titre  {
   padding-left: 10px;
   margin-top:   8px;
   font-size: 22px;
   color: #000066;
   background-image: url("images/fond_menu_titre.png");
   background-repeat: no-repeat;
}
.menu_corps  {
   padding: 4px;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   background-color: #FFFFFF;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
   }
.menu_corps ul li {
   border-top: 1px solid #CCCCCC;
   padding-top: 2px;
   padding-bottom: 2px;
   list-style-type: none;
   font-size: 14px;
}
.menu_corps ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   display:inline
}
.menu_suivi_img  { 
   width:  180px;
   padding: 0px;
   border: 0px;
   margin: 0px;
}
.menu_corps A:link    { text-decoration: none; }
.menu_corps A:visited { text-decoration: none; }
.menu_corps A:active  { text-decoration: none; }
.menu_corps A:hover   { text-decoration: none; }

/* ================================================= */
/*  CORPS DE PAGE                                    */
/* ================================================= */
.corps {
  margin-left: 195px;
  width: 602px;
  padding: 4px;
}
.corps h1 {
   font-size: 26px;
   color: #000066;
   text-align: left;
   background-image: url("images/fond_titre_article.png");
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-bottom: 10px;
}
.corps h2 {
   font-size: 16px;
   color: #000066;
   text-align: left;
   background-image: url("images/fond_titre_article.png");
   background-repeat: no-repeat;
   margin-top: 6px;
   margin-bottom: 6px;
}
.corps h3 {
   font-size: 14px;
   color: #000066;
   text-align: left;
   margin-left: 10px;
   margin-top: 6px;
   margin-bottom: 6px;
}
.corps h1 A:link    { text-decoration: none; color: #000066;}
.corps h1 A:visited { text-decoration: none; color: #000066;}
.corps h1 A:active  { text-decoration: none; color: #000066;}
.corps h1 A:hover   { text-decoration: none; color: #FF0000;}


/* ================================================= */
/*  BLOC mini tuto                                   */
/* ================================================= */
.mini_tuto {
   width: 110px;
   height: 200px;     /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 200px; /*hauteur mini pour les autres*/
   margin: 2px;
   border: 1px solid #FFFFFF;
   float: left;
}

/* ================================================= */
/*  BLOC ombre                                       */
/* ================================================= */
.ombre_200_200 {
   width: 210px;
   height: 210px;
   margin:0px;
   margin-right: 0px;
   padding:5px;
   background-image: url("images/ombre_200_200.png");
   background-repeat: no-repeat;
   float: left;
}
.ombre_100_200 {
   width: 110px;
   height: 210px;
   margin: 0px;
   margin-right: 0px;
   padding: 5px;
   background-image: url("images/ombre_100_200.png");
   background-repeat: no-repeat;
   float: left;
}
.ombre_100_100 {
   width: 110px;
   height: 110px;
   margin: 0px;
   margin-right: 0px;
   padding: 5px;
   background-image: url("images/ombre_100_100.png");
   background-repeat: no-repeat;
   float: left;
}

/* ================================================= */
/*  BLOC ENTIER (sans titre)                         */
/* ================================================= */
.bloc_entier {
   width: 580px;
   height: 220px;     /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 220px; /*hauteur mini pour les autres*/
   border: 1px solid #CCCCCC; 
   margin: 4px;
   padding-right: 10px;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
}
.bloc_entier p.titre {
   margin: 0px;
   padding-top: 20px;
   text-indent: 0px; 
   text-align: left;
   font-size: 24px;
}
.bloc_entier p.meta {
   margin: 0px;
   text-indent: 0px; 
   text-align: left;
   font-size: 11px;
}
.bloc_entier p.resume {
   margin: 10px;
   text-indent: 10px; 
   text-align: left;
   font-size: 12px;
}
.bloc_entier A:link    { text-decoration: none; color: #000066;}
.bloc_entier A:visited { text-decoration: none; color: #000066;}
.bloc_entier A:active  { text-decoration: none; color: #000066;}
.bloc_entier A:hover   { text-decoration: none; color: #FF0000;}

/* ================================================= */
/*  BLOC DEMI (sans titre)                           */
/* ================================================= */
.bloc_demi {
   width: 286px;
   height: 220px;     /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 220px; /*hauteur mini pour les autres*/
   padding: 2px;
   border: 1px solid #CCCCCC;
   margin: 4px;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
   float: left;
}
.bloc_demi p.titre {
   margin: 0px;
   margin-top: 10px;
   text-indent: 0px; 
   text-align: left;
   font-size: 18px;
}
.bloc_demi p.resume {
   margin: 0px;
   text-indent: 10px;
   font-size: 8px;
}
.bloc_demi p.meta {
   margin: 0px;
   text-indent: 0px; 
   text-align: left;
   font-size: 11px;
}
.bloc_demi A:link    { text-decoration: none; color: #000066;}
.bloc_demi A:visited { text-decoration: none; color: #000066;}
.bloc_demi A:active  { text-decoration: none; color: #000066;}
.bloc_demi A:hover   { text-decoration: none; color: #FF0000;}

/* ================================================= */
/*  BLOC ENTIER  (avec titre)                        */
/* ================================================= */
.bloc_entier_titre {
   width: 580px;
   padding-left: 20px;
   margin-top: 5px; margin-left: 5px; margin-right: 5px;
   font-size: 20px;
   color: #000066;
   background-image: url("images/fond_bloc_entier.png");
   background-repeat: no-repeat;
}
.bloc_entier_corps {
   width: 580px;
   height: 110px;     /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 110px; /*hauteur mini pour les autres*/
   padding: 4px;
   border-left: 1px solid #CCCCCC; 
   border-right: 1px solid #CCCCCC; 
   border-bottom: 1px solid #CCCCCC;
   margin-left: 5px; 
   margin-right: 5px; 
   margin-bottom: 5px;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
}
.bloc_entier_corps img  {
   float: left;
}
.bloc_entier_corps p.meta {
   margin: 0px;
   text-indent: 0px; 
   text-align: left;
   font-size: 11px;
}
.bloc_entier_titre A:link    { text-decoration: none; color: #000066;}
.bloc_entier_titre A:visited { text-decoration: none; color: #000066;}
.bloc_entier_titre A:active  { text-decoration: none; color: #000066;}
.bloc_entier_titre A:hover   { text-decoration: none; color: #FF0000;}

/* ================================================= */
/*  BLOC DEMI (avec titre)                           */
/* ================================================= */
.bloc_demi_titre  { 
   width: 280px;
   padding-left: 10px;
   margin-top: 5px;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bold;
   font-size: 18px;
   color: #000066;
   background-image: url("images/fond_bloc_demi.png");
   background-repeat: no-repeat;
}
.bloc_demi_corps {
   width: 280px;
   height: 110px; /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 110px; /*hauteur mini pour les autres*/
   padding: 4px;
   border-left:   1px solid #CCCCCC;
   border-right:  1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   margin-left: 5px;
   margin-right: 5px;
}
.bloc_demi_titre A:link    { text-decoration: none; color: #000066;}
.bloc_demi_titre A:visited { text-decoration: none; color: #000066;}
.bloc_demi_titre A:active  { text-decoration: none; color: #000066;}
.bloc_demi_titre A:hover   { text-decoration: none; color: #FF0000;}

/* ================================================= */
/*  ARTICLE SIMILAIRES                               */
/* ================================================= */
.bloc_relatif  {
   width: 110px;
   height: 210px; /*hauteur mini pour IE*/
   height: auto;      /*hauteur mini pour les autres*/
   min-height: 210px; /*hauteur mini pour les autres*/
   border: 1px solid #CCCCCC;
   margin: 4px;
   font-size: 14px;
   float: left;
}
.bloc_relatif A:link    { text-decoration: none; color: #000066;}
.bloc_relatif A:visited { text-decoration: none; color: #000066;}
.bloc_relatif A:active  { text-decoration: none; color: #000066;}
.bloc_relatif A:hover   { text-decoration: none; color: #FF0000;}

/* ================================================= */
/*  ENTETE ARTICLES                                  */
/* ================================================= */
.article_entete {/* en-tete d'article */
   text-align: left;
   width: 280px;
   padding: 5px;
   margin-bottom: 5px;
   margin-left: 305px;
   border: 1px solid #CCCCCC;
   background-color: #FFFFFF;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;

}
.article_entete p.meta {
   margin: 0px;
   text-indent: 0px; 
   text-align: left;
}




/* ================================================= */
/*  COMMENTAIRES                                     */
/* ================================================= */
.cadre_commentaire  {
   width: 550px;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 20px;
   padding: 5px;
   border-top:  2px dashed #CCCCCC;
   border-left: 2px dashed #CCCCCC;
   text-align: left;
}

/* ================================================= */
/*  FORMULAIRES                                      */
/* ================================================= */
input {
  font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;  
  font-size: 14px;
  text-align: left; 
}
textarea { 
  font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;  
  font-size: 14px;
  text-align: left;
}
.form_cadre  {  /* div qui englobe tout le formulaire */
   margin-left: 80px;
}
.form_champ  {  /*  */
   width: 380px;
   height: 20px;
   padding-left:   4px;
   padding-right:  4px;
   padding-top:    9px;
   padding-bottom: 9px;
   border:  1px solid #CCCCCC;
   margin: 5px;
   margin-bottom: 10px;
   margin-left: 20px;
}
.form_area  {  /*  */
   width: 380px;
   height: 200px;
   padding-left:   4px;
   padding-right:  4px;
   padding-top:    9px;
   padding-bottom: 9px;
   border:  1px solid #CCCCCC;
   margin: 5px;
   margin-bottom: 10px;
   margin-left: 20px;
}
.form_envoyer  {  /*  */
   width: 200px;
   height: 40px;
   margin-left: 100px;
   border:  1px solid #CCCCCC;
   background-color: #EEEEEE;
   text-align: center;
   font-weight: bold;
}

/* ================================================= */
/*  PAGINATION                                       */
/* ================================================= */
div.pagination {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align:center;
}
div.pagination a {
  border: 1px solid #CCCCCC;
  margin-right:3px;
  padding: 2px 6px;
  background-position:bottom;
  text-decoration: none;
  color: #000000;
}
div.pagination a:hover, div.pagination a:active {
  background-image:none;
  background-color:#CCCCCC;
  color: #000000;
}
div.pagination span.current {
  margin-right:3px;
  padding:2px 6px;
  font-weight: bold;
  color: #000000;
}

div.pagination span.disabled {
  display:none;
}

/* ================================================= */
/*  PIED PAGE                                        */
/* ================================================= */
.side_inter  {
   width: 1000px;
   background-image: url("images/fond_corps.png");  
   background-repeat: repeat-y; 
}
.side_bas  {
   width: 998px;
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
   background-color: #FFFFFF;
}
.side_bas_titre {
   margin-top:   1px;
   font-size: 18px;
   color: #000066;
   text-align: center;
}
.side_bas_bloc  {
   width: 225px;
   margin: 10px;
   float:left;
}
.side_bas_bloc ul li {
   border-top: 1px solid #CCCCCC;
   padding: 2px;
   margin: 0px;
   list-style-type: none;
   font-size: 12px;
   text-indent: 0px; 
}
.side_bas_bloc ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   text-indent: 0px;
   display:inline
}

.side_bas A:link    { text-decoration: none; }
.side_bas A:visited { text-decoration: none; }
.side_bas A:active  { text-decoration: none; }
.side_bas A:hover   { text-decoration: none; }

.pied_de_page  {
   width: 998px;
   border:     1px solid #CCCCCC;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 10px;
   
   background-image:url(images/fond_bloc.jpg);
   background-position: top;
   background-repeat: repeat-x;
   
   font-size: 12px;
}