/* CSS Document */

html{height:100%; background-color:#FFFFFF;}

body{
	margin:0px auto;
	padding:0px; 
	width:970px !important;
	width:960px;  
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*position:relative;*/
		
}
input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	font-size:13px;
}
ul{padding:10px 20px;}

form{padding:0;margin:0}

.clear{
	clear:both;
}
.suppr{
	cursor:pointer;
}
/*------------------
   Main
--------------------*/
#main{
	width:970px; 
	margin:0 auto;
	padding:5px 0 10px; 
	height:1%;
	position:relative;
	
}

/*------------------
   Container
--------------------*/
#container{
	width:970px;
	margin:0px auto;
	padding:0px;
	/*background-color:#fff;	*/
	display:block;
}
/*------------------
   Entete de page
--------------------*/
#header{
	clear:both;
	font-size:1.5em;
	padding:0px;
	margin:0px;
	font-size:2.5em;
	font-weight:bold;	 
	/*position:relative;*/
}

/*-----------------
	Page
-------------------*/
#page{
	/*margin-top:-5px;*/
	margin-top:0px;
}
/*------------------
	Menu haut
--------------------*/
#menu_haut{
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/menu_haut_bg.jpg) repeat-x;
	/*border-top:solid 1px #FFFFFF;*/
	height: 36px;
	}
#menu_haut ul{
	/*padding:5px 0px 0px 0px;*/
	padding-top:0px;
	/*margin-top:5px;*/
	/*margin-top:0px;*/
	margin:0px 0px 0px -20px;
	list-style:none;
}
#menu_haut li{
	/*display:inline;*/
	float:left;
	white-space:nowrap;
	position:relative;
	z-index:20;
}

/*#menu_haut li:hover>ul{
  display:block;
}
*/
#menu_haut a{
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 21px;
	white-space:nowrap;
	/*border-left:solid 1px #FFFFFF;*/
	border-right:solid 2px #FFFFFF;
}
#menu_haut li.langue a{
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	/*padding:5px 21px;*/
	margin: -5px 0px 0px -15px;
	white-space:nowrap;
	/*border-left:solid 1px #FFFFFF;*/
	border-right: solid 0px;
}

#menu_haut li.on a,
#menu_haut a:hover{
	color:#FFFFFF;
}
	
#menu_haut ul ul{
	margin-top:22px;
	list-style:none;
	display:none;
	position:absolute;
	left:0em;
	margin-left:0px;
	padding-left:0px;
	z-index:20;
	font-size:0.95em;
	width:205px;
}
#menu_haut li.on li a,
#menu_haut ul ul a {
	text-decoration:none;
	text-align:left;	
	float:none;
	display:block;
	width:210px;	
	background-image:none;
	background-color:#000066;
	color:#FFF;
	padding:0;
	padding:6px 4px;
	border-bottom:#FFF solid 1px;
}

#menu_haut ul ul a.nolink {
	text-decoration:none;
	text-align:left;	
	float:none;
	display:block;
	width:210px;
	background-image:none;
	background-color:#8B8BA9;
	color:#FFF;
	padding:0;
	padding:6px 4px;
	border-bottom:#FFF solid 1px;
}

#menu_haut ul ul a:hover {
	background-image:none;
	background-color:#8B8BA9;
	color:#FFF;
}


/*------------------
	Menu bas
--------------------*/
#menu_bas{
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/menu_bas_bg.gif) repeat-x;
	height: 41px;
	}
#menu_bas ul{
	padding:5px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#menu_bas li{
	display:inline;
	float:left;
	white-space:nowrap;
	position:relative;
	z-index:20;
}
/*#menu_bas li:hover>ul{
  display:block;
}
*/
#menu_bas a{
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	padding:14px 21px;
	white-space:nowrap;
}
#menu_bas li.on a,
#menu_bas a:hover{
	color:#FFFFFF;
}

/*------------------
	Content
--------------------*/
#content{
	min-height:706px;
	background:url(images/fond_gauche.gif) repeat-y top left;
}

#contenu{
	background:url(images/fond_page.gif) bottom right no-repeat;
	min-height:706px;
}

#engrenage{
	width:175px;
	height:100px;
	z-index:1;
	position:absolute;
	left:795px;	
	top:151px;
}

#engrenage_petit{
	position:absolute;
	width:91px;
	height:92px;
	top: 182px;
	left:90px;
	z-index:1;
	display:inline;
}

#titre{
	font-size:24px;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	padding:70px 0px 0px 150px;
}

#sous_titre{
	font-size:18px;
	font-weight:bold;
	color:#000066;
	text-align:left;
	padding:0px 0px 0px 150px;
}
#texte, #plan_site{
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-align:left;	
	padding:25px 0px 0px 150px;
}

#texte a{
	color:#000066;
	font-weight:bold;
}

/*------------------
	Bandeau gauche
--------------------*/
#bandeau_gauche{
	width:100px;
	/*background:url(images/bandeau_gauche.gif) no-repeat bottom;*/
	float:left;
	min-height:706px;
}

/*------------------
	Menu bas
--------------------*/
#menu_bas{
	background:url(images/menu_bas_bg.gif) repeat-x;
}

/*-------------------
	ADMINISTRATION
---------------------*/
.ajout{
	text-align:right;
	display:block;
}
.ajout a{
	text-decoration:underline;
	color:#000066;
	font-weight:bold;
}

