
/* commun a toutes les pages de contenu */
.droite_page {
	float: right;
	margin: 5px 0 0 0;
}
.liens_centre {
	text-align: center;
	margin: 15px 0 0 0;
}
.page_indication {
	text-align: center;
	font-size: 10px;
	margin: 20px 0 0 0;
}
/* commun a toutes les pages de contenu */

/* tableaux de page */
.td_head, .td_pair, .td_impair {
	/*border: none;*/
}
.td_head {
	color: #FFFFFF;
	background-color: #6D8092;
}
.td_pair, .td_impair {
	color: #000000;
	vertical-align: top;
}
.td_pair {
	background-color: #F4F4F6;
}
.td_impair {
	background-color: #FFFFFF;
}
.td_select {
	background-color: #D6DADE;
}
.td_center {
	text-align: center;
}
.td_right {
	text-align: right;
}
.td_left {
	text-align: left;
}
.td_barre {
	text-decoration: line-through;
}
.td_15 {
	width: 15%;
}
.tdled {
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}
.tdflashcontenu {
	padding: 5px 0 5px 0;
}
.td_width10 {
	width:10%;
}


/* tableaux de page */

/* bas de page */
#bas, #bas_800{
	padding: 3px 35px 0 10px;
}
#bas_800 {
	background: url('main_middle_800.gif') repeat-y top left;
}
#bas {
	background: url('main_middle.gif') repeat-y top left;
}
.outils li {
	display: inline;
}
.haut_page {
	float: right;
	margin: 7px 0 0 0;
}
/* bas de page */

/* messages */
.content_messages_iframe {
	width: 596px;
	height: 100px;
	margin-top: 8px;
} 
.content_messages_item {
	width: 596px;
	background: url('main_bottom_flash.gif') no-repeat bottom left;
	padding: 0 0 12px 0;
	margin:0;
}
.content_messages_head {
	background: url('main_top_noir.gif') no-repeat top left;
	color: yellow;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0 3px 35px;
}
.content_messages_list {
	background: url('main_middle.gif') repeat-y top left;
	font-size: 11px;
	height: 60px;
	width: 595px;
	padding: 2px 0 2px 0;
	overflow: auto;
}
.content_messages_list a {
	font-weight: bold;
}
.content_messages_list_item_none, .content_messages_list_item_0, .content_messages_list_item_1, .content_messages_list_item_2, .content_messages_list_item_3 {
	margin: 0 0 0 35px;
}
.content_messages_list_item_none {
	list-style-image: url('invisible.gif');
}
.content_messages_list_item_0 {
	list-style-image: url('led_o.gif');
}
.content_messages_list_item_1 {
	list-style-image: url('led_r.gif');
}
.content_messages_list_item_2 {
	list-style-image: url('led_v.gif');
}
.content_messages_list_item_3 {
	list-style-image: url('led_g.gif');
}
.content_messages_liens{
	cursor: pointer;
	list-style: square;
	list-style-position: inside;
}
/* messages */

/* Gestion des itinéraires favoris */
.content_itifav_type{
	padding-left: 25px !important;
	padding-left: 32px;
}
/* Gestion des itinéraires favoris */

