FEUILLE  css  CONTAINER  pour Consus-France NET


/* Le corps de la page */



#container{text-align:left}
#container{width:975px;margin:0 auto}

.content{float:left;width:720px; position:relative; left:8px;}
.content p{line-height:1.4}
.content{background:#e0ffe0;}



#corps
{
   margin-left: 1px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   text-align:left
   color: #000;
   background-color: #e0ffe0; /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid color: #eeeeee; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}


/* Cellules navigations MENU */

#COLLECTION_NAVI {
	display: block;
        margin: 0 0 6px 0;
    background: url('.png') repeat-y
}




#COLLECTION_NAVI ul {
	list-style: none;
    padding: 0 0 0 1px
}

#COLLECTION_NAVI li {
        background: url('.gif') repeat-x;
        width: 182px;
        overflow: hidden
}
       
#COLLECTION_NAVI li a {
			display: block;
			padding: 1px 2px 1px 5px;
			background: url('.png') no-repeat 10px center;
			text-decoration: none
}


            #COLLECTION_NAVI li a:hover {
                font-weight: bold
            }

            #COLLECTION_NAVI li .active {
                font-weight: bold;
                background-image: url('.png')
            }





#menu
{
   float: right; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
}


.Encart_COLLECTIONS
{
   background-color: #ddffcc;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}







.Encart_COLLECTIONS_liste
{
   background-color: #ffe0a0;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


.Google
{
   
   
 
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}





.navigation
{
   background-color: #B9CAFF;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.navigation1
{
   background-color: #7788ff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.navigation2
{
   background-color: #ffaa44;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}





.navigation3
{
   background-color: #ffbb99;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



.navigation4
{
   background-color: #ffeeaa;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}




.navigation5
{
   background-color: #ffeeaa;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}




.navigation6
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}





.Encart_PUB
{
   background-color: #ccddff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



.extra_Pub1
{
   
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



.extra_Pub2
{
   
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



.extra_Pub3
{
   background-color: #ee2200;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}





.extra_Pub4
{
   
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



.extra
{
   background-color: #FF8539;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}




.extra2
{
   background-color: #EFEFCC;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid #eeeeee;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}








#footer{clear:both;  width:100%; background: #ffe0a0; 
   }
#footer p{margin:0;padding:5px 10px}







/* texte */

  {text-indent: 30px; text-align: justify; font-size: 0.9 em; font-family : "Comic Sans MS", serif; }



.texte_Titre1{ text-align: justify; font-size: 15px; font-family : "Comic Sans MS", serif; }


.texte2 /* ---  texte normal  -------*/
{font-size: 0.9 em; font-family : "Comic Sans MS", serif; }

.texte  /* texte à coté de l'image justifié à fond blanc*/
{ font: 11px Verdana, Arial, sans-serif; text-align:justify; color: #000; background-color: #ffffff; padding-left : 15px; 
padding-right : 15px;  }


.texte_Fond1  /* texte  justifié à fond en couleur*/
{ font: 11px Verdana, Arial, sans-serif; text-align:justify; color: #000; background-color: #EFEFCC; padding-left : 15px; 
padding-right : 15px;  }


.texteItalicJ  /* italique justifié à fond couleur blanc*/
{ font: 12.5pt Times New Roman; font-style: italic; sans-serif;  text-align: justify; color: #000; background-color: #ffffff; padding-left : 15px;
 padding-right : 15px;  }



.C_texteItalic  /* italique centré*/
{ font: 12.5pt Times New Roman; font-style: italic; sans-serif;  text-align: justify; color: #000; text-align:center;  }



.texteItalicJsans  /* italique justifié  sans fond de couleur*/
{ font: 12.5pt Times New Roman; font-style: italic; sans-serif;  text-align: justify; color: #000;  padding-left : 15px;
 padding-right : 15px;  }




.texteItalic  /* italique*/
{ font: 12.5pt Times New Roman; font-style: italic; sans-serif;   color: #000;   }


.texteItalicE  /* italique*/
{ font: 12pt Times New Roman; font-style: italic; sans-serif;   color: #000;   }

.texteItalicI  /* italique*/
{ font: 1.1em Times New Roman; font-style: italic; sans-serif;   color: #000;   }


.texteRed  /* texte de couleur rouge justifié*/
{ font: 11pt Verdana, Arial, sans-serif; text-align: justify; color: red; background-color: #ffffff; padding-left : 15px; padding-right : 15px;  }


.texteRed2  /* texte de couleur rouge justifié*/
{ font: 11px Verdana, Arial, sans-serif; text-align: justify; color: red; background-color: #ffffff; padding-left : 15px; padding-right : 15px;  }

.texteRouge	{ font: 13px Verdana, Arial, sans-serif; color: #C00; }


.texteCentreC01  { font: 11pt Times New Roman;  text-align: center; color: #3399ff; }/* --- texte 
couleur bleu ---- */


.texteC02  { font: 14pt Times New Roman;  text-align: center; color: #ff4411; }/* --- texte 
couleur rouge/orange ---- */




.texteDJ  /* texte de couleur bleu justifié  décalé à gauche*/
{ font: 11pt Times New Roman, Verdana, Arial, sans-serif; text-align: justify;   color:#3399ff; background-color: #EFEFCC; padding-left : 105px; padding-right : 55px;  }

.repro {text-align: left; color: red; font-variant: small-caps; }
.reproWIKI {text-align: right; color: #3399ff; font-variant: small-caps; }

.auteurs { font: 11px Verdana, Arial, sans-serif; }


.texteG  /* ----------- texte placé dans le container tout à gauche ------------*/
{ font: 13px Verdana, Arial, sans-serif; text-align: right;  position:relative; right:8px; }



.CtexteV02 {   font-family : MS Serif; engravers mt; Century;     font-size : 18px;  font-weight: bold; color: #ff4411; }

.CtexteV022 {   font-family : MS Serif; engravers mt; Century;     font-size : 14px;  font-weight: bold; color: #ff4411;text-align:center; }


P.CtexteV05 {   font-family : Arial;     font-size : 18px; sans serif; font-weight: bold; color: #008800; }


.CtexteV044 {   font-family : Arial;     font-size : 18px; sans serif; font-weight: bold; color: #008800; text-align:center; }



P.CtexteV04 {   font-family : MS Serif; engravers mt; Century;     font-size : 18px;  font-weight: ; color: #000000; text-align:center; }



.CtexteRose {   font-family : Arial;     font-size : 18px; sans serif; font-weight: bold; color:#ff69b4; }

.texte_retrait{ margin-left:8px;}


/*LETTRINES*/
.cap {
	FONT-WEIGHT: bold; FONT-SIZE: 42px; /*FLOAT: left;*/ WIDTH: 0.85em; COLOR: #444; LINE-HEIGHT: 31px; FONT-FAMILY: georgia, times, serif
}


/*lettrines couleur rouge*/
.capred {
	FONT-WEIGHT: bold; FONT-SIZE: 42px; /*FLOAT: left;*/ WIDTH: 0.85em; COLOR: #ff4411; LINE-HEIGHT: 31px; FONT-FAMILY: georgia, times, serif
}


/*lettrines couleur bleu*/
.capC01 {
	FONT-WEIGHT: bold; FONT-SIZE: 42px; /*FLOAT: left;*/ WIDTH: 0.85em; COLOR: #3399ff; LINE-HEIGHT: 31px; FONT-FAMILY: georgia, times, serif
}



/* ------------- IMAGES  ---------------*/


.imageDroite { float:right;padding-left : 15px;}
.imageGauche { float:left; padding-right : 15px;}



/*  -------    LISTES   -------------*/

.retrait
{
   list-style-position : outside;  
}  *  ------    liste  avec retrait en seconde ligne et sas puce en classe retrait dans ul -------*/

.rien
{
   list-style-type: none;
}






/*-----       LISTE à PUCES  -----------*/
.retrait
{
   list-style-position: outside;
}

.rien
{
   list-style-type: none;
}


.Puce_End /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("Image/end.gif");
}



/*  ------------  HAUT   -----------                 */
.haut { font: 13px Verdana, Arial, sans-serif; text-align: right; valign: bottom; position:relative; right:8px; }