.alert{
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	display:block;
}
/*--------------------
	Tableau de liste
----------------------*/
.rubrique{
	margin-bottom:40px;
}
.titre_rubrique{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color:#8B8BA9;
	margin-bottom:10px;

}
.liste_admin th{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#000066;
}
.liste_admin td{
	color:#000000;
	font-size:12px;	
	text-align:left;
	background-color:#FFFFFF;	
}
.liste_admin tr.ligne_ombree td{
	background-color:#EEEEEE;
}


/*---------------------
	Tableau de formulaires
-----------------------*/
#form_admin th, #form_contact th{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	background-color:#000066;
}
#form_admin td, #form_contact td{
	color:#000000;
	font-size:12px;	
	text-align:left;	
}
#form_admin .input{
	width:638px;
}
#form_contact .input{
	width:460px;
	text-align:left;
}
#form_contact textarea{
	text-align:left;
}

/*-----------------------
	Pages Sales Network
-------------------------*/
#liste_pays{
	width:200px;
	height:300px;
	overflow:auto;
	border:solid 1px #000066;
	cursor:pointer;
	float:left;	
}
#liste_pays ul{
	list-style:none;
	margin-left:-10px;
}
#liste_pays li{
	text-align:left;
	color:#FFFFFF;
	background-color:#000066;
	border-bottom: solid 3px #FFFFFF;
	font-weight:bold;
	padding:2px 0px 2px 5px;
}
#detail_network{
	float:right;
	width:590px;
	text-align:left;
}
.pays_nt{
	color:#FF0000;
	font-weight:bold;
	font-size:18px;
	margin-bottom:18px;
}
.nom_nt{
	font-weight:bold;
}
.adresse_nt{
}
.contact_nt_entete{
	background-color:#000066;
	color:#FFFFFF;
	text-align:center;
	margin:20px 0px;
	font-weight:bold;
}
.contact_nt a{
	color:#000066;
	text-decoration:underline;
	font-weight:bold;
}


/******************************
**     Page downloads *********
*******************************/
.tab_downloads{
	display:block;
	/*width:100%;*/
	/*margin-bottom:11px;*/
	/*margin-right:300px;*/
	/*float:left;*/
}

.tab_downloads td{
	background-color:#000066;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
	padding-right:10px;
	vertical-align:middle;
}
.tab_downloads select, .tab_downloads input{
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin:2px;
	color:#000066;
	text-align:left;
}

.espace_download{
	display:block;
	/*width:600px;*/
	height:35px;
}

.tab_downloads .alert{
	/*border: dotted 2px red;*/
	border-style: dotted;
	border-color: #FF0000;
	display: inline;
	color: #FF0000;
}

.ok, .ok2{
	cursor:pointer;
}

#les_fichiers{
	/*width:204px;
	height:44px;*/
	float:left;
}

#les_fichiers2{
	/*width:204px;
	height:44px;*/
	float:left;
}

#les_fichiers a{
	color:#000066;
	font-weight:bold;
}

#les_fichiers2 a{
	color:#000066;
	font-weight:bold;
}

#quotation{
	/*width:204px;
	height:44px;*/
	background:url(images/bg_bouton_request.gif) repeat-x;
	cursor:pointer;
	float:left;
	margin-left:80px;
	border: solid 1px #000000;
}
#bouton_request{	
	color: #000066;
	font-weight:bold;
	font-size:13px;
	line-height:34px;
	padding-left:18px;
	padding-right:18px;
}
a.download, a.download:hover{
	/*width:204px;
	height:44px;
	background:url(images/bg_bouton_request.gif) no-repeat;*/
	background:url(images/bg_bouton_request.gif) repeat-x;
	color: #000066;
	font-weight:bold;
	font-size:13px;
	line-height:33px;
	display:block;
	text-decoration: none;
	padding-left: 27px;
	padding-right: 27px;
	border:solid 1px #000000;
}

/********************************
******** Plan du site ***********
*********************************/
#plan_site a.rubrique{
	text-decoration: none;
	color:#000066;
	font-weight:bold;
	font-size:20px;
}
#plan_site .titre_rubrique{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#000066;
	margin: 20px 7%;
	width:400px;
}
#plan_site a.sous_rubrique{
	text-decoration: none;
	color:#000066;
	font-weight:bold;
	margin:0px 10%;
	line-height:25px;
}

/*********** Specifique IE 6 ************************/

/* Pour le bon positionnement des �l�ments sous IE 7 */
* html #menu_haut {
	margin-top:-6px;
}

* html #contenu{
	background:url(images/fond_page.gif) bottom right no-repeat;
	height:706px;
	width:870px;
	float:left;
	margin-left:-95px;
}

* html #detail_network{
	float:right;
	width:490px;
	text-align:left;
}

/*********** Specifique IE 7 ************************/

/* Pour le bon positionnement des �l�ments sous IE 7 */
*:first-child+html #menu_haut {
	margin-top:-6px;
}
*:first-child+html #menu_haut ul{
	margin-left:-20px;
}
*:first-child+html #menu_haut ul ul{
	margin:22px 0px 0px 0px;
}
*:first-child+html #titre {
   padding:70px 0px 0px 50px; 
}
*:first-child+html #sous_titre,
*:first-child+html #texte, *:first-child+html #plan_site {
   padding:0px 0px 0px 50px; 
}