/* CSS Document */

/******   REGLES BALISES Communes à toutes les pages    ******/
html, body {
	height: 100%;
	width: 100%; 
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}
body, p, h1, h2, h3, h4, ol, ul, li, table, td, th, dl, dt, dd, a, form{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, th{
	font-size:100%;
	font-weight:normal;	
}
a img{ border:none;}
img{ 
	text-decoration:none; 
	border:0px none;
}
ul{ list-style-type: none;}
map{ cursor:pointer; }
a{ 
	text-decoration:none;
	color:#000000; 
}
.exposant{
	vertical-align:text-top; 
	font-size: 70%;
}
.dis_block{ display:block;}
.flot_d{ float:right;}
.flot_g{ float:left;}
.txt_ital{font-style:italic;}

/******    Règles dédiées aux site    ******/
/* Positionnement global */

body.site_centre{ text-align:center;} /* Centrage problèmatique avec IE */
#site1{ 
	position:relative;
	margin:0 auto; /* Centrage normal avec navigateur valide */
	text-align:left; /* rectification */
	width:760px;
}
#site2{	background:url(../visuel/bord_d.gif) repeat-y right top;}  /* Bordure grise droite du site */

/* Div #haut, div #bandeau */
#haut{ 
	height:55px; 
	padding:5px 12px 0 12px;
}
#accroche{ margin-top:20px;}
#haut a, #bandeau img{ float:right;}

/***** MENU VERTICAL (BANDEAU) *****/
.menu_vert li {
	height:17px;
	text-align:right;
	border-bottom:1px solid #FFFFFF;
}
.menu_vert li a{
	display: block;
	padding:1px 9px 0 0;
	color:#FFFFFF;
	font-size:11px;
	height:16px;
}
.menu_vert li a:hover { 
	background-color:#CDD1EB; /* mauve */ 
	color:#212250; /* violet +++ */
}
/*  couleurs pour 5 liens */
#menu_1{ background-color:#212250;}
#menu_2{ background-color:#373861;}
#menu_3{ background-color:#4D4E73;}
#menu_4{ background-color:#636484;}
#menu_5{ 
	background-color:#7A7A96; 
	border-bottom:0px none;
}

/***** Cadres principaux : Div #contenu *****/
#contenu{ 
	position:relative; /* pour positionnement pages PDTS */ 
	padding:27px 20px 11px 145px;
	height:100%;
}
#contenu h2{ 
	color:#4D4E73;
	font-weight:bold; 
	font-size:14px;
}
a.lien_base{
	color:#3366FF; /* Bleu base */ 
	text-decoration:underline;
}
ul.liste_and li{
	margin-left:20px;
	list-style-type:disc; 
	list-style-position:inside;
	background:url(../visuel/puce_viol.gif) no-repeat 0 4px;
}
/* ACCUEIL : Div #contenu class=page_1 */ 
div.page_1{	background:url(../visuel/fond_1.jpg) no-repeat; }
div.page_1 img{ 
	float:left; 
	margin:3px 20px 15px 0;
}
div.page_1 h2, div.page_1 p{ padding-bottom:12px;}

/* Sous-menu en ligne dans un tableau (produits, contacts) */
#menu_ligne{ 
	margin:-21px -12px 15px -29px;
	border-spacing:1px;
}
#menu_ligne td{
	background:url(../visuel/wtri.gif) no-repeat #636484;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
}
#menu_ligne a{ 
	background:url(../visuel/wtri.gif) no-repeat #EBEBEF;
	display:block;
	padding:3px 0 3px 0; 
	color:#7A7A96; /* violet -- */
}
#menu_ligne a:hover{
	background-color:#CDD1EB; /* mauve */ 
	color:#212250; /* violet +++ */
}

