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

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

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

.contenu		/* Div  */
{
margin: 10px;
}

.im1
{
width: 32px; height: 32px;
}

h2
{
color: rgb(81, 151, 255); font-weight: bold; font-size: large; margin-top: 25px; 
}

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

h4
{
font-size: small; color: rgb(58, 58, 58); line-height: 1px;
margin-top: 20px; margin-bottom: 20px;    
}

h5
{
margin-left: 20px; font-size: small; color: rgb(109, 109, 109);
margin-top: 8px; margin-bottom: 8px;
}

h6
{
margin-left: 40px; font-size: small; color: rgb(145, 145, 145);
margin-top: 1px; margin-bottom: 1px;
}

p
{
font-family: Arial; font-size: small; color: black;   
}

.big
{
font-size: x-large; font-weight: bold; margin-left: 8px;
}

.espace
{
margin-top: 1px;
}

.esp
{
margin-top: 20px;
}

.num
{
font-size: medium; 
}

.b1
{
font-weight: bold; font-size: medium;
}

br
{
margin: 3px;
}

.im2
{
width: 22px; height: 22px; 
}

.nav
{
font-family: Arial; font-weight: bold; font-size: small; margin-left: 8px;
color: black;
}

.nav a
{ color: black; text-decoration:none;  }
.nav a:hover
{ color: #F7AD00; text-decoration:none; }

ol
{
color: rgb(0, 153, 0); font-family: Arial; font-weight: bold; font-size: small;
}

ul
{
font-family: Arial; font-size: small;
}

li
{
line-height: 18px;
}

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

.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: 426px; 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;  }