body
{
	margin:auto;
	text-align:center;
	background-image:url("../Images/Fond.jpg");
	background-repeat:repeat;

size : landscape;       /* Orientation paysage (à l‘italienne) */
}

/*--------------------------------------------------En-tête EUPROSOFT----------------------------------------*/
#tete
{
	width:100%;
	height:170px;
	background-image:url("../Images/Tete.jpg");
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	z-index:4;
	position:relative;

}

#tete_logo
{
	width:1024px;
	height:170px;
	background-image:url("../Images/Euprosoft_Logo.jpg");
	margin:auto;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Banniere de localisation----------------------------------------*/
#banniere
{
	width:100%;
	background-image:url("../Images/Banniere.jpg");
	background-repeat:repeat-x;
	color:#000000;
	position:relative;
	height:47px;
	margin:auto;
	/*text-align:auto;*/
	min-width:1024px;
	text-indent:120px;
	background-color:white;
	z-index:3;
}

#Tab_Banniere
{
	width:932px;
	height:47px;
	margin:auto;
	border:none;
}

.cellule_prem
{
	height:42px;
	width:140px;
}

.cellule_banniere
{
	font-family:Arial, Helvetica, sans-serif;
	height:42px;
	background-image:url("../Images/FondCellule.jpg");
	background-repeat:repeat-x;
}

.cellule_banniere_active
{
	font-family:Arial, Helvetica, sans-serif;
	height:42px;
	background-image:url("../Images/Fond_cellule_active.jpg");
	background-repeat:repeat-x;
}
	
.liens_tete
{
	color:white;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;

}

select
{
	font-family:Arial, Helvetica, sans-serif;
	width:140px;
	margin-left:-72px;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Menu gauche + Corps---------------------------------------*/
#global
{
	width:1024px;
	height:auto;
	margin:auto;
	/*text-align:auto;*/
	z-index:2;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Menu gauche----------------------------------------*/
#menu 
{
	width: 158px;
	padding: 1px;
	list-style: none;
	color:white;
	font-size:22px;
	margin-top:0px;

}

#tab_menu
{
	border:solid 1px;
	background-color:#183052;
}

#menu li
{
	background:#183052;
	margin:auto;	
	height:36px;
	vertical-align:middle;
	text-align:center;
	
}

#menu li:hover
{
	height:36px;
	background-image:url("../Images/Fond_cellule_active.jpg");
	background-repeat:repeat-x;
}
.sous_menu 
{
	padding: 1px;		
	margin-top: -28px;
	margin-left: 160px;
	width: 202px;
	list-style: none;
	display: none;	
	color:red;
	text-align:center;

}

.sous_menu li 
{
	height: 18px;
	width: auto;	
	vertical-align:middle;
	padding: 1px;
	text-align:center;
}

.menu_left a
{
	color:white;
	text-decoration:none;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

.menu_left a:hover
{
	color:white;
	text-decoration:none;
}

.menu_left
{	
	float:left;
	width:160px;
	/*height:296px;*/
	height:100%;
	background-color:#183052;
	position:fixed;
	top:0px;
	padding-top:215px;
	z-index:1;
}

.img_fleche
{
	float:right;
	position:absolute;
	top:480px;
	left:145px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------- Corps---------------------------------------------------------------------*/
#page
{
	margin:auto;
	text-align:center;
	width:860px;
	height:auto;
	background-color:#e7f0f7;
	float:right;
	margin-bottom:10px;
	background-image:url("../Images/Corps.jpg");
	background-repeat:repeat-x;
}

#corps
{
	height:auto;
	background-color:#e7f0f7;
	background-image:url("../Images/Corps.jpg");
	background-repeat:repeat-y;
	text-align:left;
	padding-left:50px;
}

#alert_js
{
	text-align:justify;
	border:solid black 1px;
	font-weight:bold;
	padding:4px;
	width:724px;
	background-color:#f8d1cf;
	
}

/*--------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------Rectangle blanc - Bouts arrondis--------------------------------------------------------------------*/

.presentation
{
	width:686px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:25px;
	

	
}

.Detail_top
{
	background-image:url("../Images/Detail_top.png");
	background-repeat:no-repeat;
	height:11px;
	margin-left:25px;
}

.Detail
{
	padding-left:45px;
	padding-right:45px;
	background-color:white;
	text-align:justify;
	line-height:25px;
	font-size:10px;
	width:546px;
	margin-left:25px;
	background-image:url("../Images/boule_bleu2.png");
	background-repeat:no-repeat;
}

.Detail:hover
{
	background-image:url("../Images/boule_rouge2.png");
	background-repeat:no-repeat;
}

.Detail_bas
{
	background-image:url("../Images/Detail_bas.png");
	background-repeat:no-repeat;
	height:11px;
	margin-left:25px;
}
.lien_corps
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3362C6;
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	cursor:pointer;

}

.lien_corps:hover
{
	color:#3362C6;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
}

.lien_catalogue
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3362C6;
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	padding-left:15px;

}

.lien_catalogue:hover
{
	color:#3362C6;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	padding-left:15px;
}

.info_corps
{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	font-size:10px;
	text-align:justify;
}

.liste_deb
{
	list-style-type:circle;
	padding-left:75px;
	background-color:white;
	margin:0px;
}

.liste_deb li:hover
{
	list-style-type:disc;
}


.liste_des
{
	list-style-type:circle;
	padding-left:45px;
	background-color:white;
	margin:0px;
	font-size:14px;
}

.liste_des li:hover
{
	list-style-type:disc;
}


.liste_des2
{
	list-style-type:square;
	padding-left:45px;
	background-color:white;
	margin:0px;
	font-size:14px;
}

.liste_des2 li:hover
{
	list-style-type:square;
}


.liste_num
{
	padding-left:10px;
	background-color:white;
	margin:0px;
	font-size:10px;
	text-align:justify;
	width:280px;
	list-style-type:decimal;
}

/* DAH 30/04/2009  Titre sans lien des blocs blancs */
.titre_detail
{
	/*font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:17px;
	width:736px;
	margin-top:0px;
	margin-bottom:5px;*/
	
	font-family:"Trebuchet Ms", Arial, Verdana, serif;
	color:#000000;
	text-decoration:none;
	text-align:justify;
	font-size:18px;
	margin-bottom:5px;
	margin-left:10px;

}

.titre_bleu_corps
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3362C6;
	text-decoration:none;
	text-align:justify;
	font-size:14px;

}

/*--------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------Cadre Diapo-----------------------------------------------------------------*/
.cadre_diapo
{
	height:301px;
	width:736px;
	border:solid 1px #CCCCCC;
	overflow:scroll;
}

.diapo_impaire
{
	width:600px;
	height:240px;
	background-color:#F7D942;
	border:solid 2px white;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	padding:20px;
	
}

.diapo_paire
{
	width:600px;
	height:240px;
	background-color:#AA8EA4;
	border:solid 2px white;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	padding:20px;
	
}







/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------Mise en Page--------------------------------------------------------------*/
.liste_corps
{
	padding-left:75px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	line-height:27px;
	list-style-image:url("../Images/puce1.png");
}

.liste_corps_unique
{
	padding-left:75px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	line-height:27px;
	background-image:url("../Images/puce1.png");
	background-repeat:no-repeat;
	background-position:50px center;
}

.puce
{
	vertical-align:middle;
}

.txt
{
	width:736px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:20px;
	/*SEG - 28/04/2009 - J'enlève complètement l'indentation des paragraphes
	text-indent:50px;*/
	
}

.txt_2
{
	width:496px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:27px;
	margin:0px;
	margin-left:25px;
}

.txt_cadre
{
	width:736px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:27px;
	/*text-indent:50px;*/
	border:solid black 1px;
	padding:3px;
}

.txt_2_cadre
{
	width:496px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:27px;
	margin:0px;
	margin-left:25px;
	border:solid black 1px;
}

.txt_saut_paragraphe
{
	padding-top:5px;
}

.cadre
{
	width:738px;
	padding-left:50px;
}

.span_chkb_titre
{
	padding-left:0px;
	width:736px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	line-height:20px;
	text-decoration:underline;
}

.span_chkb
{
	padding-left:30px;
	width:736px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	line-height:20px;
	text-decoration:none;
}

#pieds
{
	height:auto;
	background-color:#e7f0f7;
	background-image:url("../Images/Corps.jpg");
	background-repeat:repeat-y;
	text-align:center;
	padding-right:20px;

}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4241AF;
	text-align:center;
	width:736px;
	height:55px;
	text-transform:uppercase;
	background-image:url("../Images/separateur.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;
	line-height:45px;
	vertical-align:center;
}

#h1_avec_soustitre
{
	line-height:35px;
	height:75px;
}

#soustitre_h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4241AF;
	text-align:center;
	width:736px;
	text-transform:none;
	line-height:20px;
	vertical-align:center;
}

h2
{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:19px;
	width:736px;
}

h3
{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:-10px;
}

#pres
{
	width:736px;
	border-collapse:collapse;

}

.pres_tete
{
	background-color:white;
}

.vide
{
	width:2px;
}

.plein
{
	width:170px;
	background-color:white;
	border:solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	height:50px;
}

.pres_bas
{
	background-color:white;
}

.txt_pied
{
	width:736px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	line-height:18px;
	background-image:url("../Images/separateur.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:20px;
	
}

#pieds table
{
	width:736px;
	height:auto;
	margin:auto;
	border:none;
	background-color:#183052;
}

#pieds table td
{
	padding:10px 10px 10px 10px;
	background-color:#EAF3FB;
}

.tab_contact
{
	width:auto;
	height:auto;
	margin-left:195px;
	border:none;
	background-color:#183052;
	text-align:center;
}

.tab_contact_bas
{
	width:auto;
	height:auto;
	margin-left:110px;
	border:none;
	background-color:#183052;
	text-align:center;
}

.cel_contact
{
	padding:10px 10px 10px 10px;
	background-color:#EAF3FB;
	width:auto;
}

.lien_img
{
	border:none;
	float:right;
	margin-top:-30px;
}

.sommaire_page
{
	text-align:center;
	color:#4241AF;
	font-size:15px;	
	font-family:Arial, Helvetica, sans-serif;
	margin-right:90px;
}
 
.sommaire_page a
{
	color:#4241AF;
	font-size:15px;
	text-decoration:none;
}
 
 .sommaire_page a:hover
{
	color:#4241AF;
	font-size:15px;
	text-decoration:underline;
}

.img_imp
{
	margin-left:-70px;
	cursor:pointer;
	margin-bottom:-60px;
	float:right;
	display:none;
}

.img_print_carte
{
	cursor:pointer;
	float:right;
	margin-left:-70px;
	margin-top:-250px;
}

.img_ico_js
{
	margin-left:-60px;
	cursor:pointer;
	margin-top:-45px;
	float:left;
	position:relative;
}

.img_petit_1
{
	margin-right:-100px;
	cursor:pointer;
	margin-top:-220px;
	float:right;
}

.img_petit_2
{
	margin-right:-100px;
	cursor:pointer;
	margin-top:-600px;
	float:right;
}


.img_petit_3
{
	margin-right:-100px;
	cursor:pointer;
	margin-top:-220px;
	float:right;
}

a img
{
	
	border:none;
	height:auto;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:0px;
}

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   left : -120px;
   background-color:#666;
   padding:0.5em;
   font-size:10px;
   font-weight : bold;
   color : #f00;
   /* Effet transparent */
  /*filter:alpha(opacity=80);   /* IE */
  /*-moz-opacity:0.8;           /* Firefox */
  /*opacity: 0.8;               /* standard CSS3 */
  /*-khtml-opacity: 0.8;        /* Konqueror */
  }
  
.img_coin_gauche
{
	float:left;
	margin-left:48px;
	margin-top:-40px;

}

.img_coin_droite
{
	float:right;
	margin-right:120px;
	margin-top:-40px;
}

.img_catalogue
{
	margin-bottom:-10px;
	margin-right:5px;
}
  
.lien_titre2
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3362C6;
	text-decoration:none;
	text-align:justify;
	font-size:10px;
	float:right;
	margin-top:-22px;

}