/* pages */
.content_page_item, .content_page_item2 {
	width: 600px;
}
.content_page_item {
	background: url('main_bottom.gif') no-repeat bottom left;
	padding: 0 0 14px 0;
}
.content_page_item2 {
}
.content_page_head_jaune,.content_page_head_jaune_800, .content_page_head_gris, .content_page_head_bleu, .content_page_head_rouge, .content_page_head_noir, .content_page_head_vert, .content_page_head_mauve {
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0 3px 35px;
}
.content_page_head_jaune {
	background: url('main_top_jaune.gif') no-repeat top left;
	color: white;
}
.content_page_head_jaune_800 {
	background: url('main_top_jaune_800.gif') no-repeat top left;
	color: white;
}
.content_page_head_bleu {
	background: url('main_top_bleu.gif') no-repeat top left;
	color: white;
}
.content_page_head_bleu_center {
	background: url('main_top_bleu.gif') no-repeat top center;
	color: white;
}
.content_page_head_gris {
	background: url('main_top_gris.gif') no-repeat top left;
	color: #6D8092;
}
.content_page_head_rouge {
	background: url('main_top_rouge.gif') no-repeat top left;
	color: white;
}
.content_page_head_rouge_800 {
	background: url('main_top_rouge_800.gif') no-repeat top left;
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0 3px 35px;
}
.content_page_head_noir {
	background: url('main_top_noir.gif') no-repeat top left;
	color: yellow;
}
.content_page_head_vert {
	background: url('main_top_vert.gif') no-repeat top left;
	color: white;
}
.content_page_head_mauve {
	background: url('main_top_mauve.gif') no-repeat top left;
	color: white;
}
.content_page_content {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}
.content_page_content_center{
	background: url('main_middle.gif') repeat-y top center;
	background-position:center; 
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
}
.content_page_content_ri {
	background: url('main_middle.gif') repeat-y top left;
	
	/*width: 604px !IMPORTANT;
	width: 608px;*/
	
	width: 595px;

	padding: 10px;
	padding-left: 0px;
	padding-right: 0px;
	/*height: 450px;
	overflow: auto;*/
}
.content_page_content2 {
	width: 595px;
	/*height: 438px;*/
	/*overflow: hidden;*/
}
.content_page_content_fs {
	width: 1024px;
	height: 768px;
	overflow: hidden;
}
.content_page_carte {
	background: url('main_bottom.gif') no-repeat bottom left;
	padding: 0 0 14px 0;
}
.content_page_courbe {
	background: url('main_bottom_courbe.gif') no-repeat bottom left;
	padding: 0 0 14px 0;
}
.content_page_carte_itineraire {
	margin :auto;
	background: url('main_middle.gif') repeat-y top left;
	padding-left:20px;
	text-align:left;
}
.content_page_carte_chantier {
	background: url('main_middle.gif') repeat-y top left;
	padding: 15px;
	overflow: auto;
}
.content_page_carte_fermeture {
	background: url('main_middle.gif') repeat-y top left;
	padding: 0px;
	overflow: auto;
}
.content_page_courbe_indice,.content_page_courbe_statistique  {
	background: url('main_middle_800.gif') repeat-y top left;
	padding: 15px;
	overflow: auto;
}
.content_page_courbe_indice_image, .content_page_courbe_statistique_image, .content_page_courbe_indice_image_generation{
	width: 765;
}
.content_page_courbe_indice_image_generation {
	font-style: italic;
	text-align: center;
}
/* pages */