/* PRODUITS : Div #contenu class=page_2x */
div.page_2{ background:url(../visuel/fond_2.jpg) no-repeat;}
table.menu_pdts td{ width:126px;} /* Pour le sous-menu, lg des cases */
#cadre_vis{ 
	position:absolute;
	left:122px; 
	width:250px;
	padding-top:5px;
}
#cadre_vis img{ margin:5px 0 0 18px;}
#cadre_txt{ margin-left:250px;}
#cadre_txt h2, #cadre_txt p, #cadre_txt ul{ margin-bottom:9px;}
#cadre_txt img{ 
	margin-top:8px;
	margin-bottom:15px;
	border:1px solid #000000;
}
#cadre_txt a img{ border:0px none;} /* Pour le lien GPS page_21 */
#detail { margin-left:12px;}
/* pour rallonger 2 des pages */
div.page_21 #cadre_txt{padding-bottom:28px;}
div.page_24 #cadre_txt{padding-bottom:38px;}
/* GIF de fond différents par page produit */
div.page_21{ background:url(../visuel/fond_21.jpg) no-repeat;}
div.page_22{ background:url(../visuel/fond_22.jpg) no-repeat;}
div.page_23{ background:url(../visuel/fond_23.jpg) no-repeat;}
div.page_24{ background:url(../visuel/fond_24.jpg) no-repeat;}
div.page_25{ background:url(../visuel/fond_25.jpg) no-repeat;}

/* MOYENS : Div #contenu class=page_3 */ 
div.page_3{	background:url(../visuel/fond_3.jpg) no-repeat; }
div.page_3 img{	
	border:1px solid #000000; 
	margin:10px 13px 14px 0;
}
div.page_3 p, div.page_3 ul{ padding-bottom:14px;}
#img_poigne { margin:3px 20px 15px 0;}

/* REFERENCES : Div #contenu class=page_4 */ 
div.page_4{	background:url(../visuel/fond_4.jpg) no-repeat;}
#tab_ref{ 
	margin-top:15px;
	padding-right:18px;
	border-spacing:0px;
	width:100%; 
}
#tab_ref td{ 
	text-align:center;
	padding-bottom:15px;
}

/* CONTACTS : Div #contenu class=page_5 */ 
div.page_5{	background:url(../visuel/fond_5.jpg) no-repeat; }
div.page_5 table td{ width:316px;} /* Pour le sous-menu, lg des cases */
div.page_5 dt{
	margin-top:12px;
	text-decoration:underline;
}
div.page_5 img{ margin-right:13px;}
div.page_5 p{ 

	margin:5px 0 8px 0;
}
#p_ad{ font-size:16px;}
#lien_plan{ margin:-20px 0 0 295px;}
#img_logo1{ vertical-align:middle;}
#img_logo2{ margin-left:60px;}

/* Formulaire */
.oblig{  /* étoile rouge des forms */
	font-size:20px;
	vertical-align:middle; 
	color: #FF0000; /* rouge base */
}
table.form_tab{
	width:100%;
	border-spacing:2px;
}
td.form_td{	
	text-align:right; 
	padding-right:10px;
}
table.form_tab th{ padding-left:10px;}
#td_lg_fix{ width:200px;}
#bt_sub{
	padding:10px 0 0 392px;
	font-size:12px;
}
#form_valid td{ text-align:center;}

/* PLAN SITE : Div #contenu class=page_11 */
div.page_11{ background:url(../visuel/fond_11.jpg) no-repeat; }
div.page_11 ul{padding-bottom:15px;}
div.page_11 a{
	font-size:14px;
	text-decoration:underline;
}
div.page_11 a:hover{
	font-weight:bold;
}
div.page_11 li{ padding-bottom:3px;}
div.page_11 ul li ul li a{
	font-size:12px;
	color:#3366FF; /* Bleu base */	
}
div.page_11 ul ul{
	list-style-type:disc;
	padding:0 0 0 30px;
	color:#3366FF; /* Bleu base */	
}

/* LOI : Div #contenu class=page_12 */
div.page_12{ background:url(../visuel/fond_12.jpg) no-repeat; }
div.page_12 h2{ margin:-5px 0 10px 0;}
div.page_12 h3{
	font-size:14px;
	font-variant:small-caps;
}
div.page_12 p{
	margin:0 0 9px 10px; 
	padding:3px 0 0 10px;
	/*border-left:1px solid #B3B3C2;*/
}
/* Pied de page ******************/
#pied{ 
	height:16px;
	background-color:#4D4E73; /* violet + */
	padding: 2px 15px 2px 8px;
}
#pied p, #pied a{ color:#CDD1EB;} /* mauve */
#credits{ float:right;} 
#pied a:hover{ text-decoration:underline;}