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

#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: 898px; 
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;
}

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

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

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

#cadre     /* Cadre bleu formulaire  */
{ background-image: url(images/cadre.jpg); background-repeat: no-repeat;
width: 500px; height: 300px; }

.remplir      /* marge texte formulaire  */
{ margin-left: 70px; margin-bottom: 30px; }

.name
{ margin-left: 100px;  }

.mail
{ margin-bottom: 20px; margin-left: 109px;  }

.clic
{  margin-left: 110px; }

.respect
{ color: white; margin-left: 50px; }

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

h1
{
font-size: 20px; text-decoration: none; line-height: 30px; text-indent: 5px;
color: rgb(70, 70, 70); width: 500px;
}

h2
{
font-size: large; text-decoration: none; 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: 16px; text-decoration: none; line-height: 20px; text-indent: 5px;
color: rgb(70, 70, 70); width: 500px; font-style: italic;
}

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

.center
{ text-align: center; }

#secrets
{ width: 200px; height: 292px; }

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

.adresse
{ color: rgb(15, 50, 255); text-decoration: underline; text-align: center;
  font-weight: bold }

#office
{ width: 350px; height: 414px; }

#infos
{ width: 250px; height: 53px; }


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