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

#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: center; 
width: 900px; 
height: 70px;
margin-left: auto; margin-right: auto;
}

.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;
}

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; text-align: left; color: black;
}

.margin1
{
margin-top: 10px; margin-left: 40px; margin-right: 60px; 
font-family: Arial; font-size: 10pt; color: rgb(82, 82, 82);
}

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

h4
{
font-size: medium; font-weight: normal; margin-bottom: 20px;
}

.right ul
{ list-style-image: url(images/puce_verte.png);}

.right li
{ margin-bottom: 15px; }

.auteur1
{
font-style: italic; font-weight: bold; font-size: small; margin-left: 200px;
}

.auteur
{
font-style: italic; font-weight: bold; font-size: small; 
}

.center
{
text-align: center;
}

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

.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;  }