/* carte raster */
.raster_onglets {
	width: 100%;
	border: none;
}
.raster_onglets_fs {
	width: 100%;
	border: none;
}
.raster_onglets td, .raster_onglets_fs td{
	text-align: center;
}
.raster_onglets_extremite_right, .raster_onglets_extremite_left, .raster_onglets_left, .raster_onglets_right, .raster_onglets_separator {
	width: 4px;
}
.raster_onglets_extremite_left {
	background: url('raster_onglets_left.gif') no-repeat top left;
}
.raster_onglets_extremite_right {
	background: url('raster_onglets_right.gif') no-repeat top left;
}
.raster_onglets_left {
	background: url('raster_onglets_left_on.gif') no-repeat top left;
}
.raster_onglets_right {
	background: url('raster_onglets_right_on.gif') no-repeat top left;
}
.raster_onglets_separator {
	background: url('raster_onglets_separator.gif') no-repeat top left;
}
.raster_onglets_vide {
	width: 30%;
}
.raster_onglets_vitesse_true, .raster_onglets_bouchon_true, .raster_onglets_arcinhabituel_true {
	padding: 7px 0 0 0;
}
.raster_onglets_vitesse_true {
	background: url('raster_onglets_orange.gif') repeat-x top left;
}
.raster_onglets_bouchon_true {
	background: url('raster_onglets_bleu.gif') repeat-x top left;
}
.raster_onglets_arcinhabituel_true {
	background: url('raster_onglets_violet.gif') repeat-x top left;
}
.raster_onglets_vitesse_false, .raster_onglets_bouchon_false, .raster_onglets_arcinhabituel_false, .raster_onglets_vide {
	background: url('raster_onglets_background.gif') repeat-x top left;
	color: #6D8092;
}
.raster_onglets_vitesse_true a, .raster_onglets_bouchon_true, .raster_onglets_bouchon_true a, .raster_onglets_arcinhabituel_true a {
	font-size: 13px;
	font-weight: bold;
}
.raster_onglets_vitesse_true a:hover, .raster_onglets_bouchon_true a:hover, .raster_onglets_arcinhabituel_true a:hover {
	text-decoration: none;
}
.raster_onglets_vitesse_true a {
	color: #FF9600;
}
.raster_onglets_bouchon_true, .raster_onglets_bouchon_true a {
	color: #4F7ABE;
}
.raster_onglets_arcinhabituel_true a {
	color: #9871CA;
}
.raster_outils {
	cursor: pointer;
	margin-top: 10px;
	border: none;
}
.raster_outils tr td {
	font-size: 0px;
}
.raster_outils img {
	vertical-align: top;
}
.raster_outils_aide img {
	margin: 30px 0 0 4px;

}
.cadre, .cadre_iti {
	border-style:solid; 
	border-left-width:1px; 
	border-right-width:1px; 
	border-bottom-width:1px; 
	border-color:#999999
}
.cadre_iti {
	border-top-width:1px;
}
.cadre_hg, .cadre_h, .cadre_hd, .cadre_g, .cadre_d, .cadre_bg, .cadre_b, .cadre_bd {
	background-color: white;
}
.cadre_hg, .cadre_hd, .cadre_g, .cadre_bg, .cadre_b, .cadre_bd {
	width: 3px;
}
.cadre_hg, .cadre_h, .cadre_hd, .cadre_bg, .cadre_b, .cadre_bd {
	height: 3px;
}
.carte {
	border: 1px solid #999999;
	display: block;
	position: relative;
	overflow: hidden;
	width:550px; 
}

.carte_fs {
	border: 1px solid #999999;
	display: block;
	position: relative;
	overflow: hidden;
	width:1024px; 
}
.empriseOut {
	border: 0px solid black;
	position: absolute;
	display: block;
}
.empriseOver {
	border: 2px solid red;
	position: absolute;
	display: block;
}


#raster_table {
	border: none;

}
#raster_map_map {
	position: absolute;
	top: 0;
	left: 0;
}
.raster_copyright {
	/*font-style: italic;
	text-align: center;
	
	On rend la classe invisible suite à la demande de modification*/
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
	display: none;
}
.raster_form{
	padding-left: 40px;	
	margin: 0px auto;
}
.raster_form_ligne {
	padding-bottom: 5px;
	padding-top: 5px;
}
.raster_form_depart-arrivee {
	float: left;
/*padding-right:15px;*/

}
.raster_form_label{
	width: 50px;
}
.raster_form_pole {
	margin-right:10px;
}
.raster_form_submit {
	text-align: center;	
}

#raster_legende_vitesses, #raster_legende_bouchons, #raster_legende_fermetures, #raster_legende_arcinhabituel {
	position: absolute;
	left: 60px;
	
}
#raster_legende_vitesses{
        top: 175px;
        height: 0px;
}

#raster_legende_bouchons{
        top: 205px;
        height: 0px;
}
#raster_legende_arcinhabituel {
	top: 155px;
	height: 0px;
}

#raster_legende_fermetures{
	top: 348px;
	height: 0px;
}

.raster_pole {
}

.raster_legende_element, .raster_legende_element_renvois {
	height: 19px !important;
	height: 17px;
}
.raster_legende_element{
	font-size: 10px;
}
.raster_legende_element_renvois {
	font-size: 8px;
}
.raster_legende_contenu{
	position: relative;
	padding-left: 3px;
	/*left: 5px;*/
	background: url('legende/legende_fond.gif') repeat-y top left;
	top: 0px !important;
	top: -5px;
}
#legende_fond_top{
	position: relative;
	top: 0px !important;
	top: -1px;
}
#legende_fond_bottom{
	position: relative;
	top: 0px !important;
	top: -6px;
}
.raster_legende_separation{
	position: relative;
	left: -3px;
}
/* carte raster */

