/* Fichier CSS de www.temps-action.com : Page Outil */

#fond  /* couleur de fond de page */
{
background-image: url(images/back.png);
color: rgb(0, 0, 0);
cursor: default;
}

table#big_table    	/* Tableau général  */
{
border: 1px solid gainsboro;
background-color: white;
width: 900px;
text-align: left;
margin-left: auto; 
margin-right: auto;
}

table#banniere    		/* Tableau Bannière temps-action  */
{

text-align: center;
width: 900px; 
height: 120px;
vertical-align: top; 
}

.banner				/* Image de la bannière  */
{
width: 900px; 
height: 120px;
border: 1px solid black; 
}

table#menu 			/* Le tableau du menu  */
{
width: 900px; 
height: 27px; 
text-align: left; 
margin-left: auto; 
margin-right: auto;
}

table#menu td#home			/* Style de la cellule accueil  */
{
border-right: 1px solid seagreen; 
font-size: normal;  
text-align: center; 
white-space: nowrap;
font-family: Arial Narrow;  
width: 75px; 
color: rgb(0, 0, 130); 
}

td#home a { 
display: block; background-image: url(images/box_home.png); color: rgb(0, 0, 130);
padding-top: 2px; padding-bottom: 3px; }
td#home a:hover { display: block; background-image: url(images/box_home2.png); color: white; }


.home				/* "Class" Image du menu Accueil  */
{
width: 20px; height: 20px; border: 0;
}

table#menu td#multimedia			/* Cellule Outils  */
{
text-align: left; text-indent: 18px; 
font-size: normal; 
white-space: nowrap; 
font-family: Arial Narrow; 
font-weight: bold;
width: 417px; 
color: rgb(51, 51, 51);
}

td#multimedia a { text-decoration: none;
display: block; background-image: url(images/box_vert.png); 
color: rgb(51, 51, 51); padding-top: 2px; padding-bottom: 3px; }
td#multimedia a:hover { display: block; background-image: url(images/box_bleu.png); color: white; }

table#menu td#time			/* Cellule Zen */
{
border-right: 1px solid seagreen; 
font-size: normal; 
font-family: arial narrow;
font-weight: bold;
text-align: center; 
vertical-align: middle; 
width: 140px; 
color: rgb(51, 51, 51);
}

td#time a { text-decoration: none;
display: block; background-image: url(images/box_vert.png); 
color: rgb(51, 51, 51); padding-top: 2px; padding-bottom: 3px;}
td#time a:hover { display: block; background-image: url(images/box_bleu.png); color: white; }


table#menu td#other			/* Cellules solutions,multi,inf,zen  */
{
border-right: 1px solid seagreen; 
font-size: normal; 
text-align: center; 
white-space: nowrap; 
font-family: Arial Narrow;
font-weight: bold; 
background-color: rgb(255, 255, 255); 
width: 90px; 
color: rgb(51, 51, 51);
}

td#other a { text-decoration: none;
display: block; background-image: url(images/box_vert.png); 
color: rgb(51, 51, 51); padding-top: 2px; padding-bottom: 3px; }
td#other a:hover { display: block; background-image: url(images/box_bleu.png); color: white; }


table#ban2 			/* Bannière 2 : texte + accessibilité web */
{
text-align: left; 
width: 900px; 
height: 70px;
}

.img_ban2			/* Image bannière 2 */
{
width: 800px; height: 65px;
}

table#ban2  td#access			/* Cellule accessibilité web */
{
width: 100px; margin-left: 10px; text-align: center;
}

.img_access				/* Image accessibilité web */
{
border: 0px solid black ; width: 32px; height: 32px;
}

/*.partager
{ width: 75px; height: 16px; float: left; padding-top: 12px; padding-left: 70px; }
*/

table#contenu		/* Tableau central à 2 colonnes  */
{
border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; 
width: 900px; height: 631px; text-align: left; margin-left: auto; margin-right: auto;
}

table#contenu  td.left		/* Colonne 1  */
{
border-right: 1px solid silver; vertical-align: top; text-align: justify; width: 240px;
}

#option			/* Tableau option */
{
border-bottom: 1px solid lightgrey; text-align: left; width: 275px; height: 65px;
}

#option a { color: rgb(51, 51, 51); text-decoration: none;}
#option a:hover { color: #5197FF; text-decoration: underline; }

