/* ****************************
# trintanelles_eu.css
#
# Groupe des sites Trintanelles
# Site :  trintanelles.eu (T3Nel)
# Feuille de style générale du site
#
# V100 25 AVR 2011 JPA
#  - Reprise générale pour OTT
*************************** */

/*** CSS sites ***/
body {
  margin: 0;
  padding: 5px 0 0 0;
  font: 12px arial, helvetica, tahoma, "Trebuchet MS" ,sans-serif;
/*
  font-family: Times New Roman, Times, serif;
*/
  text-align: center;
  background-color: #ececec;
}

/* IE Png transparent
---------------------------------------------*/
* html .png { behavior:   url(/www/Styles/Images/iepngfix.htc); }
/*-------------------------------------------*/

h1, h2, h3, h4, hr, div, form, img, table, td, tr, p, li, ul, dd, input, map {
  margin: 0;
  padding: 0;
}
h1.bienvenue {
  margin: 0 0 12px;
  padding: 0;
  color: #339; /* bleu sombre */
  font-family: Times New Roman, Times, serif;
  font-size: 2em;
  font-weight: bold;
  font-style: normal;
}
li {
  display: list-item;
  margin-left: 15px;
}
img {
  border: none;
}
a {
  color: #009ee0;
  text-decoration: none;
  outline: none
}
p {
  font-family: Times New Roman, Times, serif;
}
#centrage {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  background-color: #ffc; /* #FFC */
}
#page {
  width: 990px;
  height: auto;
  padding-bottom: 27px;
  margin: 0 auto;
  background-color: #ebebeb;
}

/*----------------------------------------------+
+ Top haut de page , header                     +
+----------------------------------------------*/
#tete_page {
  width:970px;
  margin: 0 auto;
  padding: 10px 10px 0px;
  background: transparent url(Images/bgd_tete_page.png) no-repeat scroll center top;
/*
*/
  display:table;
  text-align:center;
}
#tete_page .logo {
  width: 100px;
  margin: 0;
/*
  border: thin solid green;
*/
  display: table-cell;
}
#tete_page .en_tete {
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font: bold 16px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
#tete_page .en_tete_1 { /* tete_page :  texte par défaut */
  font: bold 16px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
.haut { /* Haut :  table des logo, titre et sous-titre */
  width: 100%;
  border: 0;
}
.haut_td {
  vertical-align: middle;
  font: bold 16px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
.haut_logo { /* Haut :  logo à gauche */
  width: 416px;
  vertical-align: top;
  text-align: left;
}
.logo_t3nel_image { /* T3Nel :  logo pseudo-image */
  color: blue;
  font-size: 5em;
  font-style: italic;
  font-weight: 500;
}
.haut_titre { /* Haut :  ltitre au milieu */
  width: 300px;
  padding: 0;
  text-align: left;
}
.haut_titreZ {
  width: 400px;
  padding: 0 50px;
  text-align: left;
}
.logo_t3nel_texte { /* T3Nel :  logo texte */
  color: #00f;
  font-family: Times New Roman, Times, serif;
  font-style: italic;
}
.haut_s_titre {
  width: 470px;
  padding: 0 20px;
  text-align: right;
}
.haut_sous_titre { /* Haut :  sous-titre à droite */
  width: 246px;
  padding: 0;
  text-align: left;
}
/*----------------------------------------------+
+ Menu haut de page                             +
+----------------------------------------------*/
#menu_haut {
  width: 970px;
  height: 36px;
  margin:0 auto;
  padding: 0px 10px 0px;
  background: transparent url(Images/bgd_corps.png) repeat-y scroll center top;
}
#menu_haut .menu {
  height: 31px;
  margin:0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background:#f6f6f6;
}
#menu_haut .menu_item {
/*
c'est le float left qui met les items les uns à droite des autres (au lieu de en-dessous des autres)
*/
  display: block;
  float: left;
  margin: 9px 15px 0 10px;
  padding-right: 20px;
  list-style-type: none;
  font: 12px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
#menu_haut .menu_item a {
  color: #888;
}

/*----------------------------------------------+
+ centre                                        +
+----------------------------------------------*/
#corps {
  width: 970px;
  margin:0 auto;
  padding: 0px 10px 0px;
  background:transparent url(Images/bgd_corps.png) repeat-y center top;
  text-align: left;
}
/* il n'y a pas de menu gauche/droit dans le corps de page
#page #corps .column-2 {
	width: 257px;
	padding: 10px;
	float: left;
	margin:0 0 0 10px;
}
*/
#page #corps .centre {
/* inutile puisqu'il n'y a pas de menu gauche/droit
	float: left;
	width: 910px;
*/
	margin:0 0 0 5px;
	padding: 0 10px;
}

/* Corrections IE6
-----------------------------------*/

* html #page #menu_haut { background-image:  url(Images/bgd_corps_big.png); }
* html #page #corps { background-image:  url(Images/bgd_corps_big.png); }

* html #page #corps .blockColumn { margin:; }

* html #page #corps .centre { margin-left:2px; }
* html #page #corps .centre-reverse { margin-right:2px; }

* html #page #corps .column-2-reverse { margin-right:7px; }

/*----------------------------------*/

#corps .centre h2 {
	font: 20px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
	color: #4a4a4a;
	padding: 15px 0 10px 0;
}
#corps .centre h3 {
	color: #838383;
	font: 14px arial, helvetica, verdana, sans-serif;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
div.hr {
	margin: 20px 0 10px 0;
	border-top: 1px solid #e2e2e2;
	height: 1px;
}
div.hr hr {
	display: none;
}
#corps .centre p {
	text-align: justify;
	color: #000000;
}
#corps .separFooter {
  width:970px;
  margin:0 auto;
  border-top: 1px solid #e2e2e2;
}

/*----------------------------------------------+
+ Formulaire                                    +
+----------------------------------------------*/
#page input.text,
#page select,
#page textarea {
  border: 1px solid #c9c9c9;
  padding: 1px 1px 1px 2px;
  font: 13px tahoma, arial, helvetica, sans-serif;
  color: #000;
}

/*----------------------------------------------+
+ Bas de page, footer                           +
+----------------------------------------------*/
#pied_page {
  width: 970px;
  margin:0 0 30px;
  border-top: 1px solid #e2e2e2;
  padding: 5px 10px 10px;
  background:transparent url(Images/bgd_pied_page.png) no-repeat scroll center bottom;
  font: 11px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
  color: #4a4a4a;
}
.bas {
  width: 100%;
  border: 0;
}
.bas td {
  vertical-align: middle;
  padding: 0 20px;
  font: 11px "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
.bas_ver {
  width: 30%;
  text-align: left;
  font-size: 0.8em;
}
.bas_cop {
  width: 40%;
  text-align: center;
}
.bas_mel {
  width: 30%;
  text-align: right;
}