body
{
	z-index: 1;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 0.8em Arial, "Trebuchet MS", helvetica, sans-serif;
	background-color: #ffffff;
}
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#conteneur
{
	position: relative;
	width: 100% ;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 100% */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

/*****************************************************************************************************/
/****************************** HEADER COMMUN **********************************************************/
/*******************************************************************************************************/
div#banniere
{
	position: relative;
	height: 73px;
	width: 100%;
	margin: 0 auto;
	/*background: url(../image/design_defaut/top_bg.jpg) repeat-x; */
	/*background: url(../image/design_defaut/top_bg.jpg) repeat-x;*/
	/*background-position: left top;*/
	background:#006598 url(../image/design_defaut/Arecibo_shifted2.png) no-repeat scroll top right;

}

div#masque {
	background: url(../image/design_defaut/header-mask.png) repeat-x;
	height: 80px;
	width:602px;
	/*float: right;*/
	position: absolute;
	right: -1px;
	top:0;
	display: block;
	z-index: 30;
}


div#masque a {
	display: block;
	height: 80px;
	position: relative;
	/*background: url(../image/design_defaut/Arecibo_shifted2.png) no-repeat scroll top right;
	z-index: 20;*/
	
}

div#icone /*placé dans la bannière */
{
	position: relative;
	height: 73px;
	width: 105px;
	margin: 0 auto;
	background: url(../image/design_defaut/icone_inttrasearch.png) no-repeat; /*pointeur changement css*/
	background-position: 50px 11px ;
	margin-right: 0px;
	float: left;
}

div#logo_principal /*placé dans la bannière */
{
	z-index: 100;
	position: relative;
	height: 73px;
	width: 294px;
	margin: 0 auto;
	background: url(../image/design_defaut/logo_inttrasearch.png) no-repeat; /*pointeur changement css*/
	background-position: 10px 1px;
	float: left;
}

#signature /* placé dans la bannière sous le logo */ 
{
	z-index: 99;
	position: relative;
	margin: 0 auto;
	width: 118px;
	margin-left: -40px;
	padding-top: 46px;
}

/***************************** moteur de recherche *****************************************/
div#inttrasearch_mini
{
	position: relative;
	margin: 0 auto;
	height: 43px; /* pour ie*/
	width: 220px;
	float: right;
	text-align: right;
	margin-right: 50px;
	margin-top: 30px;
}

div#inttrasearch_mini img
{
	margin: 0 auto;
	float:left;
	width: 25px;
	height: 10px;
}

#searchbox_mini
{
	color: #57616a;
	size: 12pt;
	background-color: #dfe0e2;
	text-align: center;
}

#banniere2 /* placé en dehors par rapport à bannière1 */
{
	z-index: 98;
	clear: left;
	position: relative;
	height: 30px;
	width: 100%;
    margin: 0 auto;
	background: url(../image/design_defaut/montagne2.jpg) repeat-x; /*pointeur changement css*/
	backgroud-position: left top;
}

#banniere_menu /* placé en dehors par rapport à bannière1 */
{
	z-index: 97;
	position: relative;
	height: 30px;
	width: 100%;
    margin: 0 auto;
	background: url(../image/design_defaut/bas_banniere_index.jpg) repeat-x; /*pointeur changement css*/
	backgroud-position: left top;
}

/*******************************************************************************************************/
/*************************** MENU PRINCIPAL CSS COMMUN POUR TOUTES LES VERSIONS LINGUISTTIQUES *********/
/******************************************************************************************************/
/* placé en absolu donc par rapport au body, une solution serait de l'imbriquer dans la bannière2
pour le placer en position relative cependant la bannière est répétée dans le header principal donc pour l'index aussi
et on ne veut pas de menu dans l'index*/

.menu_deroulant 
{
	z-index: 99;
	position: absolute;
	width: 100%;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	border: 0;
	top: 105px;
	text-align: center; /*centre le li*/
	font-weight: bold;
}