.lien_titre2:hover
{
	color:#3362C6;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:10px;
}
 
.cam_gauche
{
	float:left;
	margin-left:100px;
}

.cam_droite
{
	float:right;
	margin-right:145px;
	margin-top:-50px;
	
}

.video_myReport
{
	text-align:center;
	color:#ffffff;
	font-size:15px;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#838B7E;
	width:465px;
	margin-left:150px;
	height:50px;
	
}

.video_myReport a
{
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
}
 
.video_myReport a:hover
{
	color:#ffffff;
	font-size:15px;
	text-decoration:underline;
	font-weight:bold;
}

 .lance_video
 {
 	color:#ffffff;
	font-size:15px;
	text-decoration:none;
	cursor:pointer;
 }
 
 .lance_video:hover
 {
 	color:#ffffff;
	font-size:15px;
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
 }

.cadre_video
{
	width:780px;
	height:600px;
	margin-left:-20px;
	background-color:#000000;
	text-align:center;
	color:white;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.cadre_video img
{
	cursor:pointer;
}

.illustration_catalogue
{
	float:right;
	margin-right:-73px;
	margin-top:-50px;
	
}

.illustration_catalogue2
{
	float:right;
	margin-right:-73px;
	margin-top:-40px;

}

.illustration_accueil
{
	float:right;
	margin-right:-73px;
	margin-top:-50px;
}

.txt_instruction
{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width:550px;
}

.lien_gare
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3362C6;
	text-decoration:none;
	text-align:justify;
	font-size:10px;
	cursor:pointer;
	font-size:15px;
	display:none;

}

.lien_gare:hover
{
	color:#3362C6;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:10px;
}

#table_telecharge
{
	width:550px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#btn_telecharge
{
	text-align:center;
	width:750px;
	height:50px;
}

#copyright
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/