#option2			/* Tableau option */
{
text-align: left; width: 275px; height: 65px;
}

#option2 a { color: rgb(51, 51, 51); text-decoration: none;}
#option2 a:hover { color: #5197FF; }

#option3			/* Tableau option */
{
border-bottom: 1px solid lightgrey; text-align: left; width: 275px; height: 65px;
}

#option3 a { color: rgb(51, 51, 51); text-decoration: none;}
#option3 a:hover { color: #5197FF; }

.left1  		/* Cellule gauche */
{
vertical-align: top; width: 50px;
}

.box				/* Box image */
{
width: 48px; height: 48px;
}

.right1  		/* Cellule droite */
{
vertical-align: bottom; font-family: Arial;
}

.right2  		/* Cellule droite */
{
vertical-align: center; font-family: Arial; border: 0px solid;
}

.titre
{
color: rgb(235, 94, 0); 
}

.titre a
{
color: rgb(235, 94, 0); text-decoration: none;
}

.texte
{
color: rgb(51, 51, 51); font-size: small; line-height: 20px;
}

.arial				
{
font-family: Arial; color: black; }

table#contenu  td.right		/* Colonne 2  */
{
vertical-align: top; width: 600px;  
color: rgb(51, 51, 51); font-family: Arial; 
}

table#contenu  td.solo
{
vertical-align: top; width: 600px;  
color: rgb(51, 51, 51); font-family: Arial; padding-left: 130px;
}


.margin1					/* marge  */
{
margin-top: 30px; margin-left: 30px; 
}

.titre2
{ width: 390px; height: 50px; }

#zen { border: 0px solid black;  }

#but													/* Photos Titre page Bien organiser son temps  */
{ width: 350px; height: 239px; margin-top: 20px;   }

#ergo
{ width: 350px; height: 232px; margin-top: 20px;   }

#plan
{ width: 350px; height: 233px; margin-top: 20px;   }

#delegue
{ width: 350px; height: 233px; margin-top: 20px;   }

#vol
{ width: 350px; height: 242px; margin-top: 20px;   }

#now
{ width: 234px; height: 350px; margin-top: 20px;   }

#avantages
{ width: 350px; height: 236px; margin-top: 25px;   }

#priorites
{ width: 350px; height: 298px; margin-top: 25px;   }

#mini
{ width: 200px; height: 134px; margin-top: 15px;   }

#mini2
{ width: 200px; height: 171px; margin-top: 15px;   }

#mini3
{ width: 200px; height: 200px; margin-top: 15px;   }

#mini4
{ width: 145px; height: 200px; margin-top: 15px;   }

#mini5
{ width: 134px; height: 200px; margin-top: 15px;   }

#zen-attitude										/* Photos Titre page Zen attitude  */
{ width: 202px; height: 300px; float: left; margin-right: 10px;   }

h1
{
font-size: 19px; text-decoration: none; text-indent: 5px; margin-top: 25px;
margin-bottom: 25px; color: rgb(215, 161, 33); font-family: Arial; line-height: 28px;
background-image: url(images/fondh2.jpg); background-repeat: no-repeat;
background-position: left bottom; width: 400px; font-style: italic; font-variant: small-caps;
font-weight: bold;
}

h2
{
font-size: medium; text-decoration: none; margin-top: 25px; margin-bottom: 1px;
color: rgb(96, 154, 40); 
}
 
.h2
 { margin-top: 1px; }

h3
{
font-size: small; font-family: Arial; color: rgb(51, 51, 51);
font-style: italic; 
} 

.right ul { color: rgb(195, 108, 3); width: 460px;  }

.right ul span { color: rgb(51, 51, 51); font-size: small; line-height: 20px; }

.right li
{
 list-style-type: disc; font-size: normal;
}

#titre
{ width: 24px; height: 24px; float: left; }

.right p
{
font-size: small; width: 480px; line-height: 20px;
}

.solo p
{
font-size: small; width: 600px; line-height: 20px; 
}

