﻿body {
    font-family:Arial;
    color: #FFFFFF;
    background-color: #FFFFFF;
    font-size:12px;
    margin: 0px 0px 0px 0px; 

		}

p { margin: 0px 0px 0px 0px;
  padding: 0; 
  }
  

div { margin: 0px 0px 0px 0px;
padding: 0; 
  }
td { margin: 0px 0px 0px 0px;
  padding: 0; 
  }

form {
	margin: 0;
	padding: 0;
	border: 0px;
  margin: 0px 0px 0px 0px;

}

input, textarea {
	font: 11px Arial, Times New Roman, Times, serif;
	color: #303030;
}

input, textarea {
	background: #FFF;
	color: #000;
	border: 1px solid #000;
	padding-left: 2px;
}

.radio {
	background: none;
	border: 0;
}

a img {
	border:0;
	  padding: 0; 

}

img {
	border:0;
	padding: 0; 
  margin: 0;
}
.orange 
{
font-size:12px;
color: #fa8b08;
font-weight:bold;
text-align:right;
margin-top: 8px;
}

#livecredits {
	  font-family:Arial;
    color: #000000;
    font-size:12px;
    margin: 0px 0px 0px 0px; 
}

fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea, { width:300px;font:12px/12px 'arial',monospace;color:#333;padding:3px;margin:1px 0;border:0px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px arial; }

select {
    font-family:Arial;
    font-size:12px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    border: 0;
}
.blackbold 
{
color: #000000;
font-weight:bold;
}

h1 {
	font-size: 14px;
	color: #4078B7;
	margin-bottom: 8px;
	font-weight: bold;
	background: url(http://www.armada.org/img/puce_h1.gif) top left no-repeat;
	border-bottom: 0px solid #E8E4F5;
	padding-left: 15px;
	width = 20px;
}

.tpTexte {
	margin-bottom: 20px;
	clear: both;
}

h2
{
font-size:12px;
font-weight:bold;
}

h3 
{
font-size:12px;
}

h4
{
font-size:10px;
}



#container {
	width: 972px;
	margin: 0 auto;
}

#haut {
	height: 42px;

}

#encartNews {
	position: absolute;
	top: 12px;
	margin-left: 150px;
	width: 590px;
}
#encartNews div {
	float: left;
}
#encartNews img {
	margin: 0px 10px 0 15px;
}
#encartNews input{
	float: left;
	margin-right: 5px;
}
#encartNews input[type=text]{
	border: 1px solid #d2d2d2;
	color: #d2d2d2;
	font-style: italic;
}

#drapeau{
	position:absolute;
	margin-left:-20px;
}

#drapfr {
	position: absolute;
	top: 5px;
	margin-left: 740px;
}
#drapen {
	position: absolute;
	top: 11px;
	margin-left: 782px;
}

#newsBou {
	border: 0;
	background: url(http://www.armada.org/img/fr/sinscrire.gif) no-repeat;
	width: 73px;
	height: 17px;
}
#rechBou {
	border: 0;
	background: url(http://www.armada.org/img/ok.gif) no-repeat;
	width: 27px;
	height: 17px;
}

#contenu{
	float: left;
	width: 808px;
}
#droite {
	float: right;
	width: 144px;
}
#droite img {
	margin-bottom: 10px;
}

#fondBas {
	clear: both;
	background: url(http://www.armada.org/img/ombre-bas2.gif) top repeat-x;
	height: 120px;
	padding-top: 30px;
	margin-top: 20px;
}

#bas {
	width: 980px;
	margin: 0 auto;
	font-size: 10px;
	
}
#bas a:link, #bas a:visited, #bas a:active {
	text-decoration: none;
	color: #A21C25;
}
#bas a:hover {
	text-decoration: none;
	color: #8C8C8C;
}

#adresse{
	float: left;
	width: 290px;
	color: #606060;
	font: 11px Arial;
}
#adresse a:link, #adresse a:visited, #adresse a:active {
	text-decoration: underline;
	color: #606060;
	font: 11px Arial;
}
#adresse a:hover {
	text-decoration: none;
	color: #606060;
	font: 11px Arial;
}

#partenaires{
	float: right;
}
#partenaires img{
	float: left;
	margin-left: 30px;
}

#navBas {
	float: right;
	padding-right: 300px;
	padding-top:10px;
}
#navBas a:link, #navBas a:visited, #navBas a:active {
	text-transform: uppercase;
	text-decoration: none;
	color: #094891;
	margin-left: 10px;
	font-size: 10px;
}
#navBas a:hover {
	text-decoration: underline;
	color: #094891;
}


#lezart {
	margin-top: 7px;
	clear: both;
  color: #606060;
}
#lezart a:link, #lezart a:visited, #lezart a:active {
	text-decoration: none;
	color: #606060;
 font: 11px Arial, Times New Roman, Times, serif;
	
}
#lezart a:hover {
	text-decoration: underline;
	color: #606060;

}
#xiti-logo {
	margin-top: 5px;
	clear: both;
}

.generiktxt {
    color: #333399;
    text-align:justify;
    font-size:14px;
    font-family: Arial;    
		} 

.generiksmalltxt {
    color: #333399;
    text-align:justify;
    font-size:12px;
    font-family: Arial;    
		} 
		
.generiktitle {
    color: #000000;
    
		font-weight:bold;
    text-align:justify;
    font-size:16px; 
    font-family: Arial;

		}
		
		
.generiklogintitle {
    color: #000000;
		font-weight:bold;
    text-align:center;
   font-size:14px; 
    font-family: Arial;

		}
		 
.generiksubtitle {
    color: #333399;
		font-weight:bold;
    text-align:justify;
   font-size:14px; 
    font-family: Arial;
		} 

a:link {text-decoration: underline; font-size:12px; font:Arial; color:#FFFFFF;}
a:visited {text-decoration: underline; font-size:12px; font:Arial; color:#FFFFFF;}
a:active {text-decoration: underline; font-size:12px; font:Arial; color:#FFFFFF; }
a:hover {text-decoration: underline; font-size:12px; font:Arial; color:#FFFFFF;}
	

a.bottomlinks:link {text-decoration: none; font-size:12px; font:Arial;  color:#000000;}
a.bottomlinks:visited {text-decoration: none; font-size:12px; font:Arial; color:#000000;}
a.bottomlinks:active {text-decoration: none; font-size:12px; font:Arial; color:#000000;}
a.bottomlinks:hover {text-decoration: underline; font-size:12px; font:Arial; color:#000000;}

a.creditscss:link {text-decoration: none; font-size:12px; font:Arial;  color:#000000;}
a.creditscss:visited {text-decoration: none; font-size:12px; font:Arial; color:#000000;}
a.creditscss:active {text-decoration: none; font-size:12px; font:Arial; color:#000000;}
a.creditscss:hover {text-decoration: underline; font-size:12px; font:Arial; color:#000000;}

/* Contains the entire tabbed section */
.tabbed {
	}

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 0 2px 0 0;
	padding: 10px 12px;
	}
.tabbed ul.tabs li a:hover {
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}
	
/* End Of tabbed section */
