body                {	margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 11px;	font-weight: normal; color: #455560; text-decoration: none; scrollbar-arrow-color: #EBECEE; scrollbar-base-color: #11B2F0; scrollbar-darkshadow-color: #11B2F0; scrollbar-track-color: #EBECEE; scrollbar-face-color: #11B2F0; scrollbar-shadow-color: #11B2F0; scrollbar-highlight-color: #11B2F0; scrollbar-3dlight-color: #EBECEE;   }
p                   {	margin: 0px; padding-top: -20px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 11px;	font-weight: normal; color: #455560; text-decoration: none;}
.fond_accueil       {	background-attachment: fixed; background-color: #FFFFFF; background-image: url(../images/accueil/Background_html.gif);	background-repeat: no-repeat;   }
.fond_flash         {	background-attachment: fixed; background-color: #FFFFFF; background-image: url(../images/accueil/Background_flash.gif);	background-repeat: no-repeat;   }

/** Les contrôles **/
input.control       {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; border-color : #999999; border-width: 1px;	font-weight: normal; color: #455560; background-color : #FFFFFF; text-decoration: none; }
textarea.control    {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; border-color : #999999; border-width: 1px;	font-weight: normal; color: #455560; background-color : #FFFFFF; text-decoration: none; }
select.control      {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; border-color : #999999; border-width: 1px;	font-weight: normal; color: #455560; background-color : #FFFFFF; text-decoration: none; }

/** La DIV principale   **/
#Div_Main           {	height: 100%; }

/** La DIV de l'entête  **/
#Div_Entete         {	height: 97px; width: 780px; }

/** La DIV du bas de page  **/
#Div_Bas_Page       {	  display: block; text-align: center; padding-top: 10px; float: left;  width: 780px; }

/** Les DIVS Gauche et Droite de la page d'accueil  **/
#Div_Accueil_Gauche {   display: block;	height: 341px; width: 530px; float: left;   }        
#Div_Accueil_Droite {	display: inline; height: 341px;	width: auto; float: left; padding: 0px; }

/** DIV contenant un Scroll dans la page d'accueil **/
#Div_Liste          {   display: block;	overflow: auto;	height: 225px; width: 250px; padding-top: 0px; padding-left: 10px; margin-top: 10px; position : absolute; left : 530px; }

/** DIV contenant un Scroll dans la page des réalisations **/
#Div_Liste_Client          {   display: block;	overflow: auto;	height: 330px; width: 435px; padding-top: 0px; padding-left: 10px; margin-top: 0px; position : absolute; left : 335px; top: 206px;}

/** LA DIV des citations de la page d'accueil   **/
#Div_Citations      {	display: block;	height: 104px; width: 250px; border-top: 1px solid #B3BEC4;	border-right: 1px none #B3BEC4; border-bottom: 1px solid #B3BEC4; border-left: 1px none #B3BEC4; padding-left: 10px; margin-bottom: 0px;    }

/** Le logo de CIBLE **/
#Logo_Cible         {   margin-left: 80px; margin-top: 0px;	margin-bottom: 0px;	margin-right: 0px;	}

/** DIV générale dans les pages du site **/
#Div_General_Gauche {	display: inline; height: auto; width: 325px; float: left;   }
#Div_General_Droite {   display: inline; height: auto; width: 455px; float: left; padding: 0px;	text-align: left;   }

/** DIV pour le menu du haut **/
#Div_Menu           {	display: block;	height: 34px; width: auto;	padding-left: 106px;    }   
      
/** DIV du contenu principal    **/
#Div_Contenu        {	width: 435px; height: auto;	padding-left: 20px; } 

/** DIV du Logo **/                                               
#Div_Logo           {	width: 325px; height: 109px;    }     

/** DIV des sous-menus de la page principal **/                                                               
#Div_Sous_Menu      {   width: auto; height: 104px;	text-align: left; padding-left: 20px;   }

/** Portfolio **/
#Div_Presentation   {	display: block; width: 325px; height: 341px;    }

/** DIV du menu GRIS à gauche    **/
#Div_Menu_Gauche    {	width: 325px; height: 341px;    } 

/** Couleur de fond **/
.fond_bleu_fonce    {	background-color: #455560;	}
.fond_gris_pale     {	background-color: #EBECEE;	} 
.fond_blanc         {	background-color: #FFFFFF; }  

.gris_pale          {    color : #C3C9CD;   }
                                                                                  
/** Titres et textes **/

h1 						    {	font-size: 15px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-weight: normal; margin-bottom: 1px; margin-top: 6px; line-height: 15px; }
h2                          {	font-size: 14px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-weight: normal; margin-bottom: 1px; margin-top: 6px; line-height: 14px; }
h3                          {	font-size: 12px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-weight: normal; margin-bottom: 1px; margin-top: 6px; line-height: 13px; }
h4                          {	font-size: 11px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-weight: normal; margin-bottom: 1px; margin-top: 6px; line-height: 12px; }
h5                          {	font-size: 10px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-weight: normal; margin-bottom: 1px; margin-top: 6px; line-height: 11px; } 

h1.baliseimage              {   margin-top : 0px;  margin-bottom : 0px; font-size : 10px;    }
h2.baliseimage              {   margin-top : 0px;  margin-bottom : 0px; font-size : 10px;    }
h3.baliseimage              {   margin-top : 0px;  margin-bottom : 0px; font-size : 10px;    }

h1.baliseimagelogo          {   line-height: 42px; margin-left: 80px; margin-top: 0px;	margin-bottom: 0px;	margin-right: 0px; font-size : 14px;    }

/** Styles des textes   **/

/* Texte en majuscule */     
.caps               {   text-transform: uppercase;  }
/* Texte en gras */     
.bold               {   font-weight: bold;  }        
/* Texte normal */     
.normal             {   font-weight: normal;  }      
/** Message avertissement **/
.attention          {	color: #CC0000; padding: 0px; margin: 0px;  } 

/**     Définition des couleurs **/

.texte_regulier     {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 12px; color: #455560; text-decoration: none; }
.texte_titre        {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 15px; font-weight: normal; color: #455560; text-decoration: none;    }

.style_studio       {	color: #C6C54A;	text-decoration: none;	}
.style_interactif   {	color: #C3C9CD;	text-decoration: none;	}
.style_strategique  {	color: #11B2F0;	text-decoration: none;  }

.titre_blanc                {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: bold;	color: #FFFFFF; text-decoration: none; text-transform: uppercase;   }

.sous_titre_blanc           {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none;    }

.notes_grise                {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: normal; color: #BBBBBB; text-decoration: none;    }

.texte_bleu_pale            {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 12px; font-weight: bold; color: #00ADEF; text-decoration: none; }

/** Les liens **/
a.lien              {	color: #11B2F0;	text-decoration: underline;	}
a.lien:hover        {	color: #11B2F0;	text-decoration: underline;	}
a.lien:visited      {	color: #11B2F0;	text-decoration: underline;	}

.lien_studio                {	color: #C6C54A;	text-decoration: underline;	}
a.lien_studio               {	color: #455560;	text-decoration: underline;	}
a.lien_studio:hover         {	color: #C6C54A;	text-decoration: underline;	}
/*a.lien_studio:visited       {	color: #455560;	text-decoration: underline;	}*/

.lien_interactif             {	color: #C3C9CD;	text-decoration: underline;	}
a.lien_interactif           {	color: #455560;	text-decoration: underline;	}
a.lien_interactif:hover     {	color: #C3C9CD;	text-decoration: underline;	}
/*a.lien_interactif:visited   {	color: #455560;	text-decoration: underline;	}*/

.lien_strategique            {	color: #11B2F0;	text-decoration: underline;	}
a.lien_strategique          {	color: #455560;	text-decoration: underline;	}
a.lien_strategique:hover    {	color: #11B2F0;	text-decoration: underline;	}
/*a.lien_strategique:visited  {	color: #455560;	text-decoration: underline;	}*/

.lien_regulier              {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 11px; font-weight: normal; color: #455560; text-decoration: underline;   }
a.lien_regulier             {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 11px; font-weight: normal; color: #455560; text-decoration: underline;   }
a.lien_regulier:hover       {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: normal; color: #455560; text-decoration: underline;   }
/*a.lien_regulier:visited     {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 11px; font-weight: normal; color: #455560; text-decoration: underline;   }*/
 
 /** Séparateur haut de page et interlignage */    
.liens_haut_separ           {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: bold;	color: #999999; text-decoration: underline;  }
a.liens_haut_separ          {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: bold;	color: #999999; text-decoration: underline;  }
a.liens_haut_separ:hover    {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: bold;	color: #999999; text-decoration: underline; }
/*a.liens_haut_separ:visited  {	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 11px; font-weight: bold;	color: #999999;	text-decoration: underline; }*/

/** Séparateur bas de page et interlignage */    
.liens_bas_separ            {   font-size: 9px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; color: #999999; line-height: 10px; }
a.liens_bas_separ           {	font-size: 9px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; color: #999999; line-height: 10px; }
a.liens_bas_separ:hover     {   font-size: 9px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; color: #999999; line-height: 10px; }
/*a.liens_bas_separ:visited   {	font-size: 9px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial; color: #999999; line-height: 10px; }*/

.lien_blanc                 {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;    }
.lien_blanc:hover           {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;    }
/*.lien_blanc:visited         {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;    }*/

/** Les petites flèches **/
.fleche_bleu_pale           {    font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 16px; font-weight: bold; color: #00ADEF; text-decoration: underline;    }
.fleche_bleu_pale:hover     {    font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 16px; font-weight: bold; color: #00ADEF; text-decoration: underline;    }
/*.fleche_bleu_pale:visited   {    font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 16px; font-weight: bold; color: #00ADEF; text-decoration: underline;    }*/

.fleche_blanche             {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 14px; font-weight: bold;	color: #FFFFFF; text-decoration: none;      }
.fleche_blanche:hover       {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
/*.fleche_blanche:visited     {   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;	font-size: 14px; font-weight: bold;	color: #FFFFFF; text-decoration: none;      }*/


ul 
{
    padding-left : 10px;
    margin-left : 10px;
    list-style-image:url(../images/commun/puce.gif); 
}

ul.liste_strategique 
{
    padding-left : 10px;
    margin-left : 10px;
    list-style-image:url(../images/commun/puce_strategique.gif); 
}

ul.liste_studio    
{
    padding-left : 10px;
    margin-left : 10px;
    list-style-image:url(../images/commun/puce_studio.gif); 
}

ul.liste_interactif    
{
    padding-left : 10px;
    margin-left : 10px;
    list-style-image:url(../images/commun/puce_interactif.gif); 
}