.suite
{ color: #5197FF; font-weight: bold;   }

.suite a { color: #5197FF; text-decoration: none }
.suite a:hover { text-decoration: underline;  }

.lien-temps
{ color: rgb(15, 50, 255); text-decoration: underline; text-align: center;
  margin-top: 15px; }

.lien-temps a { color: rgb(15, 50, 255); }

.lien-ok
{ color: rgb(15, 50, 255); text-decoration: underline; text-align: center;
  margin-top: 15px; font-weight: bold }

.lien-ok a { color: rgb(15, 50, 255); }

#after
{ color: rgb(51, 51, 51); }
#after a
{ color: rgb(51, 51, 51); text-decoration: none }
#after a hover
{ color: #5197FF; text-decoration: underline; }

#share
{ margin-top: 30px;}

.photo      /* Page photo Zen */
{
border: 1px solid ; width: 550px; height: 368px;
}

#office
{ width: 350px; height: 414px; margin-bottom: 1px; }

.center
{ text-align: center; }

#mail
{ width: 250px; height: 40px; border: none; }


.clic               /* Page Zenbook, texte orange */
{ color: rgb(235, 94, 0); text-align: center; }

#zenbook         /* Page Zenbook */
 { border: 0px solid ; width: 128px; height: 128px; }
 

.choix				/* tableau livre blanc, mail, lecture rapide, minuteur */
{
border: 1px solid lightgrey; text-align: left; width: 100px;
}

.image				/* image des tableaux choix  */
{
border: 0px solid ; width: 400px; height: 200px;
}

.citation
{
margin-left: 20px; font-family: Arial; font-style: italic; color: rgb(175, 175, 175);
}

.center
{
text-align: center;
}

.left
{
text-align: left;
}

.top_page
{
font-family: Arial; font-weight: bold; margin-left: 10px; color: rgb(38, 155, 193); font-size: small;
}

.top_page a { color: rgb(38, 155, 193); text-decoration: none;}
.top_page a:hover { color: #383838;}

#fleche
{
width: 12px; height: 12px; border: 0px solid;
}

.C a { color: rgb(135, 135, 135); text-decoration: none; }

.C
{
color: rgb(135, 135, 135); font-size: small; margin-left: 200px;
}

.foot
{
border-top: 1px solid silver; 
text-align: left; width: 900px; height: 50px; 
background-image: url(images/footer.jpg); background-repeat: no-repeat;
background-color: rgb(235, 235, 235);
}

.tab_foot
{
width: 341px; height: 15px; text-align: left; margin-left: auto; margin-right: auto;
font-family: arial; font-size: small;
}

.partenaires
{
border-right: 1px solid lightgrey; text-align: center; width: 85px; 
}

.contact
{
border-right: 1px solid lightgrey; text-align: center; width: 75px; 
}

.mentions
{
border-right: 1px solid lightgrey; width: 112px; text-align: center; 
}

.confidentiel
{
border-right: 1px solid lightgrey; width: 105px; text-align: center; 
}

.plan
{
width: 90px; text-align: center; 
}

.tab_foot a { color: rgb(175, 175, 175); text-decoration: none;}
.tab_foot a:hover { color: white;}


#menubas
{
float:left; padding: 20px 0 30px 250px;
}  

.menubas_bloc1
{
float:left; width:150px; text-align:left; 
}  

.menubas_bloc1 ul
{ font-family: Arial; font-size: 12px; color: rgb(51, 51, 51); 
list-style:none; line-height: 17px; margin:0; padding:0;
}

.menubas_bloc1 li a
{ color: rgb(51, 51, 51); text-decoration: none;  }

.menubas_bloc1 li a:hover
{ text-decoration: underline;  }


.menubas_bloc2
{
float:left; width:250px; text-align:left; 
}  

.menubas_bloc2 ul
{ font-family: Arial; font-size: 12px; color: rgb(51, 51, 51); 
list-style:none; line-height: 17px; margin:0; padding:0;
}

.menubas_bloc2 li a
{ color: rgb(51, 51, 51); text-decoration: none;  }

.menubas_bloc2 li a:hover
{ text-decoration: underline;  }

.menubas_bloc3
{
float:left; width:210px; text-align:left; 
}  

.menubas_bloc3 ul
{ font-family: Arial; font-size: 12px; color: rgb(51, 51, 51); 
list-style:none; line-height: 17px; margin:0; padding:0;
}  

.menubas_bloc3 li a
{ color: rgb(51, 51, 51); text-decoration: none;  }

.menubas_bloc3 li a:hover
{ text-decoration: underline;  }