.menu_deroulant li
{
	float: left;
	width: 10em;
	margin: 0;
	padding: 0;
	border: 0;
}

.menu_deroulant .sous_menu
{
 	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-weight: normal;
	background-color: #eff1f0;
}

.menu_deroulant .sous_menu li
{
	float: none;
	margin: 2px;
	padding: 0;
	border: 0;
	width: 10em;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

.menu_deroulant li a:link, .menu_deroulant li a:visited
{
	display: block;
	height: 1%;
	color: #000000;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

.menu_deroulant li a:hover 
{ 
	background-color: none; 
}

.menu_deroulant li a:active 
{ 
	background-color: none ; 
}

.sous_menu li a:
{
	text-align: left;
}

.menu_deroulant .sous_menu li a:link,
.menu_deroulant .sous_menu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0px;
	text-decoration: none;
	background-color: #36679f;
                           
}

.menu_deroulant .sous_menu li a:hover
{
	background-image: none;
	background-color: #2e8ef4 ;									
}

.menu_deroulant li:hover > .sous_menu 
{ 
	display: block; 
}

/*************************************************************************************************************/
/********************** Formulaire de sélection lang **********************************************************/
/**************************************************************************************************************/
form.select_lang
{
	z-index: 100;
	position: relative;
	margin: 0 auto;
	float: right;
	width: 130px;
	margin-top: -26px;
	margin-right: 5px;
}

/**********************************************************************************************************/
/*************************** contenu *************************************************************************/
/*****************************************************************************************************************/

div#init   /*réinitialise le placement tronqué pour le contenu pour ie*/
{
	margin: 0 auto;
	width: 100%;
	padding: 0;
	height: 0;
}

div.colonne1
{
	width: 17%;
	float: left;
	text-align: center;
	padding-top: 10px; /*corrige ie*/
	background: url(../image/design_defaut/fond_colonne.jpg) repeat-x; 
	min-height: 600px;
}

.beta
{
	color: red;
	font-weight: bold;
	font-size: 12pt;
}


.pub_gauche
{
	margin-top: 20px;
	margin-bottom: 10px;

}



/************************************  mon compte invité/membre ***************************/

#visiteur
{
	margin: 0 auto;
	color: bleu;
	width: 120;
	heigt: 90;
	text-align: center;
	padding: 1px;
	margin: 2%;
}

#visiteur li
{
	list-style-type: none;
	text-align: left;
}
#visiteur ul li a {
	
	text-decoration: none;
}
/************************************************************************************************/
div.colonne2
{
	
	width: 17%;
	float: right;
	text-align: center;
	padding-top: 10px; /*corrige ie*/
	background: url(../image/design_defaut/fond_colonne.jpg) repeat-x; 
	min-height: 600px;
}

.pub_droite
{
	margin-top: 10px;
	margin-bottom: 10px;

}

div.contenu
{
	
	padding-top: 10px; /*corrige un bug ie*/
	padding-bottom: 10px; /*corrige un bug ie*/
	padding-left: 0.5%; 
	margin: 0 auto;
	margin-left: 17%;
	margin-right: 17%;
	width: 65% !important;
	width: 64%; /* pour ie*/
	min-height: 600px;
}

div.contenu h2
{
	text-align: center;
	color: #7e7e7e;
}



div.contenu p
{
	text-align: justify;
	padding: 5px;
}

div.contenu p#intro
{
	text-align: center;
	font: 14pt, Arial, "Trebuchet MS", helvetica, sans-serif;
}

/***************************************************************************************************************/
/********************************************** FOOTER *********************************************************/
/**************************************************************************************************************/
.banniere_footer 
{
	clear: both;
	position: relative;
	height: 30px;
	width: 100%;
    margin: 0 auto;
	background: url(../image/design_defaut/bas_footer.jpg) repeat-x; /*pointeur changement css*/
	backgroud-position: left top;
}

div.footer
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

