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

#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  */
{
width: 900px; 
height: 120px;
vertical-align: top; 
text-align: center;
}

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

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

table#menu td.home			/* Style de la cellule accueil  */
{
border-right: 1px solid seagreen; 
font-size: medium;  
text-align: center; 
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; }


table#menu td.multimedia			/* Cellule Outils  */
{
text-align: left; text-indent: 18px;
font-size: medium;  
font-family: Arial Narrow, arial; 
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: 1.0em;
font-family: Arial Narrow, arial, sans-serif;
text-align: center; 
font-weight: bold; 
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: medium; 
text-align: center; 
font-family: Arial Narrow, arial;
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;  
}

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

.twit
{ width: 32px; height: 32px; float: left; border: none; }

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

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

table#bienvenue			/* Tableau Bienvenue */
{
border: 1px solid lightgrey; 
background-image: url(images/fond_gris.PNG); color: rgb(51, 51, 51); 
margin-top: 1px; width: 500px; text-align: left; margin-left: 15px; margin-right: auto
}

.im_bienv				/* Image bienvenue */
{
width: 110px; height: 110px; float: left; padding: 14px 2px; 
}

.mot_bienv				/* Texte bienvenue */
{
text-indent: 50px; 
}

h1				/*  Titre bienvenue */  
{
font-family: times, arial; font-size: large; color: rgb(38, 155, 193); font-weight: bold;
text-indent: 75px; margin-top: 1px; margin-bottom: 20px;
}

h2
{
font-size: large; text-decoration: none; margin-left: 50px; margin-top: 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; 
}

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

p
{
font-family: Arial; font-size: small; margin-left: 50px; 
line-height: 17px; width: 500px;
}

p a { color: rgb(15, 50, 255); text-decoration: none; }
p a:hover { text-decoration: underline; }

.left ul { color: rgb(195, 108, 3); padding-left: 25px;}

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

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

.guil1					/* Image guillement gauche */
{
width: 20px; height: 19px;}

.guil2					/* Image guillement droit */
{
width: 27px; height: 25px; float: right; margin-right: 180px; }

.details				/* Texte section */
{
font-family: Arial; color: rgb(51, 51, 51); font-size: small; }

table#what				/* Tableau présentation de temps-action */
{
border: 1px solid lightgrey; 
background-image: url(images/fond-what.jpg); 
width: 500px; 
text-align: left; margin-left: 40px; margin-right: auto; font-family: Arial;
vertical-align: top; color: rgb(51, 51, 51);
}

table#what td
{
padding: 4px;
}

#what p
{ margin-left: 0px; }

.top-box				  /* Marge haute tableau what */
{
margin-top: 1px; 
}

.bottom-box				  /* Marge basse tableau what */
{
margin-bottom: 1px; 
}

#macaron
{ width: 110px; height: 110px; border: none; }

.center						/* Div bouton Inscrivez-vous */
{
text-align: center; }

.bouton_ins				/* Bouton Inscrivez-vous */
{
border: none; width: 350px; height: 35px; text-align: center;
}

table#contenu  td.right		/* Colonne 2  */
{
border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey;
vertical-align: top; width: 300px;
background-color: rgb(235, 235, 235);
}

.date 					/* Date  */
{
text-align: center; color: rgb(186, 139, 46);
font-family: Arial;  
}

#membre
{ width: 200px; height: 35px; border: none; }

.right p
{ font-family: Arial; color: rgb(51, 51, 51);
 font-size: small; width: 280px; margin-left: 9px; line-height: 17px; }

.right p a
 { color: rgb(51, 51, 51); text-decoration: none; }
 
#section			/* Tableau section 1 */
{
border-bottom: 3px solid silver; text-align: left; 
width: 280px; height: 40px; margin-left: 9px; line-height: 19px; 
color: rgb(0, 198, 0); font-weight: bold; font-family: Arial; 
}

.vert				/* Texte vert */
{
color: rgb(0, 198, 0); font-weight: bold; font-family: Arial; 
}

.gris				/* texte gris */
{
color: rgb(102, 102, 102); font-weight: bold; font-family: Arial; 
}

.gris_clair
{
color: rgb(51, 51, 51); font-family: Arial;
}

.imS				/* Image Section */
{
width: 32px; height: 32px; float: left; 
}

#guide
{ text-align: center; margin-top: 50px; }

#guide-bureau
{ width: 200px; height: 211px; border:none }


.citation
{
text-align: left; font-family: Arial; font-style: italic; 
color: rgb(175, 175, 175); font-size: medium; width: 550px;
}

.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
{
color: rgb(135, 135, 135); font-size: small; font-family: times, arial; 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;  }