/* Mise en page du contenu en tete - pied de page et contenu*/
body { 
 margin-left: 5%;
  margin-right: 5%;
  margin-color: blue;
  height: 100%;
  background-image:url(/img/background.png);
  font-style: justify; 
  font-family: Arial;
  color: #FFFFFF;
  margin-Top: 0;
  padding: 10px;
}

#container {
	position: relative;
	min-height: 100%;
}
#content {
	padding: 10px;
	padding-bottom: 55%;
}

#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 0;		
	background-image: url(/img/cadrebas.png);
	font-family: Century Gothic;
	font-weight: bold; 
}



a:link { color:#FFFFFF; text-decoration: none ; }
a:visited { color:#FFFFFF; text-decoration: none ;}
a:active { color:#FFFFFF; text-decoration: none ; border: none;}

img { border: none; }

/* images des boutons */
div#btNumerique {
    background-image:url(/img/btNumerique.png);
    background-repeat: no-repeat;
    height: 55px;
    width: 200px;
}

div#btStations {
    background-image:url(/img/btStations.png);
    background-repeat: no-repeat;
    height: 55px;
    width: 200px;

}

div#btCouverture {
    background-image:url(/img/btCouverture.png);
    background-repeat: no-repeat;
    height: 55px;
    width: 200px;

}
div#btRecepteurs {
    background-image:url(/img/btRecepteurs.png);
    background-repeat: no-repeat;
    height: 55px;
    width: 200px;	

}


/* backgroung pour toutes les autres tables sauf l' acceuil et avantage*/
table.backgroundTable{
	background-image: url(/img/backgroundPage.png);
	padding:0px 10px 0px 10px;
	
}
table.backgroundMain{
  background-image:url(/img/backgroundMain.png);
}


/*backround tableau avantage*/
td.textBackground{
	font-style: justify; 
	padding:10px 5px 5px 10px ; 
	color: #777777;
	background-image: url(/img/textBackground.png);
	margin-left: 2%;
	margin-right: 2%;
}

td.button{
	font-family: Century Gothic;
	text-align: left;
	font-style: justify; 
	color: #FFFFF; 
	font-weight: bold;
	text-decoration: none;
}

input:focus {background: red;}
input:active {background: green;}


/*texte des titres  tableau*/
td.titre{
	font-family: Century Gothic;
	font-style: normal; 
	font-weight: bold;
	color: #FFFFF;
	text-decoration: none;
}

/*texte des titres */
.pinkTitle{
	font-family: Century Gothic;
	font-weight: bold;
	color: #e00080; 
	text-decoration: none;
	font-size: 14pt;
}

.grayText{
	color: #404040; 
	text-decoration: none;
}


.purpleTitle{
	font-family: Century Gothic;
	font-weight: bold;
	color: #e0e0ff; 
	text-decoration: none;
	font-size: 14pt;

}

.redTitle{
	font-family: Century Gothic;
	font-weight: bold;
	color: #d7004e; 
	text-decoration: none;
	font-size: 14pt;
}

.red2Title{
	font-family: Century Gothic;
	font-weight: bold;
	color: #e00060; 
	text-decoration: none;
	font-size: 14pt

}

.whiteTitle{
	font-family: Century Gothic;
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size: 14pt;
}
.blueTitle{
	font-family: Century Gothic;
	color: #202080; 
	text-decoration: none;
	font-size: 14pt;
	font-weight: bold;
	
}

.texte { 
	padding: 10px 10px;
}

/*texte des articles*/
td.articleText{
	font-style: normal; 
	color: #FFFFF; 
	text-decoration: none;
	font-style: justify; 
}

tr.textBanniere {	
	font-family: Century Gothic;
	text-decoration: none;
	text-align: center;
	font-weight: bold; 
	background: url(/img/cadrehaut.png);
}

td.textCadre{
	font-family: Century Gothic;
	font-size: 10pt; 
	color: #FFFFF; 
	
	background: url(/img/cadrebas.png);
}

/*puce paragraphe*/
.puceText{	
	background: url(/img/puceText.jpg) no-repeat;
	padding: 0px 20px;
}

/*puce paragraphe*/
.pucePage{	
	background: url(/img/pucePage.jpg) no-repeat;
	padding: 0px 20px;
}

/*puce bas de page*/
td.puce{
	text-align:right;
	background-position: right right;
	color: #c0a0ff;
	float: right;
	background: url(/img/puce.jpg) no-repeat;
}

/* Menu des pages */

ul#menu {
	list-style-type: none;	
	width: 100%;  /* précision pour Opera*/
	background-image: url(/img/backgroundPage.png);
}

ul#menu li {
	float: left;
}


ul#menu a {
	width: 150px;
	height: 40px;
	float: left;
	margin: 0 2px;
	padding: 10px 0px;
	text-align: justify;
	text-decoration: none; 
	background: url(/img/main.png) no-repeat;
	color: #FFFFF;
}

ul#menu a:hover {
	width: 150px;
	height: 40px;
	float: left;
	margin: 0 2px;
	padding: 10px 0px;
	text-decoration: none;
	color: #FFFFF;
	font-weight: bold;
	background: url(/img/mainSelect.png) no-repeat;
}

/*a.nav:active {*/
a.nav:active {
background: url(/img/mainSelect.png) no-repeat;
}

ul#menu2 {
	list-style-type: none;	
	width: 100%;  /* précision pour Opera*/
	background-image: url(/img/backgroundPage.png);
}

ul#menu2 li {
	float: left;
}

ul#menu2 a {
	width: 260px;
	height: 40px;
	float: left;
	margin: 0 2px;
	padding: 10px 10px;
	text-align: justify;
	text-decoration: none; 
	background: url(/img/main2.png) no-repeat;
	color: #FFFFF;
}


ul#menu2 a:hover {
	width: 260px;
	height: 40px;
	float: left;
	margin: 0 2px;
	padding: 10px 10px;
	text-decoration: none;
	color: #FFFFF;
	font-weight: bold;
	background: url(/img/mainSelect2.png) no-repeat;
}

 /*Taille adaptable*/
div.adapt1,div.adapt2,div.adapt3, div.adapt4 {
    margin:0;
    background-repeat:no-repeat;
}
/* 
 * Div 1 : coin haut gauche
 * Comporte une couleur d'arrière plan
 * Bordures invisibles pour contrer un bug IE6
 */
div.adapt1{
    background-color: blue;
    color:white; 
    background-image:url('images/coinhg.gif');
    background-position:top left;
    /*
     * Bordures invisibles : bug de IE
     * IE invente un padding en dessous sinon...
     */
    border:1px solid #DBF9F0;
}
/*
 * Autres div, contenant les coins
 * haut droit
 * bas droit
 * bas gauche
 */
div.adapt2{
    background-image:url('images/coinhd.gif');
    background-position:top right;
}
div.adapt3{
    background-image:url('images/coinbd.gif');
    background-position:bottom right;
}
/*
 * Contient le texte
 */
div.adapt4 {
    background-image:url('images/coinbg.gif');
    background-position:bottom left;
}