p.copy
{
	color: #000038; 
	text-align: right;	
	font-weight: normal;
	margin: 0 auto;
	margin-right: 10px;
	font-size: 8pt;
}

div.footer ul li 
{
	margin:0px; 
	padding:0px; 
	display: inline;
}

div.footer ul li a 
{
	font-size: 9pt; 
	color: #d92914; 
	text-decoration: none;
}

div.footer ul li a:hover 
{
	text-decoration: underline;
}

/***************************************************************************************************************/
/***********************************FORMULAIRE CONTACT *********************************************************/
/**************************************************************************************************************/

form.contact 
{
	background-color:#fff;
	border:0px solid #e7e9e8;
	margin-left: 15%;
	margin-right: auto;
	padding:0px; 
}
#chps_obl_contact{
	padding-top: 10px;
	color: red;
}

/***************************************************************************************************************/
/***********************************FORMULAIRE insertion lien **************************************************/
/**************************************************************************************************************/

.form_lien{
	
	margin: 0 auto;
	padding-top: 30px;
	margin-left: 30%;
}

.form_lien label{
	font-weight:bold;
}

/***************************************************************************************************************/
/***********************************FORMULAIRE insertion lien **************************************************/
/**************************************************************************************************************/
.form_authentification{
	
	margin: 0 auto;
	padding-top: 30px;
	margin-left: 30%;
}
.form_authentification label{
	font-weight:bold;
}

#expl{
	margin: 0 auto;
	text-align: center;
	padding-bottom: 5px;
	margin-top: 50px;
	font-weight: normal;
}

#chps_obl_link{
	padding-top: 10px;
	margin-left: 30%;
	color: red;
}

/***************************************************************************************************************/
/***********************************INTTRASEARCH MOTEUR PRINCIPAL *********************************************************/
/**************************************************************************************************************/

#inttrasearch {
	position: relative;
	width:431px;
	height:166px;
	margin-top:20px;
	margin-bottom:5px;
	background: url(../image/design_defaut/recherche2.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

#cref_iframe {
	margin-left: 46px;
	margin-right: auto;
	text-align: center;
	width:320px;
}

.petitex 
{
	font-family: normal Verdana,sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-style: italic;
}

#searchbox
{
	width: 95%;
	margin-top:20px;
	font-size: 14pt;
	color: #0a106e;
	text-align: center;

}

#searchbox:hover {
	color: #c72f1e;
}

#searchok {
	width: 40%;
	heigt: 30px;
	margin-top:5px;
	font-size: 15px;
	background-color: #fff;
	color: #c22323;
	border: 1px solid #c22323;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#tools{
	width:100%;
	min-height: 60px;
	/*border-bottom: 1px dashed #d92914;
	border-top: 1px dashed #d92914;*/
	border-right: 3px solid #d5d6d8;
}
#tools > div {
	display: block;
	padding-right: 10px;
	border-left: 3px solid #d5d6d8;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width:45%;
	min-height:60px;
	text-align: justify;
/*background-color: #f36f5b;*/}
#plugin:hover {
		background: url(../image/design_defaut/ffie.png) 30px 0px no-repeat;
}
#addhtml:hover {
		background: url(../image/design_defaut/addhtml.png) 70px 0px no-repeat;
}
#igoogle:hover {
		background: url(../image/design_defaut/google.png) 70px 0px no-repeat;
}*/
/*a.add {
	background: url(../image/design_defaut/add.png) no-repeat;
	width: 60px;
	height: 50px;
	display:block;
	font: 13px;
	color:#fff;
	text-align: center;
	float: left;
}*/
pre {
	font-family: normal Verdana,sans-serif;
	font-size: 10pt!important;
	font-size: 9pt;
	margin: 0 auto;
	padding:10px;
	color:#fff;
	background-color: #d92914;
	width: 97%;
	float: left;
	float: right;
}
a {
	color: #063fa6;
}
.source {
	font-family: normal Verdana,sans-serif;
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}

.categories {
	color: #063fa6;
	font-weight: bold;
}