/* plan de site */
.content_page_plan {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}
.content_page_plan h3 {
	font-size: 12px;
	margin: 0 0 7px 0;
}
.content_page_plan ul {
	margin: 0 0 13px 20px;
}
.content_page_plan ul li {
	list-style: square;
	list-style-position: inside;
}
/* plan de site */

/* fermetures */
.content_page_fermetures {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}
.content_page_fermetures h3 {
	font-size: 12px;
	margin: 0 0 7px 0;
}
.content_page_fermetures h3 a {
	color: black;
	font-weight: bold;
}
.content_page_fermetures ul {
	margin: 0 0 13px 20px;
}
.content_page_fermetures ul li {
	list-style: square;
	list-style-position: inside;
	font-weight: normal;
}
.content_page_fermetures ul li a {
	color: #6D8092;
	font-weight: normal;
}
.content_page_fermetures h4 {
	font-size: 11px;
	margin: 8px 0 8px 0;
	text-align: center;
	text-decoration: underline;
}
.content_page_fermetures h5 {
	margin: 4px 0 4px 0;
	font-size: 10px;
}
.content_page_fermetures p {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 8px;
}
.fermetures_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 100%;
	font-weight: normal;
	margin: 0 0 0 0;
}
/* fermetures */

/* chantiers */
.chantiers_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 100%;
	font-weight: normal;
	margin: 0 0 0 0;
	padding-bottom: 20px
}
.chantiers_resultats_table {
	font-size: 10px;
	border-collapse: collapse;
	width: 550px;
	border: 0px;
	font-weight: normal;
}
/* chantiers */

/* messages */
.messages_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 550px;
	font-weight: normal;
	margin: 0 0 0 0;
}

.messages_resultats a{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6D8092;
}
/* messages */

/* mes cartes */
.cartes_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 100%;
	font-weight: normal;
	margin: 0 0 0 0;
	padding-bottom: 20px
}
.cartes_resultats_table {
	font-size: 10px;
	border-collapse: collapse;
	width: 550px;
	border: 0px;
	font-weight: normal;
}
/* mes cartes*/

/* videos */
.content_page_videos {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}
.content_page_videos p {
	margin: 0 0 10px 0;
}
.videos_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 450px;
	font-weight: normal;
	margin: 0 0 0 40px;
}
#video{
	margin: 0 0 0 12px;
}
/* videos */

/* recherche */
.content_page_recherche {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}

.recherche_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 520px;
	font-weight: normal;
	margin: auto;
}
#result{
	margin: 0 0 0 12px;
}
.recherche_barre_lien{
	text-align: right; 
}
.recherche_extrait_titre A{
	font-weight: bold;
}
.recherche_extrait_body{
	
}
.recherche_page, .recherche_page_courante {
	font-weight: bold;
}
.recherche_page_courante{
	color: #bd3d00;
}
.invisible_text_lien{
	display: none;
}
/* recherche */

/* Indices globaux */
.indiceglobaux_titre{
	background: url('puce_fleche_r_dte.gif') no-repeat center left;
	text-indent:18px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.indice_resultats{
	background-color: #F4F4F6;
	padding: 5px;
	margin-bottom: 20px;
	height: 45px;
}
.indice_niveau{
	width: 175px;
	float: left;
}
.indice_niveau IMG{
	padding-bottom: 3px;
}
.indice_tendance{
	width: 150px;
	float: left;
	height: 25px;
}
.indice_tendance IMG{
	padding-bottom: 3px;
}
.indice_valeur{
	width: 175px!important;
	width: 350px;
	float: left;
	padding-left:175px;
	height: 20px;
	padding-top:5px;
}
.indice_ecart{
	width: 150px;
	float: left;
	height: 25px;
}
.indice_evolution{
	width: 200px !important;
	width: 215px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.indice_lien_courbe{
	background: url("bouton_graph2.gif") right no-repeat ;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Indices globaux */

/* formulaire page */
.page_form_head {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.page_form_head_iti {
	margin: 0 0 10px 0;
	font-weight: bold;
	padding-left: 10px;
}
.page_form_line {
	margin: 0 0 8px 0;
}
.page_form_line2 {
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
}
.page_label {
	margin: 0 10px 0 0;
	width: 220px;
	float: left;
	clear: left;
	display: inline;
	text-align: right;
}
.page_text, .page_text2,.page_text_fontsize .page_select, .page_select2, page_textarea {
	font-size: 11px;
}
.page_text, .page_select {
	width: 200px;
}
.page_text2 {
	width: 100px;
}
.page_textarea {
	width: 300px;
	height: 150px;
}
.page_submit, .page_submit2, .page_submit3 {
	background: url('puce_fleche_r_dte.gif') no-repeat center right;
	border: 0;
	font-weight: bold;
	color: #6D8092;
	font-size: 11px;
	text-align: right;
	overflow: visible;
	padding: 0 18px 0 0;
}
.page_submit {
	margin: 5px 0 0 227px !IMPORTANT;
	margin: 5px 0 0 235px;
	cursor: pointer;
}
.page_submit2 {
	margin: 5px 0 0 227px;
	margin: 5px 0 0 235px;
	cursor: pointer;
}
.page_submit3 {
	margin: 5px 0 0 15px;
	margin: 5px 0 0 23px;
	cursor: pointer;
}
/* formulaire page */

/* erreur formulaire page */
.page_error_head {
	font-weight: bold;
	margin: 0 0 5px 0;
}
.page_error_head, .page_error_list {
	color: red;
}
.page_error_list {
	font-size: 10px;
	padding: 2px 0 15px 8px;
}
.page_error_list li {
	font-weight: normal;
	list-style: circle;
	list-style-position: inside;
	margin: 0 0 0 5px;
}
/* erreur formulaire page */

/* completion */
.completion_pole_list {
	position: absolute;
	background-color: white;
	border : 1px solid #EBE8E4;
}
.completion_pole_list ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	overflow: auto;
	max-height: 200px;
    height: 200px;
}
.completion_pole_list ul li {
	margin: 0;
	padding: 3px;
}
.completion_pole_list ul li.selected {
    background-color: #D6DADE; 
}
.completion_pole_list ul strong.highlight {
	color: #800; 
	margin: 0;
	padding: 0;
}
/* completion */

/* parcours 
.parcours_groupes {
	margin: 15px 0 0 0;
}
.parcours_groupes_head {
	font-size: 12px;
}
.parcours_groupes_content {
}
.parcours_groupes_ssgroupes {
	margin: 10px 0 0 0;
}
.parcours_groupes_ssgroupes_head {
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	margin: 0 0 5px 5px;
}


 parcours */

/* ri */
.content_page_ri {
	background: url('main_middle.gif') repeat-y top left;
	width: 575px !IMPORTANT;
	width: 595px;
	padding: 10px;
	height: 450px;
	overflow: auto;
}
.content_page_ri h3 {
	font-size: 12px;
	margin: 5px 0 7px 0;
}
.content_page_ri ul {
	margin: 0 0 13px 20px;
}
.content_page_ri ul li {
	list-style: square;
	list-style-position: inside;
}
.ri_resultats {
	font-size: 11px;
	border-collapse: collapse;
	width: 100%;
	font-weight: normal;
	margin: 0 0 0 0;
}
.ri_alerte_fiabilite {
	padding-left: 20px !important;
	padding-left: 18px;
}	
.voir_itineraire, .voir_graphe, .voir_carte {
	float: right;
}
#calculRi{
	margin-bottom: 5px !important;
	margin-bottom: 0px;
	margin-top: 3px;
}
/* ri */

/* messages flash */
.messages_resultats{
	width: 100%;
}
.message_alerte{
}
.message_conseil{
	font-weight: bold;
}
.message_url{
}
.message_contenu{
}

.carte_hidden_style{
	text-align: center;
	color: #336699;
	font-weight: bold;
	font-size: 6px;
	visibility:hidden; 
}
.carte_visible_style{
	text-align: center;
	color: #336699;
	font-weight: bold;
	font-size: 6px;
	visibility:visible; 
}


/* messages flash */




/* popup */
/*
.popup, .popup_courbe {
	text-align: left;
	margin: auto;
	width: 1600px;	
}
.popup_courbe {
	width: 1800px;	
}
*/
/* popup */

/* carte */
#couche_fond  {
	background-color: #D6DADE;
	width: 100%;
	height: 100%;
}
/* carte */

.hidden {
   display: none;
}

.visible {
   display: inline;
}
